@charset "utf-8";

.table table,
table {
    border-collapse: collapse
}

.fancybox-nav,
.owl-carousel,
.owl-carousel .owl-item,
body,
html {
    -webkit-tap-highlight-color: transparent
}



a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.container,
.container-fluid,
.wrap {
    margin-right: auto;
    margin-left: auto;
    padding-left: 5px;
    padding-right: 5px
}

.sidebar .next-story .link-blue,
.sidebar .next-story .title,
.sidebar h2,
.sidebar h3,
.sidebar p {
    -webkit-font-smoothing: antialiased
}

.copy-styles .table em,
.copy-styles .table i,
.copy-styles ol li em,
.copy-styles ol li i,
.copy-styles p em,
.copy-styles p i,
.copy-styles ul li em,
.copy-styles ul li i {
    font-style: italic
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

.container-fluid:after,
.container:after,
.row:after,
.wrap:after {
    display: table;
    clear: both
}

body {
    font-family: "微软雅黑", 'Microsoft YaHei';
    font-weight: 400
}

.sidebar .list-with-thumbnail li a h3,
.sidebar .next-story .title,
.sidebar h2,
.story-excerpt .heading-sm,
.story-excerpt h3 {
    /*font-family:HelveticaNeueW01-75Bold,Helvetica,Helvetica,Arial,sans-serif*/
    font-family: "微软雅黑", 'Microsoft YaHei';
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

.container-fluid:after,
.container:after,
.form-group .input-radio label span:before,
.form-order-deliveries-section .table-data th:after,
.nav-expand .hamburger:after,
.nav-expand .hamburger:before,
.row:after,
.row:before,
.selectric:after,
.sticky-nav .breadcrumbs a:after,
.story-excerpt .video a:after,
.story-excerpt .video a:before,
.wrap:after,
header.main nav.main>ul>li>a:after,
header.main.fs-experience .breadcrumbs a:after {
    content: ""
}
.row:after {
    content: "";
    display: table;
    clear: both;
}

table {
    border-spacing: 0
}

@media (min-width:640px) {

    .container,
    .wrap {
        width: 960px
    }
}

@media (min-width:641px) {

    .container,
    .wrap {
        width: 960px
    }
}

@media (min-width:1025px) {

    .container,
    .wrap {
        width: 960px
    }
}

.row {
    margin-left: -5px;
    margin-right: -5px;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px
}

.row .col-lg-12,
.row .col-xs-12,
.row .col.full-width {
    padding-left: 0;
    padding-right: 0
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 20%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width:640px) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:641px) {

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:1025px) {

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

.row,
.wrap {
    margin: 0 auto
}

body,
html {
    width: 100%;
    height: 100%;
    background-color: #EAEAEA
}

#site,
footer.main {
    max-width: 1500px;
    margin: 0 auto
}

#site {
    background-color: #fff
}

.wrap {
    width: 100%;
    max-width: 1200px;

}


#site.fs-experience-wrap,
.row,
header.main.fs-experience.open nav.main>ul>li .dropdown .outer-wrap {
    max-width: 100%
}

*,
:after,
:before {
    box-sizing: border-box;
}

.hide {
    display: none
}

.row {
    width: 100%
}

.row.row-padding-top {
    padding-top: 10px
}

.row.row-padding-top-20 {
    padding-top: 20px
}

.row.row-padding-top-40 {
    padding-top: 40px
}

.row.row-padding-top-60,
.row.row-padding-top-80 {
    padding-top: 80px
}

.row.row-padding-bottom {
    padding-bottom: 10px
}

.row.row-padding-bottom-20 {
    padding-bottom: 20px
}

.row.row-padding-bottom-40 {
    padding-bottom: 40px
}

.row.row-padding-bottom-60 {
    padding-bottom: 60px
}

.row.row-padding-bottom-80 {
    padding-bottom: 80px
}

.row:before {
    display: table
}

.row .col {
    min-height: 0
}

.row .col+.col:last-child {
    float: right
}

.row .col.last {
    float: right
}

.row .col+.col.end {
    float: left
}

.row .col.full-width {
    width: 100%
}

.row .col.full-width video {
    width: 100%;
    height: auto;
    display: block
}

.row .col.ta-right {
    text-align: right
}

.row .col.double-gutter {
    padding-left: 10px;
    padding-right: 10px
}

.row .col.double-gutter:first-child,
.wrap {
    padding-left: 0
}

.row .col.double-gutter:last-child {
    padding-right: 0
}

.wrap {
    padding-right: 0
}

.story-excerpt {
    margin-bottom: 40px
}

.story-excerpt .image,
.story-excerpt .video {
    float: left;
    position: relative;
    top: 3px
}

.story-excerpt .video a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40)
}

.story-excerpt .video a:after {
    background-image: url(images/icons.png);
    background-position: -801px -1135px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px
}

.story-excerpt .content {
    margin-left: 80px
}

.story-excerpt h1,
.story-excerpt h2,
.story-excerpt h3,
.story-excerpt ol,
.story-excerpt p,
.story-excerpt ul {
    -webkit-font-smoothing: antialiased;
    line-height: 1.3
}

.story-excerpt .heading-sm {
    font-size: 13px
}

.story-excerpt .heading-sm a {
    color: #5f6a72
}

@media (max-width:374px) {
    .story-excerpt .heading-sm {
        font-size: 12px !important
    }
}

.story-excerpt h3 {
    font-size: 13px;
    color: #5f6a72
}

.story-excerpt h3 em {
    color: #a1a3a6
}

.story-excerpt p {
    font-size: 13px;
    color: #5f6a72;
    margin: 5px 0;
    line-height: 1.3
}

.story-excerpt a {
    text-decoration: none
}

.story-single {
    padding-bottom: 100px
}

.story-single header h1 {
    margin-bottom: 10px
}

.story-single .large-image {
    position: relative;
    text-decoration: none;
    display: block;
    margin-bottom: 20px
}

.story-single .large-image img {
    display: block
}

.story-single .large-image .caption {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background-color: #F6F6F6;
    display: block;
    color: #a1a3a6;
    font-size: 11px
}

.story-single .large-image .credit {
    color: #a1a3a6;
    font-size: 11px
}

.block .image-thumb,
.sidebar .image-thumb {
    width: 70px;
    height: 39px
}

.block .list-with-thumbnail a h3,
.sidebar .list-with-thumbnail a h3 {
    margin-left: 80px
}

@media (min-width:700px) and (max-width:960px) {

    .block .image-thumb,
    .sidebar .image-thumb {
        width: 50px;
        height: 28px
    }

    .block .list-with-thumbnail a h3,
    .sidebar .list-with-thumbnail a h3 {
        font-size: 12px;
        margin-left: 60px
    }
}

.sidebar.last.col-offset-1 {
    padding-bottom: 40px
}

.sidebar h2 {
    font-size: 16px;
    color: #5f6a72;
    line-height: 1.1;
    margin-bottom: 20px
}

@media (max-width:374px) {
    .sidebar h2 {
        font-size: 12px !important
    }
}

.sidebar .link-blue {
    margin-bottom: 15px;
    color: #0698D9;
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.sidebar .link-blue:hover {
    color: #19b4f9
}

.sidebar form {
    margin-bottom: 40px
}

.sidebar .select-dropdown select {
    visibility: hidden
}

.touch .sidebar .select-dropdown select {
    visibility: visible
}

.sidebar form.search .input-text {
    width: 100%
}

.sidebar form.search .link-blue {
    margin-top: 10px
}

.sidebar .next-story .image {
    display: block;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    transition: opacity 125ms linear
}

.sidebar .next-story .image:hover {
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80)
}

.sidebar .next-story img {
    width: 200px;
    height: 113px
}

.sidebar .next-story .title {
    width: 200px;
    font-size: 13px;
    color: #5f6a72;
    line-height: 1.3;
    margin-bottom: 5px
}

.sidebar .next-story .link-blue {
    margin-bottom: 20px
}

.sidebar .list-with-title {
    margin-bottom: 40px
}

.sidebar .list-with-title li {
    line-height: 1
}

.sidebar .list-with-title li h3 {
    font-size: 13px;
    margin-bottom: 5px;
    line-height: 1
}

.sidebar .list-with-title li p {
    line-height: 1;
    margin-bottom: 7px
}

.sidebar .list-with-thumbnail {
    margin-bottom: 40px
}

.sidebar .list-with-thumbnail li a h3 {
    font-size: 13px;
    line-height: 1;
    margin-bottom: 5px
}

@media (min-width:700px) and (max-width:960px) {
    .sidebar .list-with-thumbnail li a h3 {
        font-size: 12px
    }

}

.sidebar .list-with-thumbnail li a p {
    font-family: "微软雅黑", 'Microsoft YaHei';
    line-height: 1.3;
    text-transform: none
}

.media-sidebar h4,
.media-sidebar h4 a,
header.main nav.main>ul>li>a {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.sticky-nav .breadcrumbs a,
.sticky-nav .top li,
header.main.fs-experience .breadcrumbs a {
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-decoration: none
}

@media (max-width:960px) {
    .wrap {
        max-width: 100%
    }

    .story-single-container .sidebar .next-story .image img,
    .story-single-container .story-single .large-image img,
    .story-single-container .video-playlist.video-playlist-small {
        height: auto;
        width: 100%
    }

    .story-single-container .sidebar {
        padding-right: 15px
    }

    .story-single-container .sidebar .next-story .title {
        width: 100%
    }

    .story-single-container .story-single {
        padding-left: 15px
    }

    .story-single-container .video-full-width-inner,
    .story-single-container .video-playlist.video-playlist-small iframe {
        width: 100%
    }
}

@media (max-width:700px) {

    .story-single-container .col-xs-8,
    .story-single-container .sidebar {
        width: 100%;
        float: none;
        clear: both
    }

    .story-single-container .story-single {
        padding-left: 0;
        padding-right: 0
    }

    .story-single-container .sidebar {
        padding: 0 15px
    }

    .story-single-container .sidebar .next-story {
        margin-bottom: 20px
    }

}

.media-sidebar-wrap {
    margin-top: 102px
}

.media-sidebar {
    margin-bottom: 15px
}

.media-sidebar .image {
    margin-bottom: 5px;
    position: relative;
    display: block
}

.media-sidebar .image img {
    width: 100%;
    height: auto
}

.media-sidebar.media-sidebar-image .image:before {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    background-image: url(images/icons.png);
    background-position: -699px -1223px;
    width: 26px;
    height: 18px
}

.media-sidebar h4,
.media-sidebar h4 a {
    font-size: 13px;
    text-decoration: none;
    color: #5f6a72;
    margin-bottom: 2px;
    -webkit-font-smoothing: antialiased;
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.media-sidebar h4 a {
    color: #0698D9
}

.media-sidebar h4 a:hover {
    color: #19b4f9
}

.media-sidebar p {
    font-size: 13px;
    line-height: 1.4;
    font-family: "微软雅黑", 'Microsoft YaHei';
    color: #5f6a72;
    -webkit-font-smoothing: antialiased
}

.design-highlights-contain {
    height: 611px;
    overflow: hidden
}

@media (max-height:640px) {
    .design-highlights-contain {
        height: 573px
    }

}

@media (max-width:374px) {
    .desc-hide p {
        display: none
    }
}

.scale-component {
    overflow: hidden
}


@media (max-width:640px) {

    #site,
    footer.main {
        min-width: 320px
    }

    #site header.main nav.top {
        right: 5px;
        margin-right: 8px;
        top: 70px;
        pointer-events: auto;
        transition: all 150ms linear;
        overflow-y: hidden;
    }

    #site header.main nav.top a {
        font-size: 10px;
        margin-left: 5px;
    }

    #site header.main nav.main>ul>li>a {
        font-size: 14px;
        margin: 0;
    }

    #site .dropdown .se-col-xs-3>ul>li {
        padding-bottom: 0px;

        margin: 0;
    }

    #site .se-list-with-thumbnail a p {
        font-size: 12px;
        font-family: "微软雅黑", 'Microsoft YaHei';
        color: #000;
        text-transform: uppercase;
    }

    .se-col-xs-3 .se-list-with-thumbnail .th-dropdown {
        position: absolute;
        display: none;
        padding-top: 5px;
        left: 110px;
        top: 55px;
        height: auto;
        z-index: 200;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        transition: opacity .1s ease-in;
        pointer-events: none;
        width: auto;
    }

    #site .product-dropdown .th-col-xs-3>ul>li {
        display: block;
        width: 60px;
    }

    #site .th-dropdown .th-list-with-thumbnail img {
        width: 40px;
        height: 30px;

    }

    #site .se-col-xs-3 .blanket-item .product-dropdown-offset {
        top: 5px;
        left: 100px;
        width: 80px;
        position: absolute;
        display: none;
        height: auto;
        z-index: 200;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        transition: opacity .1s ease-in;
        pointer-events: auto;
        padding: 0;
    }

    #site .se-col-xs-3 .blanket-item .product-dropdown-uv {
        top: 28px;
        left: 100px;
        width: 80px;
        position: absolute;
        display: none;
        height: auto;
        z-index: 200;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        transition: opacity .1s ease-in;
        pointer-events: auto;
        padding: 0;
    }

    #site .se-col-xs-3 .blanket-item .product-dropdown-coating {
        top: 50px;
        left: 100px;
        width: 80px;
        position: absolute;
        display: none;
        height: auto;
        z-index: 200;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        transition: opacity .1s ease-in;
        pointer-events: auto;
        padding: 0;
    }

    #site .se-col-xs-3 .blanket-item .product-dropdown-webset {
        top: 5px;
        left: 100px;
        width: 80px;
        position: absolute;
        display: none;
        height: auto;
        z-index: 200;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        transition: opacity .1s ease-in;
        pointer-events: auto;
        padding: 0;
    }

    #site .row .th-col-xs-3 .padding-top .btn p {
        font-size: 10px;
        padding-top: 0;
        text-align: justify;
    }

    /*mobile fountain menu <640px */



    .lt-ie11 #site header.main nav.main>ul>li .fountain-th-dropdown {
        position: absolute;
        display: none;
        padding-top: 5px;
        left: 110px;
        top: 55px;
        height: auto;
        z-index: 200;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        transition: opacity .1s ease-in;
        pointer-events: none;
        width: auto;
    }

    #site .se-col-xs-3 .fountain-item .product-dropdown-fountain-offset {
        top: 5px;
        left: 100px;
        width: 80px;
        position: absolute;
        display: none;
        height: auto;
        z-index: 200;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        transition: opacity .1s ease-in;
        pointer-events: auto;
        padding: 0;
    }

    #site .se-col-xs-3 .fountain-item .product-dropdown-fountain-alcofree {
        top: -20px;
        left: 100px;
        width: 80px;
        position: absolute;
        display: none;
        height: auto;
        z-index: 200;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        transition: opacity .1s ease-in;
        pointer-events: auto;
        padding: 0;
    }

    #site .se-col-xs-3 .fountain-item .product-dropdown-fountain-webset {
        top: 28px;
        left: 100px;
        width: 80px;
        position: absolute;
        display: none;
        height: auto;
        z-index: 200;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        transition: opacity .1s ease-in;
        pointer-events: auto;
        padding: 0;
    }

    #site .se-col-xs-3 .fountain-item .product-dropdown-fountain-coldset {
        top: 28px;
        left: 100px;
        width: 80px;
        position: absolute;
        display: none;
        height: auto;
        z-index: 200;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        transition: opacity .1s ease-in;
        pointer-events: auto;
        padding: 0;
    }

    /*wash*/

    div#product-list-wash {
        top: 68px;
        left: 200px;
        width: 80px;
        position: absolute;
        height: auto;
        z-index: 200;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        transition: opacity .1s ease-in;
        pointer-events: none;
        padding: 0;
        display: none;
    }

    .th-col-xs-3 .btn {
        pointer-events: auto;
    }

    /*special*/
    #site .se-col-xs-3 .padding-top .product-dropdown-special-plateclean {
        top: 5px;
        left: 100px;
        width: 80px;
        position: absolute;
        height: auto;
        z-index: 200;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        transition: opacity .1s ease-in;
        pointer-events: auto;
        padding: 0;
        display: none;
    }

    #site .se-col-xs-3 .padding-top .product-dropdown-special-gum {

        left: 100px;
        width: 80px;
        position: absolute;
        height: auto;
        top: 50px;
        z-index: 200;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        transition: opacity .1s ease-in;
        pointer-events: auto;
        padding: 0;
        display: none;
    }

    #site .se-col-xs-3 .padding-top .product-dropdown-special-mrc {
        top: 20px;
        left: 100px;
        width: 80px;
        position: absolute;
        height: auto;
        z-index: 200;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        transition: opacity .1s ease-in;
        pointer-events: auto;
        padding: 0;
        display: none;
    }

    #site .se-col-xs-3 .padding-top .product-dropdown-special-removeca {
        top: 20px;
        left: 100px;
        width: 80px;
        position: absolute;
        height: auto;
        z-index: 200;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        transition: opacity .1s ease-in;
        pointer-events: auto;
        padding: 0;
        display: none;
    }

    header.main nav.main>ul>li .dropdown div.wrap {
        width: 100%;
    }

    #site nav.main .about-sieen-dropdown div.se-col-xs-3 {
        text-align: left;
    }

    #site nav.main .about-sieen-dropdown .se-col-xs-3 ul.se-list-with-thumbnail.padding-top {
        padding-top: 5px;
        padding-bottom: 5px;
        margin: 5px 0;
    }

    #site header.main nav.main div.about-sieen-dropdown {
        display: none;
        position: static;
        background-color: #e8e9eb;
        width: 100%;
        padding: 5px 0;
        opacity: 0;
        pointer-events: auto;
        transition: all 150ms linear;
        height: auto;
    }

    #site .right-section .content.content1 .heading-lg {
        margin-left: 15px;
    }

    #site .right-section .content.content4 .col-xs-12 .heading-lg,
    #site .right-section .content.content5 .col-xs-12 .heading-lg {
        margin-left: 30px;
    }

    .nav-content-container .row .accordian {
        max-width: 100%;
    }

    #site .right-section .content.content1 .col-xs-12 .heading-lg,
    #site .right-section .content.content2 .col-xs-12 .heading-lg,
    #site .right-section .content.content3 .col-xs-12 .heading-lg,
    #site .right-section .content.content6 .col-xs-12 .heading-lg,
    #site .right-section .content.content7 .col-xs-12 .heading-lg,
    #site .right-section .content.content8 .col-xs-12 .heading-lg {
        margin-left: 30px;
    }

    .sliderTV div.sliderTV__next {
        position: absolute;
        top: 110px;
        left: 338px;
        width: 50px;
    }

    .image div.service-announce {
        font-family: "微软雅黑", 'microsoft Yahei';
        text-transform: uppercase;
        font-size: 16px;
        margin-bottom: 5px;
        color: #fff;
        position: absolute;
        left: 10px;
        bottom: 0px;
        z-index: 130;
        max-height: auto;
        box-sizing: border-box;
    }

    div.video-text-wrap div.video-text {
        font-size: 12px;
        font-family: 微软雅黑, "microsoft Yahei";
        font-weight: 200;
        height: 100%;
        left: 0px;
        position: absolute;
        top: 20%;
        width: 100%;
        text-align: center;
    }

    div.video-text ul li {
        display: inline-block;
        padding-right: 20px;
    }

    div.video-text-wrap div.video-text-announce p {
        font-size: 12px;
    }

    .terms img.ba-class {
        margin-top: 0;
    }

    .col-xs-4 img {
        width: 150px;
    }

    div.content.content2 .heading-services {
        font-size: 20px;
        line-height: 1.1;
        -webkit-font-smoothing: antialiased;
        color: #5F6A72;
        margin-bottom: 40px;
        margin-left: 8px;
        font-family: "微软雅黑", 'Microsoft YaHei';
    }

    div.content.content3 .heading-services {
        font-size: 20px;
        line-height: 1.1;
        -webkit-font-smoothing: antialiased;
        color: #5F6A72;
        margin-bottom: 40px;
        margin-left: 45px;
        font-family: "微软雅黑", 'Microsoft YaHei';
    }

    div.row .accordian {
        max-width: 100%;
    }

    div.content.content4 .heading-services {
        font-size: 20px;
        line-height: 1.1;
        -webkit-font-smoothing: antialiased;
        color: #5F6A72;
        margin-bottom: 40px;
        margin-left: 45px;
        font-family: "微软雅黑", 'Microsoft YaHei';
    }

}

.scale-component-contain {
    min-width: 1024px;
    transform-origin: top left;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left
}

.clear.left {
    clear: left
}

.clear.right {
    clear: right
}

.clear.both {
    clear: both
}

.no-events,
.slider-full-width .slider-item img,
.slider-split .contain img {
    pointer-events: none
}

.wrap.header {
    width: 100%
}

@media (max-width:640px) {
    .wrap.header {
        min-width: 100%
    }
}

#site.fs-experience-wrap #back-to-top {
    display: none;
}

.fs-experience-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 160;
    background-color: #020202;
    background-color: rgba(0, 0, 0, .7);
    transition: opacity 125ms linear;
    visibility: visible
}

.fs-experience-overlay.hidden {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden
}

header.main {
    height: 100px;
    z-index: 165;
    position: relative
}

header.main .wrap {
    width: 100%;
    max-width: 100%
}

.fs-not-responsive header.main .wrap {
    width: 100%;
    min-width: 1024px;
    max-width: inherit
}

header.main nav.top {
    float: right;
    font-size: 11px;
    padding-top: 10px;
    margin-right: 30px
}

header.main nav.top li {
    display: inline
}

header.main nav.top a {
    text-decoration: none;
    margin-left: 8px;
    color: #5f6a72
}

header.main nav.top a:hover {
    color: #0698D9
}

@media (max-width:960px) {
    header.main nav.top {
    display: none;
    position: absolute;
    right: 25px;
    z-index: 1;
    top: 85px;
    opacity: 0;
    pointer-events: auto;
    transition: all 150ms linear;
    overflow-y: hidden;
    }

    header.main nav.top.active {
        top: 87px;
        opacity: 1;
        pointer-events: auto
    }

    header.main nav.top li {
        display: inline;
        line-height: 1.4;
        margin-bottom: 9px
    }

    header.main nav.top a {
       
        font-size: 15px;
        margin-left: 10px;
        -webkit-font-smoothing: antialiased;
        color: #000;
    }

    body {
        background-color: green;
    }

    header.main {
       
    }

    #site .htm .animated-word {
        position: absolute;
        box-sizing: border-box;
        left: 390px;
        top: 30px;
        width: 100%;
    }
    .htm .animated-word p {
        top: 10px;
        font-size: 24px;
      
    }
    

    header.main nav.main {
        display: none;
        position: absolute;
        background-color: #e8e9eb;
        width: 100%;
        float: none;
        padding: 20px 0;
        top: 80px;
        opacity: 0;
        pointer-events: auto;
        transition: all 150ms linear;
        height: auto;

    }

    nav.main ul li div.dropdown {
        display: none;
        position: static;
        background-color: #e8e9eb;
        width: 100%;
        float: none;
        padding: 5px 0;
        top: 80px;
        opacity: 0;
        pointer-events: auto;
        transition: all 150ms linear;
        height: auto;
    }

    #site header.main nav.main .about-sieen-dropdown {
        display: none;
        position: static;
        background-color: #e8e9eb;
        width: 100%;

        padding: 5px 0;
        top: 80px;
        opacity: 0;
        pointer-events: auto;
        transition: all 150ms linear;
        height: auto;
    }

    #product-list-mobile .se-col-xs-3 {
        display: block;
        width: 100%;
        text-align: left;

    }

    #product-list-mobile .se-list-with-thumbnail.padding-top {
        padding-top: 5px;
        padding-bottom: 5px;

    }

    header.main nav.main>ul {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
        transition: -webkit-transform 150ms ease-in;
        transition: transform 150ms ease-in;
        transition: transform 150ms ease-in, -webkit-transform 150ms ease-in
    }

    #product-list-mobile .se-col-xs-3>ul>li {
        display: block;
        margin: 0 10px;
        padding-bottom: 10px;
        pointer-events: auto;
    }

    #site .se-col-xs-3>ul>li>a {
        text-decoration: none;
        pointer-events: auto;
        color: #5f6a72;
        height: 30px;
        line-height: 30px;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        position: relative;
        transition: color 75ms linear;
    }

    #site .se-list-with-thumbnail p {
        text-transform: uppercase;
        font-size: 18px;
        font-family: "微软雅黑", 'Microsoft YaHei';
        color: #000;
    }

    


    header.main nav.main.active {
        top: 82px;
        opacity: 1;
        pointer-events: auto
    }

    header.main nav.main.active>ul {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    header.main nav.main>ul>li {
        display: block
    }

    div header.main nav.main>ul>li>a {
        font-size: 20px;
        margin: 10px 0;
        color: #000;

    }

    .se-list-with-thumbnail .th-dropdown {
        position: absolute;
        display: none;
        padding-top: 5px;
        left: 180px;
        top: 88px;

        height: auto;
        z-index: 200;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        transition: opacity .1s ease-in;
        pointer-events: none;

    }

    .th-dropdown .product-dropdown .th-list-with-thumbnail.padding-top {
        padding: 0;
    }

    .product-dropdown .th-col-xs-3>ul>li {
        margin: 0 12px;
        padding-bottom: 0;

    }

    .se-col-xs-3 .blanket-item .product-dropdown {
        position: absolute;
        left: 180px;
        width: 100%;
        height: auto;
        top: 40px;
        z-index: 250;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        transition: opacity .1s ease-in;
        pointer-events: none;
        padding: 0;
    }

    .blanket-product-list .blanket-th-dropdown .product-dropdown-offset {
        display: none;
        opacity: 0;
    }

    .blanket-product-list .blanket-th-dropdown .product-dropdown-uv {
        display: none;
        opacity: 0;
    }

    .blanket-product-list .blanket-th-dropdown .product-dropdown-webset {
        display: none;
        opacity: 0;
    }

    .blanket-product-list .blanket-th-dropdown .product-dropdown-coating {
        display: none;
        opacity: 0;
    }

    /*mobile menu abount-sieen*/

    #site .se-col-xs-3>ul>li {
        display: block;
        padding-bottom: 10px;
        margin: 0;
    }

    #site nav.main .about-sieen-dropdown .se-col-xs-3 {
        text-align: left;
    }

    #site nav.main .about-sieen-dropdown .se-col-xs-3 .se-list-with-thumbnail.padding-top {
        padding-top: 5px;
        padding-bottom: 5px;
        margin: 5px 0;
    }

/* mobile servic-page menu*/
.lt-ie11 header.main nav.main>ul>li .service-page-dropdown {
    display: none;
        position: static;
        background-color: #e8e9eb;
        width: 100%;

        padding: 5px 0;
        top: 80px;
        opacity: 0;
        pointer-events: auto;
        transition: all 150ms linear;
        height: auto;
    }

    #site nav.main .service-page-dropdown .se-col-xs-3 {
        text-align: left;
    }

    #site nav.main .service-page-dropdown .se-col-xs-3 .se-list-with-thumbnail.padding-top {
        padding-top: 5px;
        padding-bottom: 5px;
        margin: 5px 0;
    }
    header.main nav.main>ul>li>a:after {
        transition: 0s;
    }

    /*mobile fountain menu*/
    .lt-ie11 header.main nav.main>ul>li .fountain-th-dropdown {
        position: absolute;
        display: none;
        padding-top: 5px;
        left: 180px;
        top: 88px;
        height: auto;
        z-index: 200;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        transition: opacity .1s ease-in;
        pointer-events: none;
        }

        .fountain-product-list .fountain-th-dropdown .product-dropdown-fountain-offset {
            display: none;
            opacity: 0;
        }
    
        .fountain-product-list .fountain-th-dropdown .product-dropdown-fountain-alcofree {
            display: none;
            opacity: 0;
        }
    
        .fountain-product-list .fountain-th-dropdown .product-dropdown-fountain-webset {
            display: none;
            opacity: 0;
        }
    
        .fountain-product-list .fountain-th-dropdown .product-dropdown-fountain-coldset {
            display: none;
            opacity: 0;
        }

        .se-col-xs-3 .fountain-item .product-dropdown {
            position: absolute;
            left: 180px;
            width: 100%;
            height: auto;
            top: 50px;
            z-index: 250;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            transition: opacity .1s ease-in;
            pointer-events: none;
            padding: 0;
        }

        /* mobile wash menu*/

    #product-list-wash {
    position: absolute;
        display: none;
        padding-top: 5px;
        left: 380px;
        top: 130px;
        height: auto;
        z-index: 200;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        transition: opacity .1s ease-in;
        pointer-events: auto;
   
}
.product-dropdown-wash .th-col-xs-3 .th-list-with-thumbnail.padding-top {
    padding-top: 5px;
        padding-bottom: 5px;
        margin: 5px 0;
}
.product-dropdown-wash .th-col-xs-3 .th-list-with-thumbnail.padding-top li {
    margin: 0 15px;
    padding-bottom: 0;
}

/*mobile special menu*/
.se-col-xs-3 .special-product-list .special-th-dropdown {
    position: absolute;
    display: none;
    padding-top: 5px;
    left: 180px;
    top: 75px;
    height: auto;
    z-index: 200;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: opacity .1s ease-in;
    pointer-events: none;
}




.col-xs-12 .slider-full-width .slider-info.bl {
    left: 20px;
}

.col-xs-12 .slider-full-width .slider-info h1 {
    font-family: "微软雅黑", 'microsoft Yahei';
    text-transform: uppercase;
    font-size: 26px;
    line-height: 1;
    margin-bottom: 5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
   
}

/*mobile special menu*/
.fountain-product-list .fountain-th-dropdown .product-dropdown-special-plateclean {
    display: none;
    opacity: 0;
}

.fountain-product-list .fountain-th-dropdown .product-dropdown-special-gum {
    display: none;
    opacity: 0;
}

.fountain-product-list .fountain-th-dropdown .product-dropdown-special-mrc {
    display: none;
    opacity: 0;
}

.fountain-product-list .fountain-th-dropdown .product-dropdown-special-removeca {
    display: none;
    opacity: 0;
}

.se-col-xs-3 .padding-top .product-dropdown-special-plateclean, 
.se-col-xs-3 .padding-top .product-dropdown-special-gum, 
.se-col-xs-3 .padding-top .product-dropdown-special-mrc, 
.se-col-xs-3 .padding-top .product-dropdown-special-removeca {
    position: absolute;
    left: 180px;
    width: 100%;
    height: auto;
    top: 50px;
    z-index: 250;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: opacity .1s ease-in;
    pointer-events: none;
    padding: 0;
}

/*content*/
.right-section .content.content1 .heading-lg,
.right-section .content.content2 .heading-lg,
.right-section .content.content3 .heading-lg,
.right-section .content.content4 .heading-lg,
.right-section .content.content5 .heading-lg,
.right-section .content.content6 .heading-lg,
.right-section .content.content7 .heading-lg,
.right-section .content.content8 .heading-lg {
    font-size: 28px;
    line-height: 1.1;
    -webkit-font-smoothing: antialiased;
    color: #5F6A72;
    margin-bottom: 40px;
    margin-left: 120px;
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.content.content1 .col-xs-12 p {
font-size: 18px;
}

.row .accordian .accordian-item label {
    display: block;
    padding: 18px;
    background-color: #394957;
    font-weight: 400;
    margin-bottom: 0;
}
.row .accordian {
    border-bottom: 0.5px solid #2E3A46;
    margin: 0 auto;
    font-size: 18px;
    max-width: 80%;
}

.accordian-item label span {
    font-size: 16px;
}

.info .description p {
    font-family: "微软雅黑", 'Microsoft YaHei';
    font-size: 18px;
    font-weight: 700;
    color: #5F6A72;
}

/*coating page slider*/

#slidetv-coating-effect {
    margin-left: 0;
    width: 100%;
}

div#wrapper-sliderTv {
    position: relative;
    margin: 0 auto;
    padding-top: 40px;
    width: 100%;
    height: 545px;
    overflow: hidden;
}

div#sliderTV {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 500px;
}
div.sliderTV__prev {
    position: absolute;
    top: 110px;
    left: 0px;
    width: 50px;
}
div.sliderTV__next {
    position: absolute;
    top: 110px;
    left: 762px;
    width: 50px;
}

div.service-announce {
    font-family: "微软雅黑", 'microsoft Yahei';
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 5px;
    color: #fff;
    position: absolute;
    left: 30px;
    bottom: 20px;
    z-index: 130;
    max-height: auto;
    box-sizing: border-box;
}

div.video-text {
    width: 100%;
    font-size: 24px;
    font-family: "微软雅黑", 'microsoft Yahei';
    font-weight: 200;
    height: 100%;
    left: 0;
    position: absolute;
    top: 20%;
    width: 100%;
    text-align: center;
}

div.video-text-announce p {
    font-size: 18px;
}

div.image-grid.image-grid-three-columns>ul li img {
    width: 160px;
    height: 110px;
}


}

@media (max-width:374px) {
    header.main nav.top.active {
        top: 65px
    }
}

header.main.fs-experience {
    background-color: #fff;
    height: 82px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2)
}

.selectricWrapper,
header.main .nav-expand {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.selectric:hover,
.selectricOpen .selectric,
.selectricOpen .selectricItems {
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .2)
}

header.main.fs-experience #logo {
    padding-top: 12px
}

header.main.fs-experience .nav-expand {
    position: absolute;
    top: 0;
    right: -85px;
    transition: right 125ms linear
}

header.main.fs-experience .wrap.header {
    height: 82px;
    background-color: #fff;
    position: relative;
    z-index: 2
}


@media screen and (min-width:961px) {
    header.main.fs-experience nav.main {
        position: absolute;
        bottom: -30px;
        right: 0;
        width: 100%;
        margin-right: 0;
        z-index: 1;
        visibility: hidden
    }

    header.main.fs-experience nav.main>ul {
        padding-right: 35px;
        text-align: right;
        background-color: #fff;
        position: relative;
        top: -32px;
        transition: top .2s linear
    }

    header.main.fs-experience nav.main>ul li {
        text-align: left
    }

    header.main.fs-experience nav.main>ul .list-horz-links li {
        float: right
    }

    header.main.fs-experience nav.main>ul .list-horz-links.align-left li {
        float: left
    }


}

header.main.fs-experience .breadcrumbs {
    box-sizing: border-box;
    width: 50%;
    line-height: 18px;
    text-align: right;
    position: absolute;
    top: 28px;
    right: 105px;
    transition: opacity 125ms linear;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

header.main.fs-experience .breadcrumbs li {
    display: inline
}

header.main.fs-experience .breadcrumbs li:last-child a:after {
    display: none
}

header.main.fs-experience .breadcrumbs a {
    line-height: 22px;
    display: inline-block;
    font-size: 10px;
    color: #5f6a72;
    padding-left: 5px;
    padding-right: 10px;
    position: relative
}

header.main.fs-experience .breadcrumbs a:hover {
    color: #84B6DC
}

header.main.fs-experience .breadcrumbs a:after {
    position: absolute;
    top: 8px;
    right: 0;
    background-image: url(images/icons.png);
    background-position: -1875px -22px;
    width: 4px;
    height: 6px;
    z-index: 1
}

header.main.fs-experience .breadcrumbs a.last {
    padding-right: 0
}

header.main.fs-experience .breadcrumbs a:first-child {
    padding-left: 0
}

header.main.fs-experience.open nav.main {
    visibility: visible
}

header.main.fs-experience.open nav.main>ul {
    top: 0
}

header.main.fs-experience.open nav.main>ul>li .dropdown {
    top: 30px
}

header.main.fs-experience.open nav.main>ul>li .dropdown ul {
    text-align: left
}

header.main nav.main {
    float: right;
    clear: right;
    margin-right: 30px
}

header.main nav.main>ul>li {
    display: inline-block;
    padding: 0 25px
}

header.main nav.main>ul>li.last,
header.main nav.main>ul>li:last-child {
    padding-right: 0
}

header.main nav.main>ul>li>a {
    text-decoration: none;
    font-size: 12px;
    color: #5f6a72;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    position: relative;
    transition: color 75ms linear;
}

header.main nav.main>ul>li>a:after {
    position: absolute;
    background-color: #0698D9;
    bottom: -2px;
    left: 0;
    height: 0.5px;
    width: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: .1s
}

header.main nav.main>ul>li.active>a,
header.main nav.main>ul>li:hover>a,
header.main nav.main>ul>li>a.active {
    color: #0698D9;
    position: relative
}

.lt-ie9 header.main nav.main>ul>li>a:after {
    display: none
}

header.main nav.main>ul>li>a.active:after {
    bottom: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

.lt-ie9 header.main nav.main>ul>li>a.active:after {
    display: block
}

@media (max-width:1280px) {
    header.main nav.main>ul>li {
        padding: 0 15px
    }

    header.main nav.main>ul>li.last,
    header.main nav.main>ul>li:last-child {
        padding-right: 0
    }
}

header.main nav.main>ul>li .dropdown {
    width: 100%;
    height: auto;
    top: 103px;
    z-index: 200;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: opacity .1s ease-in;
    pointer-events: none
}



header.main nav.main>ul>li .dropdown .outer-wrap {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    background-color: #E2E4E6
}

header.main nav.main>ul>li .dropdown .wrap {
    width: 1200px;

}

.gt-ie10 header.main nav.main>ul>li .dropdown {
    display: none;
    z-index: auto
}

.lt-ie11 header.main nav.main>ul>li .dropdown {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    display: none;
    transition: none
}

header.main nav.main>ul>li.active>a:after,
header.main nav.main>ul>li:hover>a:after {
    bottom: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}


.lt-ie11 header.main nav.main>ul>li.active>a,
.lt-ie11 header.main nav.main>ul>li:hover>a {
    border-bottom: 3px solid #0698D9
}

header.main nav.main>ul>li.active .dropdown,
header.main nav.main>ul>li:hover .dropdown {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    pointer-events: auto
}

.gt-ie10 header.main nav.main>ul>li.active .dropdown,
.gt-ie10 header.main nav.main>ul>li:hover .dropdown,
.lt-ie11 header.main nav.main>ul>li.active .dropdown,
.lt-ie11 header.main nav.main>ul>li:hover .dropdown {
    display: block
}



@media (max-width:960px) {
    

    

    header.main nav.main>ul {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
        transition: -webkit-transform 150ms ease-in;
        transition: transform 150ms ease-in;
        transition: transform 150ms ease-in, -webkit-transform 150ms ease-in
    }

    header.main nav.main.active {
        top: 82px;
        opacity: 1;
        pointer-events: auto
    }

    header.main nav.main.active>ul {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    header.main nav.main>ul>li {
        display: block
    }

    header.main nav.main>ul>li>a {
        font-size: 15px
    }

}

header.main .dropdown .block,
header.main .dropdown .list-with-thumbnail.padding-top {
    padding-top: 25px
}

@media (max-width:374px) {

    header.main nav.main,
    header.main nav.main.active {
        top: 59px
    }
}

header.main .search {
    clear: right;
    float: right;
    margin: 14px 0 4px
}

header.main .search .input-submit {
    display: none
}

@media (max-width:960px) {
    header.main .search .input-submit {
        display: block;
        background-color: #EFF0F0;
        letter-spacing: 1px;
        text-transform: uppercase;
        width: 85px;
        height: 34px;
        line-height: 30px;
        font-size: 12px;
        color: #5F6A72;
        border: none;
        outline: 0;
        position: absolute;
        bottom: 0;
        right: 0;
        transition: background-color 150ms ease-in;
        cursor: pointer
    }

    header.main .search .input-submit:hover {
        background-color: #c8cbcb
    }

    header.main .search {
        margin: 0;
        float: none;
        position: absolute;
        top: 82px;
        left: 0;
        width: 100%;
        height: 0;
        opacity: 0;
        overflow: hidden;
        transition: height 250ms ease-in, opacity 250ms ease-in
    }

    header.main .search.active {
        height: 34px;
        opacity: 1
    }

    header.main .search .input-search {
        height: 34px
    }

    header.main .search .icon {
        display: none
    }
}

header.main .search .input-text {
    width: 107px;
    font-family: "微软雅黑", 'Microsoft YaHei';
    transition: width 150ms linear
}

header.main .search .input-text:focus {
    width: 180px
}

@media (max-width:960px) {
    header.main .search .input-text {
        width: 100%;
        height: 34px;
        line-height: 34px;
        padding-left: 18px;
        padding-right: 85px;
        background-color: #E2E4E6
    }

    header.main .search .input-text:focus {
        width: 100%
    }
}

header.main #logo {
    padding-left: 30px
}

header.main #logo a {
    width: 154px;
    height: 37px;
    float: left;
    margin-top: 10px;
    background-image: url(/images/logo.png);
    background-size: 154px;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999em
}
footer div.logo {
    padding-left: 15%;
    float: left;
}

footer div.logo:after {
    content: "";
    display: block;
    clear: both;
}
footer.socialmedia {
    background-color: #000;
    overflow: hidden;
   
}

footer div.sm {
    float: right;
 padding-right: 20%;
}

footer div.logo a {
    width: 154px;
    height: 54px;
    background-image: url(/images/LOGO-w.png);
    background-size: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999em;
    
}

div.sm ul li .wechatlogo,
div.sm ul li .weibologo {
    padding-top: 1em;
    padding-right: 2em;
}

div.sm ul li {
    display: inline;
}

div.sm ul li a {
    cursor: pointer;
}

header.main #logo-sh {
    padding-left: 30px
}

 

@media (max-width: 374px) {
    header.main #logo-sh a {
        width: 60px;
        background-size: 60px;
    }
}

@media (max-width: 414px) {
    header.main #logo-sh a {
        width: 100px;
        height: 72px;
        background-size: 100px;
    }
}

@media (max-width:960px) {
    header.main #logo {
        padding-left: 20px
    }

    header.main #logo a {
        margin-top: 6px;
        height: 72px
    }

    .fs-not-responsive header.main #logo a {
        margin-top: 10px;
        height: 37px
    }
}

@media (max-width:374px) {
    header.main .search {
        top: 59px
    }

    header.main #logo {
        padding-left: 20px
    }

    header.main #logo a {
        width: 125px;
        height: 59px;
        margin-top: 0;
        background-size: 125px
    }
}

header.main .dropdown {
    position: absolute;
    top: 0;
    left: 0
}

header.main .dropdown .list-with-thumbnail.padding-bottom {
    padding-bottom: 40px
}

header.main .dropdown .list-with-thumbnail img {
    width: 70px;
    height: 52px
}

header.main .dropdown .block.padding-bottom {
    padding-bottom: 25px
}

header.main .dropdown .block.block-large {
    width: 390px
}

header.main .dropdown .block.block-small,
header.main .dropdown .block.block-small .block-video img {
    width: 100%
}

header.main .dropdown .block .block-video {
    width: 100%;
    height: 219px;
    overflow: hidden
}

header.main .dropdown .block .block-video.block-video-small {
    height: 170px
}

header.main .dropdown .list-horz-links {
    height: 40px;
    line-height: 40px
}

@-webkit-keyframes stickyIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes stickyIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.sticky-nav {
    position: relative;
    z-index: 135
}

.sticky-nav .outer-wrap {
    background-color: #394957;
    max-width: 1500px;
    min-width: 100%;
    margin: 0 auto
}

.sticky-nav.active {
    position: fixed;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1500px
}

@media (max-width:1500px) {
    .sticky-nav.active {
        max-width: 100%
    }
}

.sticky-nav .sticky-nav-placeholder {
    display: none
}

.sticky-nav .top {
    height: 48px
}

.sticky-nav .top ul {
    text-align: center;
    white-space: nowrap;
    overflow-x: hidden;
    transition: opacity 125ms linear;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.sticky-nav .top ul.active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

.sticky-nav .top ul.kinetic-active {
    cursor: default !important
}

.sticky-nav .top ul.center {
    text-align: center
}

.sticky-nav .top li {
    border-bottom: 2px solid #394957;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    font-size: 14px;
    padding: 17px 12px 0;
    height: 48px;
    box-sizing: border-box;
    font-family: "微软雅黑", 'Microsoft YaHei';
    transition: border 0s linear;
    cursor: pointer
}

.sticky-nav .top li.active,
.sticky-nav .top li:hover {
    background-color: #52677a;
    
    border-bottom: 2px solid #84B6DC
}

.sticky-nav .top li.active a,
.sticky-nav .top li:hover a {
    color: #84B6DC
}

.sticky-nav .top li:hover {
    background-image: linear-gradient(to bottom, #5c7489, #435666);
    background-repeat: repeat-x
}

.sticky-nav .top li.active {
    background-image: linear-gradient(to bottom, #52677a, #394957);
    background-repeat: repeat-x
}

.sticky-nav .top a {
    color: #fff;
    text-decoration: none
}

.sticky-nav .top a:focus {
    outline: 0
}

@media (max-width:960px) {
    .sticky-nav .top ul.active {
        opacity: 0
    }

    .sticky-nav .top ul.is-animating {
        -webkit-animation: stickyIn 450ms forwards;
        animation: stickyIn 450ms forwards
    }

    .sticky-nav .top {
        height: 53px;
        width: 100%;
        overflow-x: hidden
    }

    .sticky-nav .top ul {
        text-align: left;
        transition: left 250ms linear;
        position: relative;
        height: 53px
    }

    .sticky-nav .top li {
        display: inline-block;
        position: relative;
        height: 53px;
        text-align: center;
        padding: 0 12px;
        box-sizing: border-box
    }

    .sticky-nav .top li a {
        font-size: 12px;
        display: inline-block
    }

    .sticky-nav .top li:hover {
        background-color: transparent;
        background-image: none;
        border: none
    }

    .sticky-nav .top li:hover a {
        color: #fff
    }

    .sticky-nav .top li.active,
    .sticky-nav .top li:hover.active {
        background-color: transparent;
        background-image: none;
        border-bottom: 2px solid #84B6DC
    }

    .sticky-nav .top li.active a,
    .sticky-nav .top li:hover.active a {
        color: #84B6DC
    }

    .sticky-nav .top a {
        width: 100%;
        height: auto;
        color: #fff;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .sticky-nav .top a span {
        display: block
    }

    .sticky-nav .breadcrumbs {
        display: none
    }
}

.sticky-nav .breadcrumbs {
    background-color: #2E3A46;
    box-sizing: border-box;
    width: 100%;
    padding: 0 30px;
    height: 22px;
    line-height: 18px
}

.sticky-nav .breadcrumbs li {
    display: inline
}

.sticky-nav .breadcrumbs li:last-child a:after {
    display: none
}

.sticky-nav .breadcrumbs a {
    line-height: 22px;
    display: inline-block;
    font-size: 10px;
    color: #fff;
    padding-left: 5px;
    padding-right: 10px;
    position: relative
}

.sticky-nav .breadcrumbs a:hover {
    color: #84B6DC
}

.sticky-nav .breadcrumbs a:after {
    position: absolute;
    top: 8px;
    right: 0;
    background-image: url(images/icons.png);
    background-position: -1861px -38px;
    width: 4px;
    height: 6px;
    z-index: 1
}

.sticky-nav .breadcrumbs a.last {
    padding-right: 0
}

.sticky-nav .breadcrumbs a:first-child {
    padding-left: 0
}

header.main .magnify-large,
header.main .nav-expand {
    display: none
}

header.main .nav-expand {
    user-select: none
}

header.main.fs-experience .nav-expand {
    display: block
}

@media (max-width:590px) {
    header.main.fs-experience .breadcrumbs {
        display: none
    }
}

@media (max-width:960px) {
    header.main {
        height: 82px
    }

    header.main .magnify-large {
        display: block;
        position: absolute;
        top: 31px;
        right: 85px;
        opacity: 0;
        transition: opacity 250ms ease-in
    }

    header.main .magnify-large.visible {
        opacity: .7
    }

    header.main .magnify-large.active {
        opacity: 1
    }

    header.main .nav-expand {
        opacity: 0;
        display: block;
        position: absolute;
        top: 0;
        right: 0
    }

    header.main.fs-experience #logo {
        padding-top: 0
    }

    .fs-not-responsive header.main.fs-experience .nav-expand {
        position: absolute;
        top: 0;
        right: -85px
    }
}

@media (max-width:374px) {

    header.main,
    header.main.fs-experience {
        height: 59px
    }

    header.main .magnify-large {
        top: 21px;
        right: 61px
    }

    header.main .nav-expand {
        width: 59px;
        height: 59px
    }

    header.main .nav-expand .hamburger {
        top: 29px;
        left: 16.5px
    }

    header.main.fs-experience .wrap.header {
        height: auto
    }
}

.nav-expand {
    width: 85px;
    height: 82px;
    position: relative;
    cursor: pointer;
    transition: all 125ms ease-in
}

.nav-expand.open .hamburger {
    background-color: transparent
}

.nav-expand .hamburger,
.nav-expand .hamburger:after,
.nav-expand .hamburger:before {
    background-color: red;
    width: 26px;
    transition: all 150ms ease-in;
    height: 1px;
    position: absolute
}

.nav-expand.open .hamburger:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0
}

.nav-expand.open .hamburger:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0
}

.nav-expand .hamburger {
    left: 29.5px;
    top: 39px
}

.nav-expand .hamburger:after,
.nav-expand .hamburger:before {
    left: 0
}

.nav-expand .hamburger:before {
    top: -8px
}

.nav-expand .hamburger:after {
    top: 8px
}

.nav-expand:hover {
    background-color: #f2f3f4
}

.nav-expand:hover.open .hamburger {
    background-color: transparent
}

.nav-expand:hover .hamburger,
.nav-expand:hover .hamburger:after,
.nav-expand:hover .hamburger:before {
    background-color: red
}

@media (max-width:960px) {
    .nav-expand:hover {
        background-color: transparent
    }

    #back-to-top {
        display: none
    }
}

#site {
    min-height: 100%;
    height: 100%;
}

#back-to-top {
    position: absolute;
    top: -30px;
    right: 10px;
    text-decoration: none;
    transition: opacity 150ms linear;
    background-color: #EFF0F1;
    padding-left: 10px;
    z-index: 101;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

#back-to-top.active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

#back-to-top.fixed {
    position: fixed;
    top: auto;
    bottom: 0;
    right: 10px
}

#back-to-top .text {
    font-size: 13px;
    color: #a1a3a6;
    font-family: "微软雅黑", 'Microsoft YaHei';
    height: 30px;
    line-height: 30px;
    float: left
}

#back-to-top .btn {
    background-color: #888888;
    float: left;
    width: 30px;
    height: 30px;
    position: relative;
    margin-left: 10px
}

#back-to-top .btn .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -4px;
    margin-top: -2.5px
}

#back-to-top:hover .text {
    color: #aeb0b2
}

#back-to-top:hover .btn {
    background-color: #07a9f2
}

#back-to-top:active .text {
    color: #b6b8ba
}

#back-to-top:active .btn {
    background-color: #0fb1f8
}

.sticky-push {
    height: 35px;
    clear: both
}

footer.tall {
    /*height:354px;*/

    position: relative;
    padding-bottom: 46px;
}

footer.tall .list-with-title {
    box-sizing: border-box;
    padding-left: 15px;
    padding-top: 20px
}

footer.tall .list-with-title li {
    -webkit-font-smoothing: antialiased
}

footer.tall .col h3 {
    font-family: "微软雅黑", 'Microsoft YaHei';
    color: #5f6a72;
    line-height: 1.3;
    font-size: 12px;
    margin-bottom: 10px;
    -webkit-font-smoothing: antialiased
}

footer.tall .stock-quote {
    padding-top: 30px;
    padding-left: 15px
}

@media (max-width:960px) {
    footer.tall {
        width: 100%;
        height: auto;
        overflow-x: hidden
    }

    footer.tall .col:nth-child(1) {
        display: none
    }

    footer.tall .col {
        width: 25%;
        text-align: left;
        box-sizing: border-box;
        margin: 0
    }
}

@media (max-width:640px) {
    .sticky-nav .outer-wrap {
        max-width: 100%;
        min-width: 320px
    }

    footer.tall {
        width: 100%;
        height: auto;
        overflow-x: hidden
    }

    footer.tall #share,
    footer.tall #share .btn {
        height: 40px;
        top: auto;
        position: relative;
        left: auto
    }

    footer.tall .col:nth-child(1),
    footer.tall .col:nth-child(2) {
        display: none
    }

    footer.tall .col.end {
        padding-bottom: 20px
    }

    footer.tall .col {
        width: 50%
    }

    footer.tall .col a {
        font-size: 14px
    }

    footer.tall .stock-quote {
        display: none
    }

    footer.tall .social {
        background-image: none
    }

    footer.tall #share {
        display: block !important;
        text-indent: 0;
        bottom: auto;
        right: auto;
        width: 90%;
        margin: 20px auto 0;
        pointer-events: auto;
        z-index: inherit;
        overflow-x: visible;
        overflow-y: hidden;
        transition: height 125ms linear
    }

    footer.tall #share.open .btn {
        right: 0;
        opacity: 1
    }

    footer.tall #share .btn {
        margin: 0;
        color: #1C9AD8;
        opacity: 1;
        background-image: none;
        background-size: inherit;
        width: 100%;
        line-height: 40px;
        border: 1px solid #A8DAF0;
        text-align: center;
        right: auto
    }

    footer.tall #share .pop-out {
        position: relative;
        top: 0;
        bottom: auto;
        left: auto;
        right: auto;
        width: 100%;
        height: 100px;
        padding: 2px 0 0
    }

    footer.tall #share .pop-out a {
        float: left;
        width: 13%;
        margin: 5px
    }

    footer.tall #share .pop-out a.addthis_button_email {
        margin-left: 8px
    }

    footer.tall #share .pop-out a.addthis_button_facebook .at4-icon {
        background-size: 17px !important
    }

    footer.tall #share .pop-out a .at4-icon {
        width: 100%;
        height: 100%;
        background-position: center center
    }
}

footer.main .share,
footer.main .share-fs-experience-footer,
footer.main p.terms {
    float: right
}

footer.main {
    width: 100%;
    height: 40px;
    padding: 0 20px;
    box-sizing: border-box;
    background-color: #EAEAEA;
    position: relative;
    z-index: 165
}

footer.main.fs-experience-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box
}

@media screen and (max-width:960px) {
    footer.main.fs-experience-footer {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
        transition: opacity .3s ease-in, -webkit-transform 260ms linear;
        transition: opacity .3s ease-in, transform 260ms linear;
        transition: opacity .3s ease-in, transform 260ms linear, -webkit-transform 260ms linear
    }

    .fs-not-responsive footer.main.fs-experience-footer,
    footer.main.fs-experience-footer.active {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

footer.main.fs-experience-footer .share-fs-experience-footer {
    display: none
}

.lt-ie9 footer.main {
    padding: 0
}

.lt-ie9 footer.main .share {
    margin-right: 20px
}

.lt-ie9 footer.main p {
    margin-left: 20px
}

footer.main p {
    color: #a1a3a6;
    line-height: 38px;
    font-size: 11px;
    -webkit-font-smoothing: antialiased
}

footer.main p a {
    color: #a1a3a6;
    text-decoration: none
}

footer.main p a:hover {
    color: #0698D9
}

footer.main .share-fs-experience-footer .btn {
    width: 69px;
    height: 35px;
    display: block;
    background: url(../assets/images/buttons/share-horz.jpg) no-repeat;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: bottom 150ms linear
}

@media (-webkit-min-device-pixel-ratio:2),
(-webkit-min-device-pixel-ratio:192),
(min-resolution:192dppx) {
    footer.main .share-fs-experience-footer .btn {
        background-image: url(images/buttons/share-horz@2x.jpg);
        background-size: 69px 35px
    }
}

footer.main .share-fs-experience-footer .btn:after,
footer.main .share-fs-experience-footer .btn:before {
    display: none
}

footer.main .share-fs-experience-footer .addthis_toolbox {
    position: absolute;
    bottom: -36px;
    right: 0;
    background-color: #D8D8D8;
    padding: 0 10px;
    box-sizing: border-box;
    transition: bottom 150ms linear
}

footer.main .share-fs-experience-footer.open .btn {
    bottom: 34px
}

footer.main .share-fs-experience-footer.open .addthis_toolbox {
    bottom: 0
}

footer.main .share a,
footer.main .share li {
    display: inline-block
}

footer.main .share a {
    padding: 8px 2px
}

@media (max-width:768px) {
    footer.main .contain {
        min-width: 100%
    }
}

@media (max-width:640px) {
    footer.main {
        padding: 15px 20px;
        height: 60px
    }

    footer.main p.terms {
        float: none
    }

    footer.main p {
        line-height: 15px
    }
}

input {
    -webkit-appearance: none;
    border-radius: 0
}

.input-search {
    position: relative;
    height: 32px
}

.input-search .icon {
    position: absolute;
    top: 8px;
    left: 10px
}

.input-search .input-text {
    background-color: #F6F6F6;
    padding-left: 30px;
    height: 100%;
    line-height: 32px
}

.input-text,
.input-textarea textarea {
    background-color: #e9e9e9;
    border: none;
    font-size: 12px;
    outline: 0;
    font-family: "微软雅黑", 'Microsoft YaHei';
    box-sizing: border-box
}

.input-textarea textarea {
    color: #6d7074;
    padding: 10px;
    border-radius: none;
    overflow: auto;
    margin-bottom: 20px
}

.input-textarea textarea.placeholder {
    color: #a1a3a6
}

.input-textarea textarea:-moz-placeholder {
    color: #a1a3a6
}

.input-textarea textarea::-webkit-input-placeholder {
    color: #a1a3a6
}

.input-textarea.input-textarea-large textarea {
    width: 375px
}

@media (max-width:640px) {
    .input-textarea.input-textarea-large textarea {
        width: 100%
    }
}

.input-text {
    color: #6d7074;
    padding: 0 10px;
    border-radius: none
}

.input-text.placeholder {
    color: #94969a
}

.input-text:-moz-placeholder {
    color: #94969a
}

.input-text::-webkit-input-placeholder {
    color: #94969a
}

.input-text.input-length-short {
    width: 80px
}

.input-text:focus {
    outline: 0
}

.input-text:focus.placeholder {
    color: #bbbdbf
}

.input-text:focus:-moz-placeholder {
    color: #bbbdbf
}

.input-text:focus::-webkit-input-placeholder {
    color: #bbbdbf
}

.input-text::after {
    width: 50px;
    height: 3px;
    background-color: #0698D9;
    position: absolute;
    bottom: 0;
    left: 0
}

.input-text.input-text-padded {
    height: 25px;
    line-height: 25px;
    margin-bottom: 20px
}

.input-with-submit input {
    float: left;
    height: 25px;
    line-height: 25px;
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.input-submit-arrow {
    background-color: #d0d0d0;
    border: none;
    outline: 0;
    border-radius: none;
    cursor: pointer
}

.select-dropdown select {
    visibility: hidden
}

.touch .select-dropdown select {
    visibility: visible;
    position: relative;
    top: -7px
}

.ipad .select-dropdown select {
    position: relative;
    top: -7px
}

.select-dropdown.select-dropdown-md .selectricWrapper {
    width: 110px
}

.select-dropdown.select-dropdown-lg .selectricWrapper {
    width: 135px
}

.select-dropdown.select-dropdown-xlg .selectricWrapper {
    width: 215px
}

.form-job-search-small {
    background-color: #fff;
    border: 1px solid #d5d6d8;
    box-sizing: border-box;
    padding: 20px 25px;
    text-align: left
}

.form-job-search-small a,
.form-job-search-small input,
.form-job-search-small legend,
.form-job-search-small p,
.form-job-search-small select {
    -webkit-font-smoothing: antialiased
}

.form-job-search-small legend {
    font-size: 13px;
    font-family: "微软雅黑", 'Microsoft YaHei';
    color: #5f6a72
}

.form-job-search-small .input-text {
    padding: 8px;
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.form-job-search-small .select-dropdown {
    margin: 10px 0
}

.form-job-search-small .inputs {
    margin-bottom: 15px
}

.form-job-search-small .link-blue {
    margin-top: 15px;
    float: right
}

.form-job-search-small .arrow-right-small {
    margin-left: 6px
}

.selectricWrapper {
    position: relative;
    margin: 0 0 10px;
    width: 185px;
    cursor: pointer;
    user-select: none
}

.order-deliveries .selectricWrapper {
    margin: 0
}

.selectricDisabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectricOpen {
    z-index: 9999
}

.selectricHideSelect {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

.selectricHideSelect select {
    position: absolute;
    left: -100%;
    display: none
}

.selectricInput {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: 0 !important;
    border: none !important;
    _font: 0/0 a;
    background: 0 0 !important
}

.selectricTempShow {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important
}

.selectricOpen .selectric {
    z-index: 105
}

.selectricOpen .selectricItems {
    display: block
}

.selectric {
    background: #fff;
    position: relative;
    border: 1px solid #eee;
    transition: box-shadow 150ms linear;
    -webkit-transition: box-shadow 150ms linear
}

.selectric:after {
    position: absolute;
    height: 2px;
    background-color: #0698D9;
    width: 100%;
    bottom: -1px;
    left: 0
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 40px 0 0;
    padding: 5px 8px;
    font-size: 13px;
    font-family: "微软雅黑", 'Microsoft YaHei';
    color: #0698D9;
    -webkit-font-smoothing: antialiased
}

.selectric .button {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(images/icons.png);
    background-position: -1814px -62px;
    text-indent: 500em;
    width: 30px;
    height: 100%;
    overflow: hidden
}

.selectricHover .selectric .button {
    opacity: .8
}

.selectricItems {
    display: none;
    position: absolute;
    overflow: auto;
    top: 100%;
    left: 0;
    background: #F6F6F6;
    z-index: 9998;
    box-shadow: 0 0 10px -6px
}

.selectricItems:focus {
    outline: 0
}

.selectricItems li,
.selectricItems ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1;
    font-size: 13px
}

.selectricItems li {
    padding: 5px 8px;
    cursor: pointer;
    display: block;
    color: #77848d
}

.selectricItems li:before {
    display: none
}

.selectricItems li.selected {
    color: #0698D9
}

.selectricItems li:hover {
    color: #0698D9;
    background-color: #f1f1f1
}

.selectricItems li.disabled {
    color: #c3c3c3;
    cursor: default
}

.selectricItems li.disabled:hover {
    background-color: transparent
}

.selectricAbove .selectricItems {
    top: auto;
    bottom: 100%
}

.pagination {
    margin-bottom: 70px;
    font-size: 13px;
    color: #5f6a72;
    -webkit-font-smoothing: antialiased
}

.pagination li {
    height: 12px;
    line-height: 12px;
    border-right: 1px solid #a1a3a6;
    padding: 0 10px 0 4px
}

.pagination li:first-child {
    padding-left: 0
}

.pagination li:last-child {
    border-right: none;
    padding-right: 0
}

.pagination strong {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.pagination a {
    color: #0698D9;
    text-decoration: none
}

.pagination a:hover {
    color: #19b4f9
}

.pagination ul {
    height: 0;
    text-align: right
}

.pagination a,
.pagination li {
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.form-group p.inline,
.select-dropdown-group {
    display: inline-block
}

.block.orders-deliveries {
    min-height: 800px
}

.form-order-deliveries-section.form-order-deliveries-report-reportByCustomer,
.form-order-deliveries-section.form-order-deliveries-report-reportByModel {
    min-height: 500px
}

.block.orders-deliveries .wrap {
    overflow: hidden
}

.form-group {
    width: 100%
}

.form-group a {
    text-decoration: none;
    color: #0698D9;
    cursor: pointer;
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.form-group a:hover {
    color: #19b4f9
}

.form-group input[type=radio]+label,
.form-group input[type=checkbox]+label {
    color: #5F6972;
    font-family: "微软雅黑", 'Microsoft YaHei';
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-font-smoothing: antialiased;
    cursor: pointer
}

.form-group .select-dropdown .selectric .label {
    padding: 0 8px
}

.form-group .select-dropdown.select-dropdown-half {
    float: left;
    width: 35%
}

.form-group input[type=radio] {
    display: none
}

.form-group input[type=radio]+label {
    user-select: none;
    margin-left: 3px
}

.form-group input[type=radio]+label span {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: -1px 10px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    position: relative;
    top: -1px
}

.form-group input[type=checkbox] {
    display: none
}

.form-group input[type=checkbox]+label {
    user-select: none;
    margin-left: 3px
}

.form-group .input-checkbox.checked label,
.form-group .input-radio.checked label {
    color: #0195DB
}

.form-group input[type=checkbox]+label span {
    display: inline-block;
    width: 12px;
    height: 12px;
    cursor: pointer;
    margin-right: 5px;
    background: url(../assets/images/forms/checkbox.png) no-repeat;
    position: relative;
    top: 1px
}

.form-group input[type=checkbox]:checked+label {
    color: #0195DB
}

.form-group input[type=checkbox]:checked+label span {
    background-position: right center
}

.form-group .input-checkbox.checked label span.checkbox {
    background-position: right center
}

.form-group .input-checkbox,
.form-group .input-radio {
    margin-bottom: -2px;
    display: inline-block
}

.form-group .input-checkbox.input-checkbox-full,
.form-group .input-checkbox.input-radio-full,
.form-group .input-radio.input-checkbox-full,
.form-group .input-radio.input-radio-full {
    display: block
}

.form-group .inputs-linked .select-dropdown {
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 6px
}

.safari .form-group .inputs-linked .select-dropdown {
    top: 0
}

.form-group .input-radio label span {
    background-color: #FFF;
    position: relative
}

.form-group .input-radio label span:before {
    position: absolute;
    top: -4px;
    left: -4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #DEDEDE
}

.form-group input[type=radio]:checked+label {
    color: #0195DB
}

.form-group input[type=radio]:checked+label span {
    background-color: #0195DB
}

.form-group .input-radio.checked label span.checkbox {
    background-color: #0195DB
}

.form-group input[type=radio]+label span,
.form-group input[type=radio]:checked+label span {
    transition: background-color 125ms linear
}

@media (max-width:960px) {
    .orders-deliveries .outer-wrap {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden
    }

    .orders-deliveries .outer-wrap .form-order-deliveries-fields,
    .orders-deliveries .outer-wrap .form-order-deliveries-report {
        width: 960px
    }
}

.block.responsive-scale .wrap,
aside#share {
    overflow: hidden
}

.form-order-deliveries-section {
    background-color: #fff;
    border: 1px solid #EBEBEB;
    padding: 30px 70px;
    font-family: "微软雅黑", 'Microsoft YaHei';
    margin-top: 15px;
    display: block
}

.form-order-deliveries-section .model-counts th,
.form-order-deliveries-section h2 {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.form-order-deliveries-section.form-order-deliveries-section-reports .preloader.hide,
.form-order-deliveries-section.hidden {
    display: none
}

.form-order-deliveries-section h2 {
    font-size: 16px
}

.form-order-deliveries-section h2.bbj-orders-deliveries-title {
    color: #948254
}

.form-order-deliveries-section .hr {
    background-color: #E2E1DD;
    width: 100%;
    height: 1px;
    margin: 10px 0
}

.form-order-deliveries-section legend {
    width: 100%;
    font-weight: 700;
    font-size: 13px;
    padding: 0 0 3px;
    margin: 20px 0 10px;
    color: #5F6A70;
    -webkit-font-smoothing: antialiased
}

.form-order-deliveries-section legend.sep {
    border-bottom: 1px solid #E1E2DD;
    margin-top: 0
}

.form-order-deliveries-section:first-child {
    margin-top: 0
}

.ie8 .form-order-deliveries-section table {
    table-layout: fixed;
    width: 818px
}

.form-order-deliveries-section .form-group .row .row {
    margin-bottom: 10px
}

.form-order-deliveries-section.form-order-deliveries-section-reports {
    position: relative;
    width: 100%
}

.form-order-deliveries-section.form-order-deliveries-section-reports .form-group {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.form-order-deliveries-section.form-order-deliveries-section-reports .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    margin-left: -45px;
    margin-top: -45px
}

.form-order-deliveries-section.form-order-deliveries-section-reports.loaded .form-group {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

@media (max-width:959px) {
    .form-order-deliveries-section.form-order-deliveries-section-reports {
        padding: 30px
    }
}

@media (max-width:640px) {
    .form-order-deliveries-section.form-order-deliveries-section-reports .input-radio {
        width: 100%
    }
}

.form-order-deliveries-section.form-order-deliveries-report-reportByTimePeriod {
    height: 300px
}

.form-order-deliveries-section.form-order-deliveries-report-reportByTimePeriod .title,
.form-order-deliveries-section.form-order-deliveries-report-reportByTimePeriod table {
    visibility: hidden
}

.form-order-deliveries-section.form-order-deliveries-report-reportByTimePeriod.loaded {
    height: auto
}

.form-order-deliveries-section.form-order-deliveries-report-reportByTimePeriod.loaded .title,
.form-order-deliveries-section.form-order-deliveries-report-reportByTimePeriod.loaded table {
    visibility: visible
}

.form-order-deliveries-section.form-order-deliveries-report-recentAnnualOrders {
    height: 300px
}

.form-order-deliveries-section.form-order-deliveries-report-recentAnnualOrders .title,
.form-order-deliveries-section.form-order-deliveries-report-recentAnnualOrders table {
    visibility: hidden
}

.form-order-deliveries-section.form-order-deliveries-report-recentAnnualOrders.loaded {
    height: auto
}

.form-order-deliveries-section.form-order-deliveries-report-recentAnnualOrders.loaded .title,
.form-order-deliveries-section.form-order-deliveries-report-recentAnnualOrders.loaded table {
    visibility: visible
}

.form-order-deliveries-section.form-order-deliveries-report-reportByUnfilledOrders {
    height: 300px
}

.form-order-deliveries-section.form-order-deliveries-report-reportByUnfilledOrders .title,
.form-order-deliveries-section.form-order-deliveries-report-reportByUnfilledOrders table {
    visibility: hidden
}

.form-order-deliveries-section.form-order-deliveries-report-reportByUnfilledOrders.loaded {
    height: auto
}

.form-order-deliveries-section.form-order-deliveries-report-reportByUnfilledOrders.loaded .title,
.form-order-deliveries-section.form-order-deliveries-report-reportByUnfilledOrders.loaded table {
    visibility: visible
}

.form-order-deliveries-section.form-order-deliveries-report-userDefinedReports {
    height: 300px
}

.form-order-deliveries-section.form-order-deliveries-report-userDefinedReports .excel,
.form-order-deliveries-section.form-order-deliveries-report-userDefinedReports .title,
.form-order-deliveries-section.form-order-deliveries-report-userDefinedReports table {
    visibility: hidden
}

.form-order-deliveries-section.form-order-deliveries-report-userDefinedReports.loaded {
    height: auto
}

.form-order-deliveries-section.form-order-deliveries-report-userDefinedReports.loaded .excel,
.form-order-deliveries-section.form-order-deliveries-report-userDefinedReports.loaded .title,
.form-order-deliveries-section.form-order-deliveries-report-userDefinedReports.loaded table {
    visibility: visible
}

.form-order-deliveries-section.form-order-deliveries-report-userDefinedReports .excel {
    margin-top: 10px;
    display: inline-block
}

.form-order-deliveries-section.form-order-deliveries-report-userDefinedReports .excel.top {
    margin-top: 0;
    margin-bottom: 10px
}

.form-order-deliveries-section.form-order-deliveries-report-reportByCustomer .title,
.form-order-deliveries-section.form-order-deliveries-report-reportByCustomer table {
    visibility: hidden
}

.form-order-deliveries-section.form-order-deliveries-report-reportByCustomer.loaded .title,
.form-order-deliveries-section.form-order-deliveries-report-reportByCustomer.loaded table {
    visibility: visible
}

.form-order-deliveries-section.form-order-deliveries-report-reportByCustomer .summary {
    margin-bottom: 20px
}

.form-order-deliveries-section.form-order-deliveries-report-reportByCustomer .summary.bottom {
    margin-top: 20px;
    margin-bottom: 0
}

.form-order-deliveries-section.form-order-deliveries-report-reportByCustomer .table-data,
.form-order-deliveries-section.form-order-deliveries-report-reportByModel .table-data {
    margin-top: 0
}

.form-order-deliveries-section .model-counts.margin-bottom-20,
.form-order-deliveries-section.form-order-deliveries-report-reportByModel .summary {
    margin-bottom: 20px
}

.form-order-deliveries-section.form-order-deliveries-report-reportByCustomer.error .hr,
.form-order-deliveries-section.form-order-deliveries-report-reportByCustomer.error .model-counts {
    display: none
}

.form-order-deliveries-section.form-order-deliveries-report-reportByModel .title,
.form-order-deliveries-section.form-order-deliveries-report-reportByModel table {
    visibility: hidden
}

.form-order-deliveries-section.form-order-deliveries-report-reportByModel.loaded .title,
.form-order-deliveries-section.form-order-deliveries-report-reportByModel.loaded table {
    visibility: visible
}

.form-order-deliveries-section.form-order-deliveries-report-reportByModel .customers-list {
    margin-top: 40px
}

.form-order-deliveries-section.form-order-deliveries-report-reportByModel .bottom-table {
    margin-top: 20px
}

.form-order-deliveries-section.form-order-deliveries-report {
    position: relative;
    display: none
}

.form-order-deliveries-section.form-order-deliveries-report.show {
    display: block
}

.form-order-deliveries-section .table-data.bottom th:after,
.form-order-deliveries-section.form-order-deliveries-report.error .table-data {
    display: none
}

.form-order-deliveries-section.form-order-deliveries-report .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    margin-left: -45px;
    margin-top: -45px
}

.form-order-deliveries-section.form-order-deliveries-report .hr {
    visibility: hidden
}

.fancybox-nav:hover span,
.form-order-deliveries-section.form-order-deliveries-report.loaded .hr {
    visibility: visible
}

.form-order-deliveries-section.form-order-deliveries-report .model-counts.footer {
    margin-top: 0
}

.form-order-deliveries-section .form-order-deliveries-types {
    height: 100px;
    position: relative
}

.form-order-deliveries-section .model-counts {
    margin-top: 10px
}

.form-order-deliveries-section .model-counts.padding-bottom-20 {
    padding-bottom: 20px
}

.form-order-deliveries-section .model-counts.padding-bottom-40 {
    padding-bottom: 40px
}

.form-order-deliveries-section .model-counts.padding-bottom-60 {
    padding-bottom: 60px
}

.form-order-deliveries-section .model-counts td,
.form-order-deliveries-section .model-counts th {
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    vertical-align: middle
}

.form-order-deliveries-section .model-counts th {
    background-color: #394A59;
    color: #fff;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-order-deliveries-section .model-counts th.title {
    width: 25%;
    background-color: #4F6576
}

.form-order-deliveries-section .model-counts th.total {
    width: 20%;
    background-color: #2C3A47
}

.form-order-deliveries-section .model-counts .orders th.title {
    width: 35%
}

.form-order-deliveries-section .model-counts .orders th.total {
    width: 10%
}

.form-order-deliveries-section .model-counts td {
    background-color: #EBEDEE;
    color: #5f6a72;
    font-family: "微软雅黑", 'Microsoft YaHei';
    text-align: left;
    line-height: 1.4
}

.form-order-deliveries-section .model-counts td.updated,
.form-order-deliveries-section .model-counts tr.data-item td.updated,
.form-order-deliveries-section .table-data th {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.form-order-deliveries-section .model-counts td.updated {
    color: #0698D9
}

.form-order-deliveries-section .model-counts.small-text td,
.form-order-deliveries-section .model-counts.small-text th {
    font-size: 12px;
    padding-left: 7px
}

.form-order-deliveries-section .model-counts .bbj-orders-deliveries thead tr th.title {
    background: #787878
}

.form-order-deliveries-section .model-counts .bbj-orders-deliveries thead tr th.model {
    background: #404040
}

.form-order-deliveries-section .model-counts .bbj-orders-deliveries thead tr th.total {
    background: #000
}

.form-order-deliveries-section .model-counts tr.data-item.even td {
    background-color: #F5F6F7;
    padding-top: 5px;
    padding-bottom: 5px
}

.form-order-deliveries-section .model-counts tr.data-item:nth-child(even) td {
    background-color: #F5F6F7;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #978253
}

.form-order-deliveries-section .model-counts tr.data-item:nth-child(even) td:nth-child(even) {
    background-color: #FFF
}

.form-order-deliveries-section .model-counts tr.data-item td {
    padding-top: 2px;
    padding-bottom: 2px;
    height: 26px;
    font-size: 13px;
    color: #978253
}

.form-order-deliveries-section .model-counts tr.data-item td.updated {
    color: #0698D9
}

.form-order-deliveries-section .model-counts tr.data-item td:nth-child(even) {
    background-color: #EFF0F1
}

.form-order-deliveries-section .table-data {
    margin-top: 20px
}

.form-order-deliveries-section .table-data.bottom {
    margin-top: 10px;
    margin-bottom: 20px
}

.form-order-deliveries-section .table-data.bottom th {
    padding-top: 5px;
    padding-bottom: 0
}

.form-order-deliveries-section .table-data table {
    width: 100%
}

.form-order-deliveries-section .table-data sup {
    font-size: 10px;
    vertical-align: top;
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-left: 2px
}

.form-order-deliveries-section .table-data th.empty:after,
.ie8 .form-order-deliveries-section .table-data th:after {
    display: none
}

.form-order-deliveries-section .table-data .footnotes {
    margin-top: 10px
}

.form-order-deliveries-section .table-data .footnotes li {
    list-style-type: decimal;
    list-style-position: inside;
    font-size: 11px;
    line-height: 1.5;
    color: #a1a3a6
}

.form-order-deliveries-section .table-data th {
    font-size: 13px;
    position: relative;
    padding-bottom: 5px;
    text-align: left;
    color: #5f6a72
}

.form-order-deliveries-section .table-data th:after {
    height: 1px;
    background-color: #E2E1DD;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 65%
}

.form-order-deliveries-section .table-data tbody:before {
    line-height: 2px;
    content: "-";
    color: #fff;
    display: block
}

.ie8 .form-order-deliveries-section .table-data tbody:before,
.list-with-links.blue a:after {
    content: ""
}

.form-order-deliveries-section .table-data td {
    padding-left: 10px;
    background-color: #E6E8E9;
    color: #5f6a72;
    font-family: "微软雅黑", 'Microsoft YaHei';
    -webkit-font-smoothing: antialiased
}

.form-order-deliveries-section .table-comments td.updated p,
.form-order-deliveries-section .table-data tr td.updated {
    color: #0698D9
}

.form-order-deliveries-section .actions .gotoreport,
.form-order-deliveries-section .table-comments td,
.form-order-deliveries-section .table-comments td.updated p,
.form-order-deliveries-section .table-data tr td.updated,
.form-order-deliveries-section .table-totals td {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.form-order-deliveries-section .table-data td:first-child {
    width: 25%
}

.form-order-deliveries-section .table-data td:last-child {
    width: 20%
}

.form-order-deliveries-section .table-data .orders td:first-child {
    width: 35%
}

.form-order-deliveries-section .table-data .orders td:last-child {
    width: 10%
}

.form-order-deliveries-section .table-data tr.even td {
    background-color: #F5F6F7;
    padding-top: 5px;
    padding-bottom: 5px
}

.form-order-deliveries-section .table-data tr:nth-child(even) td {
    background-color: #F5F6F7;
    padding-top: 5px;
    padding-bottom: 5px
}

.form-order-deliveries-section .table-data tr:nth-child(even) td:nth-child(even) {
    background-color: #FFF
}

.form-order-deliveries-section .table-data tr td {
    padding-top: 2px;
    padding-bottom: 2px
}

.form-order-deliveries-section .table-data tr td:nth-child(even) {
    background-color: #EFF0F1
}

.form-order-deliveries-section .table-comments td {
    width: 100%;
    padding: 15px 0
}

.form-order-deliveries-section .table-comments td.updated-bbj p {
    color: #afb0b0;
    text-align: right
}

.form-order-deliveries-section .table-comments p {
    line-height: 1.5;
    margin-bottom: 0
}

.form-order-deliveries-section .table-totals:after {
    content: "-";
    color: #fff;
    display: block;
    line-height: 2px
}

.form-order-deliveries-section .table-comments tr td:nth-child(even),
.form-order-deliveries-section .table-totals tr td:nth-child(even) {
    background-color: #fff
}

.form-order-deliveries-section .table-comments td,
.form-order-deliveries-section .table-totals td {
    font-size: 13px;
    color: #5f6a72;
    height: 45px;
    line-height: 45px;
    background-color: #fff;
    border-top: 1px solid #E2E1DD;
    border-bottom: 1px solid #E2E1DD;
    padding-left: 10px;
    text-align: left;
    -webkit-font-smoothing: antialiased
}

.form-order-deliveries-section .table-comments td:first-child,
.form-order-deliveries-section .table-totals td:first-child {
    width: 25%
}

.form-order-deliveries-section .table-comments td:last-child,
.form-order-deliveries-section .table-totals td:last-child {
    width: 20%
}

.form-order-deliveries-section .table-comments tbody:after,
.form-order-deliveries-section .table-totals tbody:after {
    content: "-";
    color: #fff;
    line-height: 15px;
    display: block
}

.form-order-deliveries-section .actions {
    float: right;
    height: 55px
}

.form-order-deliveries-section .actions .inner {
    position: absolute;
    bottom: 0;
    right: 0
}

.form-order-deliveries-section .actions .generate {
    margin-bottom: 5px
}

.form-order-deliveries-section .actions .gotoreport {
    font-size: 12px;
    text-decoration: none;
    color: #0698D9;
    position: absolute;
    bottom: -20px;
    right: 0
}

.btn.blue-diagonal,
.btn.learn-more {
    display: inline-block;
    height: 35px;
    font-family: "微软雅黑", 'Microsoft YaHei';
    letter-spacing: 1px
}

.form-order-deliveries-section .actions .gotoreport:hover {
    color: #19b4f9
}

.btn.blue-diagonal,
.btn.learn-more,
.btn.outline-white {
    color: #fff;
    text-transform: uppercase
}

.form-order-deliveries-section .col-xs-3.end .actions {
    bottom: auto;
    left: auto;
    right: auto;
    position: relative;
    margin-top: 10px
}

@media screen and (max-width:959px) {
    .orders-deliveries .block-overflow-scroll-content {
        width: 100%
    }

    .orders-deliveries.loaded .block-overflow-scroll-content {
        width: 960px
    }
}

.btn {
    cursor: pointer
}

.btn.learn-more {
    font-size: 13px;
    padding: 0 15px;
    line-height: 38px;
    text-decoration: none;
    background-color: #0080cb;
    transition: all 125ms linear
}

.btn.learn-more:hover {
    background-color: #07a9f2;
    background-color: rgba(7, 169, 242, .8)
}

@media (max-width:960px) {
    .btn.learn-more {
        font-size: 12px;
        padding: 0 12px
    }
}

.btn.blue-diagonal {
    border: none;
    outline: 0;
    padding: 0 15px;
    font-size: 12px;
    line-height: 36px;
    background-color: #0080cb;
    transition: background-color .1s linear
}

.btn.blue-diagonal:hover {
    background-color: #0090e5
}

.btn.blue-diagonal.active,
.btn.blue-diagonal:active {
    background-color: #009af4
}

.btn.outline-white {
    border: 2px solid #fff;
    padding: 8px 24px;
    text-decoration: none;
    font-family: "微软雅黑", 'Microsoft YaHei';
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    transition: all 125ms linear
}

.list-with-links a,
.list-with-title h3 {
    font-family: "微软雅黑", 'Microsoft YaHei';
    font-weight: bold;
}

.list-with-title a,
.list-with-title h3,
.list-with-title li {
    color: #5f6a72;
    font-size: 13px
}

.btn.outline-white:hover {
    border-color: rgba(255, 255, 255, .7)
}

aside#share {
    width: 70px;
    position: fixed;
    top: 101px;
    right: 0;
    z-index: 160;
    display: none;
    height: 100px;
    pointer-events: none;
    text-indent: -9999em
}

aside#share .btn,
aside#share .pop-out {
    position: absolute;
    transition: right 150ms linear
}

aside#share .btn,
aside#share.open {
    pointer-events: auto
}

@media (max-width:640px) {
    aside#share {
        display: none !important
    }
}

aside#share .btn {
    width: 34px;
    height: 69px;
    background: url(images/buttons/share-vert.jpg) no-repeat;
    text-decoration: none;
    display: block;
    top: 50%;
    margin-top: -34.5px;
    right: 0
}

@media (-webkit-min-device-pixel-ratio:2),
(-webkit-min-device-pixel-ratio:192),
(min-resolution:192dppx) {
    aside#share .btn {
        background-image: url(images/buttons/share-vert@2x.jpg);
        background-size: 34px 69px
    }
}

aside#share .pop-out {
    width: 36px;
    height: 190px;
    background-color: #394957;
    display: block;
    top: 0;
    right: -36px;
    pointer-events: auto;
    text-indent: 0
}

aside#share .pop-out a {
    display: block;
    width: 20px;
    overflow: hidden;
    margin: 6px auto 0
}

.list-with-links li:before,
.list-with-links.blue.no-arrow a:after {
    display: none
}

aside#share.open .btn {
    right: 34px
}

aside#share.open .pop-out {
    right: 0
}

aside#share:hover .btn {
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85)
}

.list-with-title h3 {
    line-height: 3
}

.list-with-title li {
    line-height: 2
}

.list-with-title li a {
    text-decoration: none
}

.list-with-title li a:hover {
    color: #0698D9
}

.list-with-links.blue a {
    color: #0698D9;
    position: relative
}

.list-with-links.blue a:after {
    position: absolute;
    top: 3px;
    right: -12px;
    background-image: url(images/icons.png);
    background-position: -1763px -133px;
    width: 5px;
    height: 9px
}

.list-with-bullets li:before,
.list-with-links ul.sub-list li:before {
    content: "";
    top: 11px;
    left: 0;
    height: 1px;
    background-position: -1903px 0
}

.list-with-links.blue a:hover {
    color: #19b4f9
}

.list-with-links li {
    line-height: 1.4;
    padding-left: 0
}

.list-with-links a {
    text-decoration: none;
    color: #5f6a72;
    font-size: 12px
}

.list-with-links a:hover {
    color: #859099
}

.list-with-links ul.sub-list li {
    list-style-position: outside;
    font-family: "微软雅黑", 'Microsoft YaHei';
    font-size: inherit;
    line-height: inherit;
    position: relative;
    padding-left: 10px
}

.list-horz-links a,
.list-with-thumbnail p {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.list-with-links ul.sub-list li:before {
    position: absolute;
    background-image: url(images/icons.png);
    width: 4px
}

@media (max-width:640px) {
    .list-with-links a {
        width: 100%;
        display: block;
        border-top: 1px solid #E9E9EB;
        padding: 4px 0;
        font-size: 14px
    }

    .list-with-links li:first-child a {
        border-top: none
    }
}

.list-with-icons li .icon {
    position: relative;
    margin-right: 3px
}

.list-with-bg {
    background-image: url(images/patterns/grey-white-gradient-vert.jpg);
    background-repeat: repeat-x;
    background-color: #FFF;
    background-image: linear-gradient(to bottom, #F6F5F4, #FFF);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#F6F5F4', EndColorStr='#FFFFFF')
}

.list-with-thumbnail>li {
    margin-bottom: 15px;
    padding-left: 0
}

.list-with-thumbnail>li:before {
    display: none
}

.list-with-thumbnail a,
.list-with-thumbnail li {
    display: block
}

.list-with-thumbnail img {
    float: left;
    margin-right: 10px
}

.list-with-thumbnail p {
    text-transform: uppercase;
    font-size: 11px
}

.list-with-thumbnail a {
    color: #5f6a72;
    text-decoration: none
}

.list-with-thumbnail a:after {
    content: "";
    display: table;
    clear: both
}

.list-with-thumbnail a:hover {
    color: #0698D9
}

.list-horz-links {
    text-align: right
}

.list-horz-links.align-left {
    text-align: left
}

.list-horz-links.align-left li.first {
    padding-left: 0
}

.list-horz-links li {
    margin-right: 20px;
    padding-left: 0
}

.list-horz-links li:before {
    display: none
}

.list-horz-links li.last {
    margin-right: 0
}

.list-horz-links a,
.list-horz-links li {
    display: inline-block
}

.list-horz-links a {
    font-size: 12px;
    text-decoration: none;
    color: #0698D9
}

.list-horz-links a:hover {
    color: #19b4f9
}

.block .block-description.blue h3,
.block .block-description.blue ol,
.block .block-description.blue p,
.block .block-description.blue ul,
.block img {
    color: #fff
}

.list-horz-links .hide {
    display: none
}

.list-with-bullets li {
    list-style-position: outside;
    font-family: "微软雅黑", 'Microsoft YaHei';
    font-size: inherit;
    line-height: inherit;
    position: relative;
    padding-left: 10px
}

.list-with-bullets li:before {
    position: absolute;
    display: block;
    background-image: url(images/icons.png);
    width: 4px
}

.block.padding-top-small {
    padding-top: 40px
}

.block.padding-bottom-small {
    padding-bottom: 40px
}

.block.padding-top-medium {
    padding-top: 80px
}

.block.padding-bottom-medium {
    padding-bottom: 80px
}

.block.padding-top-large {
    padding-top: 100px
}

@media (max-width:640px) {
    .block.padding-top-large {
        padding-top: 60px
    }
}

.block.padding-bottom-large {
    padding-bottom: 100px
}

.block.responsive-scale .inner-wrap {
    width: 1000px
}

.block.fancybox-content {
    width: 900px;
    height: 500px;
    overflow: auto;
    padding: 20px;
    box-sizing: border-box
}

.block .block-video {
    display: block;
    position: relative;
    text-decoration: none;
    cursor: pointer
}

.block .block-video.block-video-small {
    width: 100%;
    height: 232px
}

.block .block-video:hover .play-btn-large {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60)
}

.block .block-video img {
    width: 100%;
    height: auto;
    display: block
}

.block .block-video .play-btn-large {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42.5px;
    margin-top: -42px;
    transition: opacity 150ms linear
}

.block.block-image-with-text {
    height: 473px
}

.block.block-small .block-description {
    padding: 15px 10px 45px;
    min-height: 225px
}

header .block.block-small .block-description {
    min-height: 115px
}

.block.block-small.block-with-title h3 {
    font-size: 14px;
    font-family: "微软雅黑", 'Microsoft YaHei';
    margin: 0
}

.block.block-small.block-with-title h2 {
    font-size: 24px;
    font-family: "微软雅黑", 'Microsoft YaHei';
}

@media (max-width:640px) {
    .block .bio-lg .col-xs-12 {
        border-top: 1px solid #CDCDCD;
        padding: 35px 0 15px;
        margin-top: 15px
    }

    .block .bio-lg .col-xs-12 ol,
    .block .bio-lg .col-xs-12 p,
    .block .bio-lg .col-xs-12 ul {
        padding: 0 15px
    }
}

.block .bio-lg img {
    width: 100%;
    max-width: 400px;
    height: auto
}

.block .bio-sm .heading-md {
    font-size: 24px;
    margin: 0;
    padding: 0
}

.block .bio-sm img {
    width: 310px;
    height: 215px
}

.block .bio-sm p {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 15px
}

.block .block-description {
    margin: 0;
    padding: 10px 10px 40px;
    position: relative;
    box-sizing: border-box
}

.block .block-description h1,
.block .block-description h2,
.block .block-description h3,
.block .block-description h4,
.block .block-description ol,
.block .block-description p,
.block .block-description ul {
    -webkit-font-smoothing: antialiased
}

.block .block-description h3 {
    font-family: "微软雅黑", 'Microsoft YaHei';
    font-size: 16px;
    line-height: 1;
    margin-bottom: 5px
}

.block .block-description ol,
.block .block-description p,
.block .block-description ul {
    font-size: 12px;
    line-height: 1.2
}

.block .block-description .learn-more {
    position: absolute;
    bottom: 0;
    right: 0
}

.block .block-description .play {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #06a2e8;
    width: 36px;
    height: 35px;
    transition: background-color 150ms linear
}

.block.fade-bottom-dark:before,
.block.fade-bottom:before {
    content: "";
    width: 100%;
    background-repeat: repeat-x;
    bottom: 0;
    z-index: 0
}

.block .block-description .play .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px
}

.block .block-description .play:hover {
    background-color: #07adf7
}

.block .block-description.blue {
    background-color: #0698D9
}

.block .block-description.block-description-additional h2 {
    font-size: 20px;
    line-height: 1.2;
    color: #0698D9;
    font-family: "微软雅黑", 'Microsoft YaHei';
    margin-bottom: 5px
}

.block .block-description.block-description-additional p.details,
.copy-styles .link,
.copy-styles .table b,
.copy-styles .table strong,
.copy-styles ol li b,
.copy-styles ol li strong,
.copy-styles p b,
.copy-styles p strong,
.copy-styles ul li b,
.copy-styles ul li strong {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.block .block-description.block-description-additional h2 a {
    text-decoration: none;
    color: #0698D9
}

.block .block-description.block-description-additional h2 a:hover {
    color: #07a9f2
}

.block .block-description.block-description-additional p {
    font-size: 12px;
    line-height: 1.5;
    color: #5f6a72
}

.block .block-description.block-description-additional p.details {
    color: #a1a3a6
}

.block .block-description.block-description-additional p .date {
    color: #5f6a72
}

.block .block-description.white {
    background-color: #fff
}

.block .block-description.white .play {
    background-color: #F6F6F6
}

.block .block-description.white .play:hover {
    background-color: #fefefe
}

.block .block-description.white .btn.learn-more {
    background-color: #eff0f0;
    color: #5f6a72
}

.block .block-description.white .btn.learn-more:hover {
    background-color: #f4f5f5
}

.block.copy-large {
    clear: both;
    display: block
}

.block.copy-large .wrap {
    padding: 100px 0
}

.block.copy-large .wrap.wrap-pt-0 {
    padding-top: 0
}

.block.copy-large .wrap.wrap-pb-0 {
    padding-bottom: 0
}

@media (max-width:375px) {
    .block.copy-large .wrap {
        padding: 50px 5%
    }
}

.block.fade-bottom {
    position: relative;
    background-color: #fff
}

.block.fade-bottom:before {
    max-height: 462px;
    min-height: 300px;
    position: absolute;
    left: 0;
    background-image: url(images/patterns/white-gradient-fade.jpg);
    background-image: linear-gradient(to bottom, #fff, #eeeff0)
}

@media (max-width:960px) {
    .block.fade-bottom:before {
        min-height: 250px
    }
}

@media (max-width:420px) {
    .block.fade-bottom:before {
        min-height: 200px
    }
}

@media (max-width:340px) {
    .block.fade-bottom:before {
        min-height: 185px
    }
}

.block.fade-bottom .row {
    position: relative
}

.block.fade-bottom-dark {
    position: relative;
    overflow: hidden;
    background-color: #fff
}

.block.fade-bottom-dark:before {
    height: 462px;
    position: absolute;
    left: 0;
    background-image: url(images/patterns/white-gradient-fade.jpg);
    background-image: linear-gradient(to bottom, #fff, #b0aeae)
}


.block.fade-bottom-dark .row {
    position: relative
}

.block .image-description {
    margin: 15px 0
}

.block .image-description p {
    font-size: 12px;
    line-height: 2;
    margin-bottom: 0
}

.block .accordion01>h3 {
    display: block;
    height: 48px;
    border-top: 1px solid #D5D6D8;
    font-size: 19.5px;
    font-weight: 400;
    margin: 0;
    min-height: 0;
    text-indent: -9999em;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.block .accordion01>div,
.copy-styles .list-with-links li:before {
    display: none
}

.block .accordion01>h3.ui-accordion-header {
    height: auto;
    text-indent: 0
}

@media (max-width:640px) {
    .block.copy-large .wrap {
        padding: 40px 0
    }

    .block .accordion01>h3 {
        font-size: 15px;
        padding-left: 15px
    }

    .block .accordion01>h3.ui-accordion-header .ui-accordion-header-icon {
        left: 0
    }

    .block .accordion01 .ui-accordion-content {
        padding-left: 0;
        padding-right: 0
    }
}

.copy-styles {
    font-size: 13px;
    line-height: 1.7
}

.copy-styles h1,
.copy-styles h2,
.copy-styles h3,
.copy-styles h4,
.copy-styles ol,
.copy-styles p,
.copy-styles ul {
    color: #5F6A72;
    -webkit-font-smoothing: antialiased
}


.copy-styles ul>li:before {
    position: absolute;
    top: 9px;
    left: 0;
    background-position: -1903px 0;
    width: 4px;
    height: 1px
}

.copy-styles ul>li a {
    text-decoration: none;
    color: #0698D9;
    cursor: pointer
}

.copy-styles ul>li a:hover {
    color: #19b4f9
}

.copy-styles ul li {
    list-style-position: outside;
    line-height: 1.4em;
    position: relative
}

.copy-styles ol li {
    list-style-type: decimal;
    list-style-position: inside;
    line-height: 1.4em
}

.copy-styles p a {
    text-decoration: none;
    color: #0698D9;
    cursor: pointer
}

.copy-styles p a:hover {
    color: #19b4f9
}

.copy-styles .link {
    text-decoration: none;
    color: #0698D9
}

.copy-styles .heading-lg,
.copy-styles .heading-md {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.copy-styles .link:hover {
    color: #19b4f9
}

.copy-styles .link.grey {
    color: #87898d
}

.copy-styles .link.grey:hover {
    color: #a1a3a6
}

.copy-styles .link .icon {
    position: relative;
    top: 3px;
    margin-left: 5px
}

.copy-styles .link.with-arrow {
    padding-right: 10px;
    position: relative
}

.copy-styles .link.with-arrow:after {
    position: absolute;
    top: 4px;
    right: 0;
    background-position: -1763px -133px;
    width: 5px;
    height: 9px
}

.copy-styles .heading-lg {
    font-size: 40px;
    line-height: 1.1;
    -webkit-font-smoothing: antialiased
}

@media (max-width:640px) {
    .copy-styles .heading-lg {
        font-size: 28px
    }
}

.copy-styles .heading-md {
    font-size: 20px;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
    color: #5f6a72;
    text-align: center;
}

.copy-styles .heading-sm,
.copy-styles .heading-xs {
    font-family: "微软雅黑", 'Microsoft YaHei';
    -webkit-font-smoothing: antialiased
}

@media (max-width:640px) {
    .copy-styles .heading-md {
        font-size: 22px
    }
}

.copy-styles .heading-sm {
    font-size: 16px
}

@media (max-width:640px) {
    .copy-styles .heading-sm {
        font-size: 15px
    }
}

.copy-styles .heading-xs {
    font-size: 13px
}

.copy-styles .heading-xs-nb,
.copy-styles p {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.copy-styles .heading-xs-nb {
    -webkit-font-smoothing: antialiased
}

.copy-styles h1 {
    margin-bottom: 40px
}

@media (max-width:640px) {
    .copy-styles h1 {
        margin-bottom: 10px
    }
}

.copy-styles h3 {
    margin-bottom: 15px
}

.copy-styles h4 {
    margin-bottom: 5px
}

.copy-styles p {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 10px
}

.copy-styles .list-with-thumbnail p,
.copy-styles p b {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.copy-styles .center-text {
    text-align: center
}

.copy-styles .list-horz-links.align-left li .first,
.copy-styles .list-with-links li {
    padding-left: 0
}

.copy-styles .list-with-thumbnail li {
    margin-bottom: 15px;
    padding-left: 0;
    float: left;
    box-sizing: border-box
}

.copy-styles .list-with-thumbnail.list-three-columns li {
    width: 33.333%;
    height: 35px
}

@media (max-width:400px) {
    .copy-styles .list-with-thumbnail.list-three-columns li {
        width: 50%
    }
}

.copy-styles .list-with-thumbnail.list-two-columns li {
    width: 50%
}

.copy-styles .list-with-thumbnail a,
.copy-styles .list-with-thumbnail li {
    display: block
}

.copy-styles .list-with-thumbnail img {
    float: left;
    margin-right: 10px
}

.copy-styles .list-with-thumbnail p {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1.1
}

.copy-styles .list-with-thumbnail a {
    color: #5f6a72;
    text-decoration: none
}

.copy-styles .list-with-thumbnail a:after {
    content: "";
    display: table;
    clear: both
}

.copy-styles .list-with-thumbnail a:hover {
    color: #0698D9
}

.copy-styles .list-with-bullets li {
    list-style-position: outside;
    font-family: "微软雅黑", 'Microsoft YaHei';
    font-size: inherit;
    line-height: inherit;
    position: relative;
    padding-left: 10px
}

.copy-styles .list-with-bullets li:before {
    position: absolute;
    top: 11px;
    left: 0;
    display: block;
    background-position: -1903px 0;
    width: 4px;
    height: 1px
}

.customer-news .row-eq-height .col,
.slider-full-width.slider-full-width-large {
    position: relative
}

@media (max-width:960px) {
    .mixed-media .heading-lg {
        padding-left: 15px
    }
}

@media (max-width:640px) {
    .mixed-media .heading-lg {
        padding-left: 0
    }
}

@media (max-width:960px) {
    .mixed-media .row-content {
        padding: 0 15px;
        box-sizing: border-box
    }

    .block-overflow-scroll {
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch
    }
}

.mixed-media .row-content .col-xs-4>a {
    display: block
}

@media (max-width:640px) {
    .mixed-media .row-content {
        padding: 0
    }

    .mixed-media .row-content .col-xs-4 {
        margin-bottom: 20px
    }

    .mixed-media .row-content .col-xs-4 img {
        width: 100%;
        height: auto
    }

    .mixed-media .row-content .col {
        width: 100%;
        padding: 0
    }

    .mixed-media.mixed-media-left .col-xs-7 {
        margin: 0
    }
}

.mixed-media.mixed-media-right .row-content .col-xs-4 {
    float: right;
    margin: 0
}

.mixed-media.mixed-media-right .row-content .col+.col:last-child,
.mixed-media.mixed-media-right .row-content .col-xs-7 {
    margin: 0;
    float: left
}

.single-image .col-xs-12 img {
    width: 100%;
    height: auto
}

@media (max-width:1000px) {
    .block .col {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:500px) {
    .customer-news .col-xs img {
        width: 100%;
        height: auto;
        position: relative
    }
}

.customer-news .col .link {
    line-height: 1
}

.row-eq-height {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.block-overflow-scroll-content {
    width: 960px;
    height: 100%
}

@media (max-width:640px) {
    .block-overflow-scroll-content {
        width: 100%;
    }
}

@media (max-width:640px) {
    .block.content-section .col.end {
        padding-bottom: 40px
    }

    .row .col.full-width .slider-full-width .slider-item:after,
    .row .slider-full-width .slider-item:after {
        content: "";
        display: table;
        clear: both
    }

    .row .col.full-width .slider-full-width .slider-item img,
    .row .slider-full-width .slider-item img {
        float: left;
        width: 35%
    }

    .row .col.full-width .slider-full-width .slider-item.first img,
    .row .slider-full-width .slider-item.first img {
        float: none;
        width: 100%
    }
}

.slider-full-width {
    position: relative;
    width: 100%;
    overflow: hidden
}

.slider-full-width.slider-full-width-large:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%
}

.slider-full-width.slider-full-width-large>.slider-items {
    position: fixed;
    top: 0;
    left: 500px;
    right: 0;
    bottom: 0
}

@media (max-width:640px) {
    .slider-full-width.slider-full-width-large:before {
        display: none
    }

    .slider-full-width.slider-full-width-large .slider-item.first .image-contain,
    .slider-full-width.slider-full-width-large .slider-items {
        position: relative
    }

    .slider-full-width.slider-full-width-large .slider-item.first .image-contain:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%
    }

    .slider-full-width.slider-full-width-large .slider-item.first .image-contain>.image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

.slider-full-width.slider-full-width-medium .slider-item .image-contain {
    position: relative
}

.slider-full-width.slider-full-width-medium .slider-item .image-contain:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 34.0625%
}

.slider-full-width.slider-full-width-medium .slider-item .image-contain>.image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media (max-width:640px) {
    .slider-full-width.slider-full-width-medium .slider-item.first .image-contain {
        position: relative
    }

    .slider-full-width.slider-full-width-medium .slider-item.first .image-contain:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 34.0625%
    }

    .slider-full-width.slider-full-width-medium .slider-item.first .image-contain>.image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

.slider-full-width.slider-full-width-small .slider-item .image-contain {
    position: relative
}

.slider-full-width.slider-full-width-small .slider-item .image-contain:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 26.66667%
}

.slider-full-width.slider-full-width-small .slider-item .image-contain>.image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media (max-width:640px) {
    .slider-full-width.slider-full-width-small .slider-item.first .image-contain {
        position: relative
    }

    .slider-full-width.slider-full-width-small .slider-item.first .image-contain:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 26.66667%
    }

    .slider-full-width.slider-full-width-small .slider-item.first .image-contain>.image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

@media (max-width:960px) {

    .slider-full-width.slider-full-width-single .slider-info.bl,
    .slider-full-width.slider-full-width-single .slider-info.tl {
        left: 30px
    }

    .slider-full-width.slider-full-width-single .slider-info.br,
    .slider-full-width.slider-full-width-single .slider-info.tr {
        right: 30px
    }
}

@media (max-width:640px) {

    .slider-full-width.slider-full-width-single .slider-info.bl,
    .slider-full-width.slider-full-width-single .slider-info.tl {
        left: 0
    }

    .slider-full-width.slider-full-width-single .slider-info.br,
    .slider-full-width.slider-full-width-single .slider-info.tr {
        right: 0
    }
}

.slider-full-width .slider-item {
    max-width: 1500px;
    width: 100%
}

.slider-full-width .slider-item.loading:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 126px;
    height: 126px;
    margin-left: -63px;
    margin-top: -63px;

    z-index: 0
}

@media (max-width:640px) {
    .slider-full-width .slider-item {
        min-width: 320px;
        max-width: 100%;
        min-height: 95px;
        padding: 15px;
        border-bottom: 1px solid #d5d6d8;
        transition: opacity .2s ease-in
    }

    .slider-full-width .slider-item img {
        padding-right: 10px;
        opacity: 0;
        transition: opacity 250ms ease-in;
        transition-delay: .3s
    }

    .slider-full-width .slider-item.visible,
    .slider-full-width .slider-item.visible .slider-info,
    .slider-full-width .slider-item.visible img {
        opacity: 1
    }

    .slider-full-width .slider-item .slider-info {
        padding-top: 0;
        padding-bottom: 0;
        background-color: transparent
    }

    .slider-full-width .slider-item .slider-info.slider-info-navyBlue {
        background: 0 0
    }

    .slider-full-width .slider-item .slider-info h1,
    .slider-full-width .slider-item .slider-info h2,
    .slider-full-width .slider-item .slider-info p {
        color: #5f6a72;
        font-size: 16px
    }

    .slider-full-width .slider-item .slider-info h1 {
        font-family: "微软雅黑", 'Microsoft YaHei';
    }

    .slider-full-width .slider-item .slider-info p {
        display: none
    }

    .slider-full-width .slider-item.first {
        padding: 0;
        border-bottom: none
    }

    .slider-full-width .slider-item.first img {
        padding: 0;
        margin: 0
    }

    .slider-full-width .slider-item.first .slider-info {
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: #0698D9;
        background-color: rgba(6, 152, 217, .8)
    }

    .slider-full-width .slider-item.first .slider-info.slider-info-navyBlue {
        background-color: #394957;
        background-color: rgba(57, 73, 87, .8)
    }

    .slider-full-width .slider-item.first .slider-info.slider-info-navyBlue .learn-more {
        background-color: #354451
    }

    .slider-full-width .slider-item.first .slider-info.slider-info-navyBlue .learn-more:hover {
        background-color: #3f5160
    }

    .slider-full-width .slider-item.first .slider-info h1,
    .slider-full-width .slider-item.first .slider-info h2,
    .slider-full-width .slider-item.first .slider-info p {
        color: #fff
    }

    .slider-full-width .slider-item.first .slider-info h1,
    .slider-full-width .slider-item.first .slider-info h2 {
        font-size: 26px;
        margin-left: 0
    }

    .slider-full-width .slider-item.first .slider-info p {
        font-size: 13px
    }

    .slider-full-width .slider-item.first .slider-info .bottom {
        display: block;
        position: relative;
        height: 35px
    }

    .slider-full-width .slider-item.first .slider-info .bottom .num {
        display: none
    }

    .slider-full-width .slider-item.first .slider-info .bottom .learn-more {
        position: absolute;
        bottom: -15px;
        right: -15px
    }

    .slider-full-width .slider-item.first {
        height: auto
    }
}

.slider-full-width .slider-item .owl-carousel .owl-item .owl-lazy,
.slider-full-width .slider-item .owl-lazy,
.slider-full-width .slider-item .slider-items .slider-item .owl-lazy {
    opacity: 0;
    transition: opacity 250ms linear
}

.slider-full-width .slider-item.is-loaded .owl-carousel .owl-item .owl-lazy,
.slider-full-width .slider-item.is-loaded .owl-lazy,
.slider-full-width .slider-item.is-loaded .slider-info,
.slider-full-width .slider-item.is-loaded .slider-items .slider-item .owl-lazy {
    opacity: 1
}

.slider-full-width .slider-item img {
    width: 100%;
    position: relative;
    z-index: 1
}

.slider-full-width .slider-item.first {
    display: block;
    position: static
}

.slider-full-width .owl-next,
.slider-full-width .owl-prev {
    width: 27px;
    height: 51px;
    background-image: url(images/icons.png)
}

.slider-full-width .slider-item.no-js {
    display: block;
    position: relative
}

.slider-full-width .owl-next,
.slider-full-width .owl-prev {
    position: absolute;
    top: 50%;
    z-index: 120;
    margin-top: -25.5px;
    transition: opacity 150ms linear;
    padding: 10px;
    box-sizing: content-box;
    background-origin: content-box;
    text-indent: -9999em
}

.slider-full-width .owl-next:hover,
.slider-full-width .owl-prev:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
}

.lt-ie9 .slider-full-width .owl-next,
.lt-ie9 .slider-full-width .owl-prev {
    padding: 0;
    box-sizing: border-box
}

.slider-full-width .owl-prev {
    left: 20px;
    background-position: -285px -1673px
}

.lt-ie9 .slider-full-width .owl-prev {
    left: 25px
}

.slider-full-width .owl-next {
    right: 20px;
    background-position: -322px -1612px
}

.lt-ie9 .slider-full-width .owl-next {
    right: 25px
}

.slider-full-width .icon.next,
.slider-full-width .icon.prev {
    position: absolute;
    top: 50%;
    z-index: 120;
    margin-top: -25.5px;
    transition: opacity 150ms linear;
    padding: 10px;
    box-sizing: content-box;
    background-origin: content-box
}

.lt-ie9 .slider-full-width .icon.next,
.lt-ie9 .slider-full-width .icon.prev {
    padding: 0;
    box-sizing: border-box
}

.slider-full-width .icon.next.prev,
.slider-full-width .icon.prev.prev {
    left: 20px
}

.lt-ie9 .slider-full-width .icon.next.prev,
.lt-ie9 .slider-full-width .icon.prev.prev {
    left: 25px
}

.slider-full-width .icon.next.next,
.slider-full-width .icon.prev.next {
    right: 20px
}

.lt-ie9 .slider-full-width .icon.next.next,
.lt-ie9 .slider-full-width .icon.prev.next {
    right: 25px
}

@media (max-width:374px) {
    .slider-full-width .slider-item {
        min-height: 81px
    }

    .slider-full-width .icon.next,
    .slider-full-width .icon.prev {
        display: none
    }
}

.slider-full-width .icon.next:hover,
.slider-full-width .icon.prev:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
}

.slider-full-width .slider-info {
    position: absolute;
    left: 30px;
    bottom: 60px;
    opacity: 0;
    z-index: 130;
    padding: 15px 15px 40px;
    width: 480px;
    max-height: 185px;
    box-sizing: border-box;
    background-color: #0698D9;
    background-color: rgba(6, 152, 217, .8);
    transition: opacity 550ms linear;
    transition-delay: .5s
}

.slider-full-width .slider-info .bottom .learn-more,
.slider-full-width .slider-info .bottom .share {
    transition: background-color 150ms linear;
    float: left
}

.slider-full-width .slider-info.slider-info-thin {
    padding-bottom: 15px
}

.slider-full-width .slider-info.slider-info-navyBlue {
    background-color: #394957;
    background-color: rgba(57, 73, 87, .8)
}

.slider-full-width .slider-info.slider-info-navyBlue .learn-more {
    background-color: #354451
}

.slider-full-width .slider-info.slider-info-navyBlue .learn-more:hover {
    background-color: #3f5160
}

@media (max-width:1200px) {
    .slider-full-width .slider-info {
        bottom: 45px
    }
}

.slider-full-width .slider-info.tl {
    bottom: auto;
    top: 50px
}

.slider-full-width .slider-info.tr {
    right: 30px;
    left: auto;
    bottom: auto;
    top: 50px
}

.slider-full-width .slider-info.br {
    right: 30px;
    left: auto
}

@media (max-width:960px) {
    .slider-full-width .slider-info {
        width: 430px;
        padding-bottom: 40px
    }

    .slider-full-width .slider-info.bl,
    .slider-full-width .slider-info.tl {
        left: 70px
    }

    .slider-full-width .slider-info.br,
    .slider-full-width .slider-info.tr {
        right: 70px
    }
}

.slider-full-width .slider-info h1 {
    font-family: "微软雅黑", 'Microsoft YaHei';
    text-transform: uppercase;
    font-size: 42px;
    line-height: 1;
    margin-bottom: 5px;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.slider-full-width .slider-info h2,
.slider-full-width .slider-info h3 {
    font-size: 26px;
    line-height: 1;
    margin-bottom: 5px;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.slider-full-width .slider-info h1.tt-none {
    text-transform: none
}

.breadcrumbs-light a,
.family-box h2 strong,
.family-box h3 strong,
.family-nav ul a,
.hotspot-item .copy h2 {
    text-transform: uppercase
}

.slider-full-width .slider-info h2 {
    text-transform: uppercase;
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.slider-full-width .slider-info h3 {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.slider-full-width .slider-info .bottom .num,
.slider-full-width .slider-info p strong,
.slider-split .contain h3 {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.slider-full-width .slider-info p {
    font-size: 13px;
    line-height: 1.5;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.slider-full-width .slider-info .bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 35px
}

.slider-full-width .slider-info .bottom .num {
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    width: 50px;
    text-align: center;
    line-height: 35px;
    float: left
}

.slider-full-width .slider-info .bottom .share {
    background-color: #06a2e8;
    background-color: rgba(6, 162, 232, .8);
    height: 35px;
    width: 35px;
    position: relative
}

.slider-full-width .slider-info .bottom .share .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5.5px;
    margin-left: -5.5px
}

.slider-full-width .slider-info .bottom .share:hover {
    background-color: #19b4f9;
    background-color: rgba(25, 180, 249, .8)
}

@media (max-width:640px) {
    .slider-full-width .owl-nav {
        display: none
    }

    .slider-full-width .slider-info {
        padding-bottom: 25px;
        position: relative;
        width: 100%;
        left: auto;
        bottom: auto;
        top: auto;
        max-height: 100%
    }

    .slider-full-width .slider-info.bl,
    .slider-full-width .slider-info.br,
    .slider-full-width .slider-info.tl,
    .slider-full-width .slider-info.tr {
        top: auto;
        bottom: auto;
        right: auto;
        left: auto
    }

    .slider-full-width .slider-info h2 {
        margin-left: 86px
    }

    .slider-full-width .slider-info p {
        font-size: 15px
    }

    .slider-full-width .slider-info .bottom {
        display: none
    }

    .slider-full-width.slider-full-width-medium .slider-item.first .slider-info h2,
    .slider-full-width.slider-full-width-small .slider-item.first .slider-info h2 {
        margin-bottom: 0
    }

    .slider-full-width.slider-full-width-medium .slider-item.first .slider-info .bottom,
    .slider-full-width.slider-full-width-small .slider-item.first .slider-info .bottom {
        display: none
    }
}

.slider-split-medium {
    height: 413px
}

.slider-split {
    position: relative
}

.slider-split.slider-split-medium .slider-split-left img {
    width: 390px;
    height: 416px
}

.slider-split .contain {
    background-color: #fff;
    overflow: visible
}

.slider-split .contain .arrow-left-grey-large,
.slider-split .contain .arrow-right-grey-large {
    position: absolute;
    top: 50%;
    margin-top: -27.5px;
    cursor: pointer;
    transition: opacity 150ms linear
}

.slider-split .contain .arrow-left-grey-large:hover,
.slider-split .contain .arrow-right-grey-large:hover {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60)
}

.slider-split .contain .arrow-left-grey-large {
    left: -96px
}

.slider-split .contain .arrow-right-grey-large {
    right: -96px
}

.slider-split .contain .slider-split-slide {
    display: none
}

.slider-split .contain .slider-split-slide.first {
    display: block
}

.slider-split .contain .slider-split-slide:after {
    content: "";
    display: table;
    clear: both
}

.slider-split .contain .slider-split-left {
    float: left
}

.slider-split .contain .slider-split-right {
    margin-left: 50%;
    padding: 55px 35px;
    box-sizing: border-box
}

.slider-split .contain h3 {
    font-size: 13px;
    margin-bottom: 3px
}

.slider-split .contain h4,
.slider-split .contain p {
    font-size: 13px;
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.slider-split .contain h4 {
    line-height: 1.3;
    margin-bottom: 20px
}

.slider-split .contain img {
    display: block
}

.slider-blocks-three {
    position: relative;
    width: 100%;
    /*padding-bottom:40px;*/

    overflow: visible
}

.fancybox-inner,
.slider-cmo {
    overflow: hidden
}

@media (max-width:1280px) {
    .slider-blocks-three {
        overflow-x: hidden
    }
}

.slider-blocks-three .arrow {
    background-image: url(images/icons.png);
    background-position: -249px -1734px;
    width: 26px;
    height: 55px;
    position: absolute;
    top: 50%;
    margin-top: -47.5px
}

.slider-blocks-three .arrow.left {
    left: -150px
}

.slider-blocks-three .arrow.right {
    right: -150px;
    background-position: -213px -1799px
}

.video-list .slider-blocks-three .contain {
    height: 300px;
}

.slider-blocks-three .contain {
    height: 518px;
}

.slider-blocks-three .slider-blocks-slide {
    display: none
}

.slider-blocks-three .slider-blocks-slide:first-child {
    display: block
}

.slider-blocks-three .block-small {
    box-sizing: border-box;
    padding: 10px;
    opacity: 0;
    transition: opacity 650ms ease-in
}

.copy-styles .slide-cmo .prev-slide,
.copy-styles .slider-cmo .prev-slide {
    padding-left: 10px;
    padding-right: 0
}

.slider-blocks-three .block .block-video.block-video-small {
    height: auto;
    position: relative
}

.slider-blocks-three .block .block-video.block-video-small:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.33333%
}

.slider-blocks-three .block .block-video.block-video-small>.image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.slider-blocks-three .list-horz-links {
    position: relative;
    top: 15px
}

.slider-blocks-three .list-horz-links li {
    margin-right: 5px
}

.slider-blocks-three .owl-dots {
    padding-top: 40px;
    display: block;
    text-align: center
}

.slider-blocks-three .owl-dots .owl-dot {
    width: 34px;
    height: 15px;
    display: inline-block;
    margin-left: 4px;
    text-indent: -9999em;
    position: relative
}

.slider-blocks-three .owl-dots .owl-dot:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #d0d1d3
}

.slider-blocks-three .owl-dots .owl-dot:first-child {
    margin-left: 0
}

.slider-blocks-three .owl-dots .owl-dot.active:before {
    background-color: #87898d
}

.slider-blocks-three .owl-nav {
    text-align: center;
    margin: 30px 0
}

.slider-blocks-three .owl-next,
.slider-blocks-three .owl-prev {
    display: inline-block;
    background-image: url(images/icons.png);
    text-indent: -9999em
}

.slider-blocks-three .owl-prev {
    margin-right: 42.5px;
    background-position: -897px -991px;
    width: 12px;
    height: 26px
}

.slider-blocks-three .owl-next {
    margin-left: 42.5px;
    background-position: -875px -1027px;
    width: 12px;
    height: 26px
}

.slider-blocks-three .owl-loaded .block-small {
    opacity: 1
}

.slider-cmo {
    position: relative;
    width: 100%
}

.slider-cmo .next-slide {
    float: right
}

.slider-cmo .next,
.slider-cmo .prev {
    position: absolute;
    top: 280px
}

@media (max-width:960px) {

    .slider-cmo .next,
    .slider-cmo .next-slide,
    .slider-cmo .prev,
    .slider-cmo .prev-slide {
        display: none
    }
}

.slider-cmo .owl-nav {
    text-align: center;
    margin: 30px 0
}

.slider-cmo .owl-next,
.slider-cmo .owl-prev {
    display: inline-block;
    background-image: url(images/icons.png);
    text-indent: -9999em
}

.slider-cmo .owl-prev {
    margin-right: 42.5px;
    background-position: -897px -991px;
    width: 12px;
    height: 26px
}

.slider-cmo .owl-next {
    margin-left: 42.5px;
    background-position: -875px -1027px;
    width: 12px;
    height: 26px
}

.slider-cmo .prev {
    left: 0
}

.slider-cmo .next {
    right: 0
}

.slider-cmo .slide-cmo:first-child {
    display: block
}

.slider-cmo .slide-cmo img {
    width: 100%;
    height: auto
}

.slider-cmo .slider-cmo-wrap {
    width: 85%;
    margin: 0 auto
}

@media (max-width:640px) {
    .slider-blocks-three {
        overflow: hidden
    }

    .slider-cmo .slider-cmo-wrap {
        width: 90%
    }
}

.slide-cmo {
    display: none;
    width: 100%
}

.slide-cmo .image {
    position: relative;
    width: 100%
}

.copy-styles .slide-cmo .prev-slide:after,
.copy-styles .slider-cmo .prev-slide:after {
    background-image: url(images/icons.png);
    background-position: -1778px -114px;
    width: 5px;
    height: 9px;
    left: 0
}

.slide-cmo .image:before {
    content: "";
    display: block;
    padding-top: 43.47826%
}

.slide-cmo .image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.copy-styles .slide-cmo .next-slide:after,
.copy-styles .slide-cmo .prev-slide:after,
.slider-cmo .next-slide.link.with-arrow:after {
    top: 7px
}

.slide-cmo img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.copy-styles .slide-cmo .next-slide,
.copy-styles .slide-cmo .prev-slide {
    position: absolute;
    bottom: -40px
}

.slide-cmo .next-slide {
    right: 0
}

.slide-cmo .prev-slide {
    left: 0
}

.copy-styles .slide-cmo .prev-slide:after {
    right: auto
}

.slider-cmo .next-slide.link.with-arrow {
    right: 0
}

.slider-cmo .prev-slide {
    left: 0
}

.copy-styles .slider-cmo .prev-slide:after {
    right: auto
}

.slider-cmo-title {
    text-align: left;
    width: 85%;
    margin: 0 auto
}

h2.slider-cmo-subtitle {
    font-size: 22px;
    font-family: "微软雅黑", 'Microsoft YaHei';
    margin-bottom: 10px
}

@media (max-width:640px) {
    .slider-cmo-title {
        width: 90%
    }

    h2.slider-cmo-subtitle {
        font-size: 18px;
        line-height: 1.3
    }
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-inner,
.fancybox-outer,
.fancybox-skin {
    position: relative
}

.fancybox-skin {
    background: #f9f9f9;
    color: #444;
    text-shadow: none
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-inner .fancybox-iframe,
.fancybox-inner .fancybox-image {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-inner .fancybox-image {
    max-width: 100%;
    max-height: 100%
}

.fancybox-close,
.fancybox-next span,
.fancybox-prev span {
    background-image: url(images/icons.png)
}

#fancybox-loading {
    background-image: url(vendor/fancybox/source/fancybox_sprite.png);
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}

.fancybox-close,
.fancybox-nav,
.fancybox-nav span {
    z-index: 8040;
    position: absolute;
    cursor: pointer
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(vendor/fancybox/source/fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
    top: -33px;
    right: 0;
    background-position: -614px -1327px;
    width: 23px;
    height: 23px
}

.fancybox-nav {
    top: 0;
    width: 40%;
    height: 100%;
    text-decoration: none;
    background: url(vendor/fancybox/source/blank.gif)
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    bottom: -46px;
    width: 12px;
    height: 26px
}

.fancybox-prev span {
    left: 0;
    background-position: -831px -1099px
}

.fancybox-next span {
    right: 0;
    background-position: -853px -1063px
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock,
.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock {
    width: auto
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    z-index: 8050;
    text-align: center;
    padding: 10px 15px;
    width: 100%;
    background-color: #F6F6F6;
    background-color: rgba(0, 0, 0, .4)
}

.fancybox-skin:hover .fancybox-title {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    visibility: visible
}

.fancybox-skin .fancybox-title {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=1);
    visibility: visible;
    transition: all 125ms linear
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    padding: 0 20px;
    background: 0 0;
    color: #FFF;
    font-size: 13px;
    font-family: "微软雅黑", 'Microsoft YaHei';
    -webkit-font-smoothing: antialiased;
    line-height: 1.3;
    text-align: left;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    #fancybox-loading {
        background-image: url(vendor/fancybox/source/fancybox_sprite@2x.png);
        background-size: 44px 152px
    }

    #fancybox-loading div {
        background-image: url(vendor/fancybox/source/fancybox_loading@2x.gif);
        background-size: 24px 24px
    }

    html {
        padding: 0;
        margin: 0;
    }

    body {
        background-color: green;
        height: 100%;
    }

    #site {
        width: 100%;
    }


    #site .htm {
        max-height: 28%;
        overflow: hidden;
        position: relative;

        margin-top: 10px;
        width: 100%;
    }

    
}

.fancybox-inner .video-full-width {
    margin: 0
}

.fancybox-inner .video-full-width .video-full-width-inner {
    margin-bottom: 0
}

.image-grid {

    margin: 0 0;
}

.image-grid:after {
    content: "";
    display: table;
    clear: both
}

.image-grid .filter {
    padding: 0 10px
}

.image-grid .filter .title {
    font-size: 40px;
    font-family: "微软雅黑", 'Microsoft YaHei';
    line-height: 1.1;
    -webkit-font-smoothing: antialiased
}

.image-grid .filter nav {
    margin-top: 20px;
    float: right
}

.image-grid .filter nav li {
    padding-left: 0
}

.image-grid .filter nav li:before {
    display: none
}

.image-grid .filter nav a,
.image-grid .filter nav li {
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.image-grid .filter nav a {
    color: #a1a3a6;
    text-decoration: none;
    font-family: "微软雅黑", 'Microsoft YaHei';
    margin-left: 15px;
    font-size: 13px
}

.image-grid .filter nav a.active,
.image-grid .filter nav a:hover {
    color: #0698D9
}

.image-grid>.title {
    padding: 0 10px
}

.image-grid>ul a,
.image-grid>ul li {
    float: left
}

.image-grid>ul li {
    /*padding-left: 28px;
    padding-right: 10px;*/
    box-sizing: border-box
}

.image-grid>ul li:before {
    display: none
}

.ie8 .image-grid>ul li.clear {
    clear: both
}

.image-grid>ul li .heading-xs {
    line-height: 1.2
}

.image-grid>ul li .heading-md {
    margin-top: 10px;
    text-align: center;

}

.image-grid>ul li h2,
.image-grid>ul li h3 {
    color: #394957
}

.image-grid>ul li h2 {
    line-height: 1.1
}

.image-grid>ul li .sub-title {
    font-family: "微软雅黑", 'Microsoft YaHei';
    font-size: 13px
}

.link-blue,
.scrollable-area-with-headers footer h2,
.scrollable-area-with-headers header h2,
.stock-quote-symbol {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.image-grid>ul li a {
    text-decoration: none
}

.image-grid>ul li img {
    display: block;
    color: #fff
}

.image-grid>ul li p {
    line-height: 1.3
}

.image-grid.image-grid-three-columns>ul li {
    width: 17%;
    margin-bottom: 30px;
    transition: height 275ms linear
}

.image-grid.image-grid-three-columns>ul li a,
.image-grid.image-grid-three-columns>ul li img {
    width: 100%;
    height: auto
}

.image-grid.image-grid-three-columns>ul li:nth-child(3n+4) {
    clear: both
}

.image-grid.image-grid-three-columns>ul li .heading-md {
    margin-bottom: 5px
}

@media (max-width:640px) {
    .image-grid.image-grid-three-columns>ul li {
        margin-bottom: 20px
    }

    .image-grid.image-grid-three-columns>ul li .heading-md {
        font-size: 16px
    }
}

@media (max-width:800px) {
    .image-grid.image-grid-three-columns>ul li {
        width: 33.333%
    }

    .image-grid.image-grid-three-columns>ul li .heading-md {
        font-size: 18px
    }

    .image-grid.image-grid-three-columns>ul li:nth-child(3n+4) {
        clear: both
    }

    .image-grid.image-grid-three-columns>ul li a,
    .image-grid.image-grid-three-columns>ul li img {
        width: 100%;
        height: auto
    }
}

@media (max-width:400px) {
    .image-grid.image-grid-three-columns>ul li {
        width: 50%
    }

    .image-grid.image-grid-three-columns>ul li:nth-child(3n+4) {
        clear: none
    }

    .image-grid.image-grid-three-columns>ul li:nth-child(3n+2) {
        clear: none
    }

    .image-grid.image-grid-three-columns>ul li:nth-child(2) {
        clear: none
    }

    .image-grid.image-grid-three-columns>ul li:nth-child(3) {
        clear: none
    }
}

.image-grid.image-grid-four-columns>ul li {
    width: 25%;
    margin-bottom: 20px;
    transition: height 275ms linear
}

.image-grid.image-grid-four-columns>ul li:nth-child(4n+5) {
    clear: both
}

.image-grid.image-grid-four-columns>ul li a {
    width: 100%;
    height: auto;
    display: block
}

.image-grid.image-grid-four-columns>ul li img {
    width: 100%;
    height: auto;
    margin-bottom: 10px
}

@media (max-width:800px) {
    .image-grid.image-grid-four-columns>ul li {
        width: 33.333%
    }

    .image-grid.image-grid-four-columns>ul li .heading-md {
        font-size: 13px
    }

    .image-grid.image-grid-four-columns>ul li:nth-child(5n+6) {
        clear: none
    }

    .image-grid.image-grid-four-columns>ul li:nth-child(4n+5) {
        clear: inherit
    }

    .image-grid.image-grid-four-columns>ul li a,
    .image-grid.image-grid-four-columns>ul li img {
        width: 100%;
        height: auto
    }
}

@media (max-width:400px) {
    .image-grid.image-grid-four-columns>ul li {
        width: 50%
    }
}

.image-grid.image-grid-five-columns>ul li {
    width: 20%;
    margin-bottom: 20px;
    transition: height 275ms linear
}

.image-grid.image-grid-five-columns>ul li:nth-child(5n+6) {
    clear: both
}

.image-grid.image-grid-five-columns>ul li a {
    width: 100%;
    height: auto
}

.image-grid.image-grid-five-columns>ul li img {
    width: 100%;
    height: auto;
    margin-bottom: 10px
}

@media (max-width:800px) {
    .image-grid.image-grid-five-columns>ul li {
        width: 33.333%
    }

    .image-grid.image-grid-five-columns>ul li .heading-md {
        font-size: 13px
    }

    .image-grid.image-grid-five-columns>ul li:nth-child(5n+6) {
        clear: none
    }

    .image-grid.image-grid-five-columns>ul li a,
    .image-grid.image-grid-five-columns>ul li img {
        width: 100%;
        height: auto
    }
}

@media (max-width:400px) {
    .image-grid.image-grid-five-columns>ul li {
        width: 50%
    }
}

.image-grid.image-grid-five-columns.image-grid-no-clear>ul li {
    height: 156px
}

.image-grid.image-grid-no-clear>ul li:nth-child(3n+4),
.image-grid.image-grid-no-clear>ul li:nth-child(4n+5),
.image-grid.image-grid-no-clear>ul li:nth-child(5n+6) {
    clear: none
}

.image-grid.image-grid-six-columns>ul li {
    width: 16.666%
}

.image-grid.image-grid-six-columns>ul li:nth-child(6n+7) {
    clear: both
}

@media (max-width:640px) {
    .image-grid.image-grid-four-columns>ul li .heading-md {
        font-size: 13px
    }

    .image-grid {
        margin-bottom: 0
    }
}

.stock-quote {
    color: #a1a3a6
}

.link-blue,
.stock-quote-change,
.stock-quote-symbol {
    color: #0698D9
}

.stock-quote-name,
.stock-quote-price {
    font-size: 12px;
    line-height: 1.3
}

.stock-quote-price {
    margin-bottom: 5px
}

.stock-quote-img,
.stock-quote-name {
    display: inline-block
}

.stock-quote-img {
    width: 31px;
    height: 12px;
    background: url(images/stock-img.png) no-repeat
}

.stock-quote-dt {
    font-size: 10px
}

.link-blue {
    text-decoration: none;
    font-size: 13px
}

.link-blue:hover {
    color: #19b4f9
}

.link-blue .icon {
    margin-left: 3px
}

.scrollable {
    overflow: auto;
    position: relative
}

.scrollable .jspContainer {
    overflow: hidden;
    position: relative
}

.scrollable .jspPane {
    position: absolute
}

.scrollable .jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
    background: 0 0;
    border-radius: 10px
}

.scrollable .jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: 0 0;
    border-radius: 10px
}

.scrollable .jspHorizontalBar *,
.scrollable .jspVerticalBar * {
    margin: 0;
    padding: 0
}

.scrollable .jspCap {
    display: none
}

.scrollable .jspHorizontalBar .jspCap {
    float: left
}

.scrollable .jspTrack {
    background: #ddd;
    position: relative;
    border-radius: 10px
}

.scrollable .jspDrag {
    background: #bbbdbf;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    border-radius: 10px
}

.scrollable .jspHorizontalBar .jspDrag,
.scrollable .jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.scrollable .jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer
}

.scrollable .jspArrow.jspDisabled {
    cursor: default;
    background: #80808d
}

.scrollable .jspVerticalBar .jspArrow {
    height: 16px
}

.scrollable .jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%
}

.scrollable .jspVerticalBar .jspArrow:focus {
    outline: 0
}

.scrollable .jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

.zebra-striped li:nth-child(odd) {
    background-color: #F6F6F6
}

.scrollable-area-with-headers footer,
.scrollable-area-with-headers header {
    border-top: 1px solid #d5d6d8;
    padding: 10px 0
}

.scrollable-area-with-headers footer h2,
.scrollable-area-with-headers header h2 {
    font-size: 16px
}

.scrollable-area-with-headers footer a,
.scrollable-area-with-headers header a {
    float: right;
    font-size: 16px;
    font-family: "微软雅黑", 'Microsoft YaHei';
    -webkit-font-smoothing: antialiased
}

.scrollable-area-with-headers footer .icon,
.scrollable-area-with-headers header .icon {
    position: relative;
    top: -4px
}

.scrollable-area-with-headers header {
    border-bottom: 1px solid #d5d6d8;
    margin-bottom: 10px
}

.scrollable-area-with-headers footer {
    margin-top: 10px
}

.scrollable-area-with-headers .scrollable {
    height: 370px
}

.scrollable-area-with-headers .scrollable li {
    box-sizing: border-box;
    padding: 20px 15px;
    font-size: 13px
}

.table .table-header-tabs ul a,
.table table thead th {
    color: #fff;
    font-family: "微软雅黑", 'Microsoft YaHei';
    font-size: 16px;
    -webkit-font-smoothing: antialiased
}

.table.table-tabs table {
    display: none
}

.table.table-tabs table.active {
    display: table
}

@media (max-width:640px) {
    .table.table-accordion tbody tr .table-col-sm {
        width: 30%
    }
}

.table.table-accordion tr.hide {
    display: none
}

.table.table-four-columns tbody,
.table.table-four-columns tr {
    width: 100%
}

.table.table-four-columns tr td {
    width: 25%
}

.table.table-comparison tbody tr td {
    background-color: #FFF
}

.table.table-comparison tbody tr td:nth-child(odd) {
    background-color: #F5F6F7
}

.table.table-comparison tbody tr:nth-child(odd) td {
    background-color: #EFF0F1
}

.table.table-comparison tbody tr:nth-child(odd) td:nth-child(odd) {
    background-color: #E6E8E9
}

.table .table-header-tabs {
    width: 100%
}

.table .table-header-tabs ul {
    background-color: #394957
}

.table .table-header-tabs ul:after {
    content: "";
    display: table;
    clear: both
}

.table .table-header-tabs ul a,
.table .table-header-tabs ul li {
    float: left
}

.table .table-header-tabs ul li {
    padding-left: 0
}

.table .table-header-tabs ul li:before {
    display: none
}

.table .table-header-tabs ul a {
    background-color: #394957;
    padding: 5px 10px;
    text-decoration: none
}

.table .table-header-tabs ul a.active,
.table .table-header-tabs ul a:hover {
    background-color: #2E3A46
}

.table table {
    width: 100%;
    border-spacing: 0;
    -webkit-text-size-adjust: none
}

.table table td,
.table table th {
    padding: 0;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word
}

.table table td.align-left,
.table table th.align-left {
    text-align: left;
    padding-left: 10px
}

.table table strong {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.table table thead th {
    background-color: #bf0201;
    padding: 5px 0 5px 10px
}

.copy-paste .fancybox-inner input,
.table .all,
.table .less,
.table .more,
.table table tbody tr td {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.table table thead th:nth-child(even) {
    background-color: #2E3A46
}

.table table tbody {
    font-size: 13px;
    color: #394957;
    -webkit-font-smoothing: antialiased
}

.table table tbody tr:nth-child(odd) td {
    background-color: #F6F6F6;
    vertical-align: center
}

.table table tbody tr td {
    padding: 2px 0
}

.table table tbody tr td a {
    text-decoration: none;
    color: #0698D9
}

.table table tbody tr td.darken {
    background-color: #f1f1f1
}

.table table .table-col-sm {
    width: 8%;
    word-wrap: normal;
    word-break: normal
}

.table table .table-col-md {
    width: 16%;
    word-wrap: normal;
    word-break: normal
}

.table table .table-col-lg {
    width: 84%
}

.table table.main {
    border-bottom: 1px solid #d5d6d8
}

.table .table-contain {
    height: 370px;
    overflow-y: scroll;
    overflow-x: hidden
}

.table .table-contain.show-all {
    height: auto;
    overflow-y: visible
}

.table .all,
.table .less,
.table .more {
    margin-top: 5px;
    text-decoration: none;
    color: #0698D9;
    font-size: 16px;
    float: right;
    -webkit-font-smoothing: antialiased;
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.table .all.hide,
.table .less.hide,
.table .more.hide {
    display: none
}

.table .all .icon,
.table .less .icon,
.table .more .icon {
    position: relative;
    top: -2px
}

.table .less {
    margin-left: 15px
}

.quick-facts .title {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 15px
}

.quick-facts .row {
    margin-bottom: 70px;
    clear: both
}

/*2017-3-16 new*/
.video-playlist.video-playlist-large,
.video-playlist.video-playlist-small {
    margin: 0 auto;
    box-sizing: content-box
}

/*2017-3-16 new*/
.quick-facts .row .col:first-child {
    padding-right: 0
}

.quick-facts .row .col:last-child {
    padding-left: 0
}

.video-playlist.video-playlist-large {
    width: 650px;
    margin: 0 auto;
    padding: 20px 0;
    box-sizing: content-box
}

@media (max-width:650px) {
    .video-playlist.video-playlist-large {
        width: 100%
    }
}

@media (max-width:768px) {
    .video-playlist.video-playlist-mobile {
        width: 100%
    }

}

.video-playlist.video-playlist-small {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    box-sizing: content-box
}

.video-playlist.video-playlist-description {
    width: 610px;
    height: 618px;
    margin: 0 auto;
    padding: 20px 0;
    box-sizing: content-box
}

@media (max-width:640px) {

    .video-playlist,
    .video-playlist.video-playlist-description {
        width: 100%;
        overflow: hidden
    }
}

.video-full-width .video-description,
.video-playlist .video-description {
    margin-bottom: 40px;
    height: 50px
}

.video-full-width .video-description p,
.video-playlist .video-description p {
    line-height: 1.6
}

.video-full-width {
    width: 100%;
    margin: 20px 0;
    position: relative
}

.video-full-width.video-full-width-small .desc {
    line-height: 1.5
}

.video-full-width .video-full-width-inner {
    width: 100%;
    background-color: #a1a3a6;
    margin-bottom: 20px;
    display: block;
    padding-top: 56.25%
}

.video-full-width .video-description {
    display: none
}

.video-full-width .title {
    font-size: 16px
}

.video-full-width p {
    line-height: 1
}

.video-full-width .list-horz-links {
    float: right
}

.video-full-width .list-horz-links li {
    margin-right: 0
}

.video-full-width .info {
    width: 70%
}

.breadcrumbs-light {
    border-top: 1px solid #DBE4ED;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 30px 0;
    height: 22px;
    line-height: 18px
}

@media (max-width:640px) {
    .breadcrumbs-light {
        height: auto;
        padding-left: 18px;
        padding-right: 18px
    }

    .breadcrumbs-light li:nth-last-child(2) a:after {
        display: none
    }

    .breadcrumbs-light li:last-child {
        display: none
    }

}

.breadcrumbs-light li {
    display: inline
}

.breadcrumbs-light li:last-child a:after {
    display: none
}

.breadcrumbs-light a {
    line-height: 22px;
    display: inline-block;
    text-decoration: none;
    font-size: 10px;
    color: #5f6a72;
    padding-left: 5px;
    padding-right: 10px;
    position: relative;
    -webkit-font-smoothing: antialiased
}

.breadcrumbs-light a:hover {
    color: #3c4348
}

.breadcrumbs-light a:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    background-image: url(images/icons.png);
    background-position: -1875px -22px;
    width: 4px;
    height: 6px;
    z-index: 1
}

.breadcrumbs-light a.last {
    padding-right: 0
}

.breadcrumbs-light a:first-child {
    padding-left: 0
}

.banner {
    position: relative
}

.banner.btn-bottom-right .btn {
    position: absolute;
    bottom: 20px;
    right: 20px
}

.banner.btn-left-center .btn {
    position: absolute;
    left: 12%;
    top: 55%
}

.banner.banner-full-width {
    width: 100%;
    overflow-x: hidden
}

.banner.banner-full-width:after {
    content: "";
    display: table;
    clear: both
}

.banner.banner-full-width img {
    width: 1500px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -750px
}

.banner.banner-full-width.loading:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 126px;
    height: 126px;
    margin-left: -63px;
    margin-top: -63px;
    background-image: url(../assets/images/loader.gif);
    z-index: 0
}

.banner.banner-full-width.banner-full-width-large,
.banner.banner-full-width.banner-full-width-large img {
    height: 410px
}

@media (max-width:960px) {
    .banner.banner-full-width.loading:before {
        width: 126px
    }

    .banner.banner-full-width.banner-full-width-large {
        height: 273px
    }

    .banner.banner-full-width.banner-full-width-large img {
        width: 1000px;
        height: 273px;
        margin-left: -500px
    }
}

@media (max-width:640px) {
    .banner.banner-full-width.banner-full-width-large {
        overflow: hidden;
        height: auto;
        position: relative
    }

    .banner.banner-full-width.banner-full-width-large:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 60%
    }

    .banner.banner-full-width.banner-full-width-large>.image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .banner.banner-full-width.banner-full-width-large .image {
        width: 100%
    }

    .banner.banner-full-width.banner-full-width-large .image a {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0
    }

    .banner.banner-full-width.banner-full-width-large img {
        width: 100%;
        height: auto;
        position: relative;
        top: auto;
        left: auto;
        margin: 0
    }

    .customer-news .ta-right .link {
        font-size: 12px
    }
}

.banner.banner-full-width.banner-full-width-medium,
.banner.banner-full-width.banner-full-width-medium img {
    height: 300px
}

.banner.banner-full-width.banner-full-width-small,
.banner.banner-full-width.banner-full-width-small img {
    height: 224px
}

.banner.banner-full-width.banner-full-width-xsmall,
.banner.banner-full-width.banner-full-width-xsmall img {
    height: 125px
}

@media (max-width:374px) {
    .customer-news .ta-right .link {
        font-size: 11px;
        padding: 0
    }

    .customer-news .ta-right .link:after {
        display: none
    }

}

.copy-paste .fancybox-inner {
    font-size: 0;
    width: 470px !important;
    height: 50px !important;
    position: relative;
    overflow: hidden !important
}

.copy-paste .fancybox-inner input {
    width: 420px;
    overflow: hidden;
    box-sizing: border-box;
    height: 50px;
    text-align: left;
    line-height: 50px;
    background-color: #F6F6F6;
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 12px;
    padding: 0 20px;
    color: #5f6a72;
    position: relative;
    white-space: nowrap;
    outline: 0;
    border: none
}

.copy-paste .fancybox-inner a.copy {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    text-align: center;
    text-decoration: none;
    height: 50px;
    line-height: 50px;
    background-color: #5f6a72;
    color: #fff;
    font-size: 12px;
    transition: width 250ms ease-in
}

.copy-paste .fancybox-inner a.copy.wide {
    width: 470px
}

.iframe-fluid {
    width: 100%;
    padding: 100px 0 0
}

.iframe-fluid .title {
    max-width: 960px;
    margin: 0 auto
}

@media (max-width:640px) {
    .iframe-fluid .title {
        padding-left: 20px;
        padding-right: 20px
    }
}

.iframe-fluid .iframe-wrap {
    width: 100%;
    min-height: 350px;
    position: relative
}

.full-width-dumb {
    padding-top: 90px
}

.full-width-dumb .heading-lg {
    padding-left: 30px;
    margin-bottom: 40px
}

.full-width-dumb .full-width-image {
    width: 100%;
    height: auto;
    display: block
}

.single-image-description {
    margin-top: 15px
}

.single-image-description b,
.single-image-description strong {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.single-image-description em,
.single-image-description i {
    font-style: italic
}

.preloader {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    position: relative
}

.preloader .outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    -webkit-animation: preloader 2.9s infinite;
    animation: preloader 2.9s infinite
}

.preloader .outer:after {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    width: 210%;
    height: 100%;
    background-color: #d6d6d6;
    background: linear-gradient(to right, #d6d6d6 0, #000 50%, #d6d6d6 100%);
    z-index: 1;
    -webkit-animation: preloader-gradient-shift 2.9s infinite;
    animation: preloader-gradient-shift 2.9s infinite
}

.preloader .outer:before {
    content: "";
    background-color: #fff;
    position: absolute;
    border-radius: 50%;
    top: 6%;
    left: 6%;
    width: 88%;
    height: 88%;
    z-index: 2
}

.preloader .inner,
.preloader .inner:after {
    top: 0;
    left: 0;
    height: 100%;
    position: absolute
}

.preloader .inner {
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-animation: preloader-inner 2.9s infinite;
    animation: preloader-inner 2.9s infinite
}

.preloader .inner:after {
    content: "";
    width: 200%;
    background-color: #d6d6d6;
    background: linear-gradient(to right, #d6d6d6 0, #000 50%, #d6d6d6 100%);
    -webkit-animation: preloader-inner-gradient-shift 2.9s infinite;
    animation: preloader-inner-gradient-shift 2.9s infinite;
    z-index: 1
}

.preloader .inner:before {
    content: "";
    background-color: #fff;
    position: absolute;
    border-radius: 50%;
    top: 6%;
    left: 6%;
    width: 88%;
    height: 88%;
    z-index: 2
}

.ie8 .preloader {
    width: 50px;
    height: 50px;
    background-image: url(../images/loading.gif)
}

.ie8 .preloader .inner,
.ie8 .preloader .outer {
    display: none
}

@-webkit-keyframes preloader-gradient-shift {

    0%,
    100% {
        left: -100%
    }

    50% {
        left: -5%
    }
}

@keyframes preloader-gradient-shift {

    0%,
    100% {
        left: -100%
    }

    50% {
        left: -5%
    }
}

@-webkit-keyframes preloader-inner-gradient-shift {

    0%,
    100% {
        left: -100%
    }

    50% {
        left: -5%
    }
}

@keyframes preloader-inner-gradient-shift {

    0%,
    100% {
        left: -100%
    }

    50% {
        left: -5%
    }
}

@-webkit-keyframes preloader {

    0%,
    100%,
    21%,
    79% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .3
    }
}

@keyframes preloader {

    0%,
    100%,
    21%,
    79% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .3
    }
}

@-webkit-keyframes preloader-inner {

    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    21%,
    79% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .3
    }

    50% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: 0
    }
}

@keyframes preloader-inner {

    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    21%,
    79% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .3
    }

    50% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: 0
    }
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.owl-carousel .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-delay: 350ms;
    animation-delay: 350ms
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.gallery-large .thumbnails a,
.gallery-large .thumbnails li,
.gallery-small .thumbnails a,
.gallery-small .thumbnails li,
.hotspot-item .copy,
.hotspot-item .image {
    float: left
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: scale .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.gallery-large,
.gallery-small {
    padding: 90px 30px 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width:640px) {

    .gallery-large,
    .gallery-small {
        padding-top: 60px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.gallery-large .filter,
.gallery-small .filter {
    text-align: right;
    padding-top: 30px
}

.family-nav ul,
.gallery-large .gallery-pager ul,
.gallery-small .gallery-pager ul,
.hotspot-pagination {
    text-align: center
}

.gallery-large .filter a,
.gallery-large .filter li,
.gallery-small .filter a,
.gallery-small .filter li {
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.gallery-large .filter li,
.gallery-small .filter li {
    margin-left: 20px;
    padding-left: 0
}

.gallery-large .filter li:first-child,
.gallery-small .filter li:first-child {
    margin-left: 0
}

.gallery-large .filter a:hover,
.gallery-small .filter a:hover {
    color: #0698D9
}

.gallery-large .gallery-pager,
.gallery-small .gallery-pager {
    height: 22px
}

.gallery-large .gallery-pager a,
.gallery-large .gallery-pager li,
.gallery-small .gallery-pager a,
.gallery-small .gallery-pager li {
    display: inline-block
}

.gallery-large .gallery-pager li,
.gallery-small .gallery-pager li {
    margin-left: 4px;
    padding-left: 0
}

.gallery-large .gallery-pager li:before,
.gallery-small .gallery-pager li:before {
    display: none
}

.gallery-large .gallery-pager a,
.gallery-small .gallery-pager a {
    width: 34px;
    height: 15px;
    display: inline-block;
    margin-left: 4px;
    text-indent: -9999em;
    position: relative
}

.gallery-large .gallery-pager a:before,
.gallery-small .gallery-pager a:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #d0d1d3
}

.gallery-large .gallery-pager a:first-child,
.gallery-small .gallery-pager a:first-child {
    margin-left: 0
}

.gallery-large .gallery-pager a.active:before,
.gallery-small .gallery-pager a.active:before {
    background-color: #87898d
}

.gallery-large .large-images,
.gallery-small .large-images {
    overflow: hidden;
    position: relative;
    height: 535px;
    width: 100%
}

.gallery-large .large-images .next,
.gallery-small .large-images .next {
    position: absolute;
    background-image: url(images/icons.png);
    background-position: -95px -1977px;
    width: 49px;
    height: 103px;
    right: 25px;
    top: 50%;
    margin-top: -51.5px
}

@media (max-width:1110px) {

    .gallery-large .large-images .next,
    .gallery-small .large-images .next {
        display: none
    }
}

.gallery-large .large-images li,
.gallery-small .large-images li {
    position: absolute;
    top: 0;
    left: 1500px;
    padding-left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.gallery-large .large-images li:before,
.gallery-small .large-images li:before {
    display: none
}

.gallery-large .large-images li img,
.gallery-small .large-images li img {
    width: auto;
    height: 535px;
    display: block
}

.gallery-large .large-images li .caption,
.gallery-small .large-images li .caption {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 15px;
    background-color: #F6F6F6;
    background-color: rgba(0, 0, 0, .4);
    transition: all 125ms linear
}

.gallery-large .large-images li .caption p,
.gallery-small .large-images li .caption p {
    -webkit-font-smoothing: antialiased;
    font-family: "微软雅黑", 'Microsoft YaHei';
    color: #fff;
    margin-bottom: 0
}

.gallery-large .large-images li .caption p b,
.gallery-large .large-images li .caption p strong,
.gallery-small .large-images li .caption p b,
.gallery-small .large-images li .caption p strong {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.gallery-large .large-images li.active,
.gallery-small .large-images li.active {
    left: -1500px;
    cursor: pointer;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.gallery-large .large-images li.active .after,
.gallery-small .large-images li.active .after {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    background-image: url(images/icons.png);
    background-position: -699px -1223px;
    width: 26px;
    height: 18px
}

.gallery-large .large-images li.active:hover .caption,
.gallery-small .large-images li.active:hover .caption {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    bottom: 0
}

.gallery-large .large-images li .before,
.gallery-small .large-images li .before {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: opacity 350ms linear
}

.gallery-large .large-images li.next-up,
.gallery-small .large-images li.next-up {
    cursor: pointer
}

.gallery-large .large-images li.next-up .before,
.gallery-small .large-images li.next-up .before {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
}

.gallery-large .large-images li.next-up:hover .before,
.gallery-small .large-images li.next-up:hover .before {
    opacity: .45;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
    filter: alpha(opacity=45)
}

@media (max-width:1125px) {

    .gallery-large .large-images li,
    .gallery-small .large-images li {
        width: 100%
    }

    .gallery-large .large-images li img,
    .gallery-small .large-images li img {
        width: 100%;
        height: auto
    }

    .gallery-large .thumbnails,
    .gallery-small .thumbnails {
        overflow-y: hidden
    }
}

@media (max-width:1110px) {

    .gallery-large .large-images,
    .gallery-small .large-images {
        height: 374.5px
    }

    .gallery-large .large-images li,
    .gallery-small .large-images li {
        width: 100%
    }

    .gallery-large .large-images li img,
    .gallery-small .large-images li img {
        width: 100%;
        height: auto
    }
}

@media (max-width:640px) {

    .gallery-large .large-images li .before,
    .gallery-small .large-images li .before {
        display: none
    }

    .gallery-large .large-images,
    .gallery-small .large-images {
        height: 200px
    }

    .gallery-large .large-images li,
    .gallery-small .large-images li {
        width: 100%
    }

    .gallery-large .large-images li img,
    .gallery-small .large-images li img {
        width: 100%;
        height: auto
    }
}

.gallery-large .thumbnails,
.gallery-small .thumbnails {
    padding-top: 10px;
    width: 100%;
    overflow: hidden;
    padding-bottom: 40px
}

.gallery-large .thumbnails:after,
.gallery-small .thumbnails:after {
    content: "";
    display: table;
    clear: both
}

.gallery-large .thumbnails .next,
.gallery-small .thumbnails .next {
    position: relative
}

.gallery-large .thumbnails .next .before,
.gallery-small .thumbnails .next .before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40)
}

.gallery-large .thumbnails .next .after,
.gallery-small .thumbnails .next .after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -14px;
    margin-left: -8px;
    background-image: url(images/icons.png);
    background-position: -647px -1289px;
    width: 16px;
    height: 28px
}

@media (max-width:1110px) {

    .gallery-large .thumbnails .next .after,
    .gallery-large .thumbnails .next .before,
    .gallery-small .thumbnails .next .after,
    .gallery-small .thumbnails .next .before {
        display: none
    }
}

.gallery-large .thumbnails ul,
.gallery-small .thumbnails ul {
    width: 9999em;
    position: relative
}

.gallery-large .thumbnails.active,
.gallery-small .thumbnails.active {
    display: block
}

.gallery-large .thumbnails li,
.gallery-small .thumbnails li {
    margin-left: 10px;
    cursor: pointer;
    display: block;
    transition: opacity 175ms linear;
    padding-left: 0
}

.gallery-large .thumbnails li:before,
.gallery-small .thumbnails li:before {
    display: none
}

.gallery-large .thumbnails li:hover,
.gallery-small .thumbnails li:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
}

.gallery-large .thumbnails li a,
.gallery-small .thumbnails li a {
    overflow: hidden
}

.gallery-large .thumbnails li img,
.gallery-small .thumbnails li img {
    width: 100%;
    height: auto;
    display: block
}

.gallery-large .thumbnails li:first-child,
.gallery-small .thumbnails li:first-child {
    margin-left: 0
}

.gallery-large .thumbnails li.active,
.gallery-small .thumbnails li.active {
    padding-bottom: 6px;
    border-bottom: 2px solid #87898d
}

@media (max-width:1024px) {

    .gallery-large .thumbnails,
    .gallery-small .thumbnails {
        padding-bottom: 20px
    }
}

.gallery-large {
    height: 880px
}

.gallery-large .thumbnails {
    height: 129px
}

@media (max-width:1110px) {
    .gallery-large .thumbnails {
        height: 105px
    }

    .gallery-large {
        height: auto
    }
}

@media (max-width:640px) {

    .gallery-large,
    .gallery-large .thumbnails {
        height: auto
    }
}

.gallery-small {
    padding: 20px 0
}

.gallery-small .large-images {
    height: 310px
}

.gallery-small .large-images .next {
    position: absolute;
    background-image: url(images/icons.png);
    background-position: -322px -1612px;
    width: 27px;
    height: 51px;
    right: 25px;
    top: 50%;
    margin-top: -25.5px
}

@media screen and (min-width:1111px) {
    .gallery-small .large-images li img {
        height: 310px
    }
}

.gallery-small .thumbnails li {
    width: 96.67px
}

.gallery-small .thumbnails li a {
    width: 96.67px;
    height: 78px
}

@media (max-width:960px) {
    .gallery-small .thumbnails li {
        width: auto
    }

    .gallery-small .thumbnails li a {
        height: auto
    }

    .gallery-small .gallery-pager,
    .gallery-small .large-images .next,
    .gallery-small .thumbnails .clone,
    .gallery-small .thumbnails .next .after,
    .gallery-small .thumbnails .next .before {
        display: none
    }

    .gallery-small .large-images li {
        width: 100%;
        height: 100%
    }

    .gallery-small .large-images li img {
        width: 100%;
        height: auto
    }
}

@media (max-width:640px) {

    .gallery-small .thumbnails,
    .gallery-small .thumbnails li a {
        height: auto
    }

    .gallery-small .thumbnails ul {
        width: 100%
    }

    .gallery-small .thumbnails li {
        width: auto
    }
}

.hotspots .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    margin-left: -45px;
    margin-top: -45px;
    z-index: 1
}

.hotspots .preloader .inner:before,
.hotspots .preloader .outer:before {
    background-color: #e6e6e6
}

.hotspot-slider {
    display: none;
    padding-bottom: 0px;
    margin-bottom: 0px
}

.hotspot-slider .owl-nav {
    text-align: center;
    margin: 5px 0
}

.hotspot-slider .owl-next,
.hotspot-slider .owl-prev {
    display: inline-block;
    background-image: url(images/icons.png);
    text-indent: -9999em
}

.hotspot-slider .owl-prev {
    margin-right: 42.5px;
    background-position: -897px -991px;
    width: 12px;
    height: 26px
}

.hotspot-slider .owl-next {
    margin-left: 42.5px;
    background-position: -875px -1027px;
    width: 12px;
    height: 26px
}

@media (max-width:750px) {
    .hotspot-slider {
        display: block
    }

    .hotspot-slider .hotspot-slider-slide img {
        display: block;
        width: 100%;
        height: auto
    }

    .hotspot-slider .hotspot-slider-slide .image {
        position: relative
    }

    .hotspot-slider .hotspot-slider-slide .image:before {
        content: "";
        width: 100%;
        display: block;
        padding-top: 64.6875%
    }

    .hotspot-slider .hotspot-slider-slide .image span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .hotspot-slider .hotspot-slider-slide.first .image span {
        bottom: 0;
        top: auto
    }

    .hotspot-slider .hotspot-slider-slide .copy {
        height: 227px;
        padding: 20px;
        background-color: transparent;
        box-sizing: border-box;
        transition: all 125ms linear;
        position: relative
    }

    .hotspot-slider .hotspot-slider-slide .copy h2 {
        font-family: "微软雅黑", 'Microsoft YaHei';
        line-height: 1;
        font-size: 24px;
        margin-bottom: 5px;
        text-transform: uppercase
    }

    .hotspot-slider .hotspot-slider-slide .copy h3 {
        font-family: "微软雅黑", 'Microsoft YaHei';
        font-size: 16px;
        line-height: 1.1;
        margin-bottom: 10px
    }

    .hotspot-slider .hotspot-slider-slide .copy p {
        font-family: "微软雅黑", 'Microsoft YaHei';
        font-size: 13px;
        line-height: 1.3
    }

    .hotspot-slider .hotspot-slider-slide .copy,
    .hotspot-slider .hotspot-slider-slide .image {
        width: 50%;
        float: left
    }
}

@media (max-width:550px) {

    .hotspot-slider .hotspot-slider-slide .copy,
    .hotspot-slider .hotspot-slider-slide .image {
        width: 100%;
        float: none
    }

    .hotspot-slider .hotspot-slider-slide .copy {
        height: 130px
    }
}

.hotspot-pagination {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%
}

.hotspot-pagination:last-child {
    margin-right: 0
}

.hotspot-pagination-item {
    width: 40px;
    background-color: #D0D1D3;
    height: 8px;
    display: inline-block;
    margin-right: 5px
}

.hotspot-pagination-item.active {
    background-color: #87898D
}

.hotspot-item {
    position: relative
}

@media (max-width:750px) {
    .hotspot-item {
        display: none
    }
}

.hotspot-item .icon.is-hidden {
    opacity: 0
}

.hotspot-item .hotspot-modal {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 250ms linear
}

@media (max-width:950px) {
    .hotspot-item .hotspot-modal {
        overflow: hidden
    }

    .hotspot-item .hotspot-modal .close-xs-grey {
        position: absolute;
        top: 10px;
        right: 10px
    }

    .hotspot-item .hotspot-modal .hotspot-modal-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden
    }

    .hotspot-item .hotspot-modal .copy {
        margin-right: 20px
    }

    .hotspot-item .hotspot-modal .copy:before {
        display: none
    }

    .hotspot-item .hotspot-modal .contain {
        width: 660px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    .hotspot-item .hotspot-modal.is-active,
    .hotspot-item .hotspot-modal.is-active .copy,
    .hotspot-item .hotspot-modal.is-active .hotspot-modal-overlay,
    .hotspot-item .hotspot-modal.is-active .image {
        opacity: 1;
        visibility: visible
    }

    .hotspot-item .hotspot-modal.is-active .image {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .hotspot-item .hotspot-modal.is-active .copy {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.hotspot-item .hotspot-item-image-wrapper {
    width: 100%;
    margin: 0 auto;
    background-position: center center;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    position: relative
}

.hotspot-item .hotspot-item-image-wrapper img {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.hotspot-item .hotspot-item-image-wrapper:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 42.70833%
}

.hotspot-item .hotspot-item-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.hotspot-item .hotspot-item-image img {
    width: 100%;
    height: auto
}

.hotspot-item .image {
    overflow: hidden;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
    transition: all 125ms linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.hotspot-item .copy {
    width: 320px;
    height: 207px;
    padding: 20px;
    visibility: hidden;
    background-color: #fff;
    box-sizing: border-box;
    transition: all 125ms linear;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    position: relative;
    opacity: 0
}

.hotspot-item .copy:before {
    content: "";
    position: absolute;
    top: -16px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 16px 16px;
    border-color: transparent transparent #fff
}

.hotspot-item .copy h2 {
    font-family: "微软雅黑", 'Microsoft YaHei';
    line-height: 1;
    font-size: 24px;
    margin-bottom: 5px
}

.hotspot-item .copy h3 {
    font-family: "微软雅黑", 'Microsoft YaHei';
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 10px
}

.hotspot-item .copy p {
    font-family: "微软雅黑", 'Microsoft YaHei';
    font-size: 13px;
    line-height: 1.3
}

.hotspot-item a {
    display: none;
    -webkit-transform: scale(.72);
    -ms-transform: scale(.72);
    transform: scale(.72);
    transition: all 120ms linear;
    position: absolute
}

.hotspot-item a:focus {
    outline: 0
}

.hotspot-item a:before {
    content: "";
    width: 200%;
    height: 200%;
    border: 10px solid rgba(255, 255, 255, .8);
    border-radius: 50%;
    position: absolute;
    top: -50%;
    left: -50%;
    opacity: 0;
    transition: all .1s linear
}

.hotspot-item a:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.hotspot-item a:hover:before {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 1
}

.hotspot-item a.active:before,
.hotspot-item a:active:before {
    width: 150%;
    height: 150%;
    top: -25%;
    left: -25%;
    opacity: .7;
    border: 8px solid rgba(255, 255, 255, .8)
}

.hotspot-item a.active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 1
}

.hotspot-item a.active:before {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.hotspot-item a.active .copy {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.hotspot-item a.active .image {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.hotspot-item a.active .contain {
    visibility: visible
}

.hotspot-item a .contain {
    position: absolute;
    top: 80px;
    right: 16px;
    visibility: hidden
}

.family-row,
.family-slides {
    position: relative
}

.hotspot-item a .contain:after {
    content: "";
    display: table;
    clear: both
}

.hotspot-item a .contain div:first-child {
    margin-right: 10px
}

.hotspot-item a .contain.no-image {
    width: 320px
}

.hotspot-item a .contain.align-left {
    right: auto;
    left: 16px
}

.hotspot-item a .contain.align-left .copy:before {
    right: auto;
    left: 0;
    border-width: 16px 0 0 16px;
    border-color: transparent transparent transparent #fff
}

.hotspot-item a .contain.align-above .copy:before,
.hotspot-item a .contain.align-above.align-center .copy:before {
    border-width: 0 16px 16px 0;
    border-color: transparent #fff transparent transparent
}

.hotspot-item a .contain.align-center {
    right: -312px
}

.hotspot-item a .contain.align-above {
    bottom: 80px;
    top: auto
}

.hotspot-item a .contain.align-above .copy:before {
    top: auto;
    bottom: -16px
}

.hotspot-item a .contain.align-above.align-left .copy:before {
    border-width: 16px 16px 0 0;
    border-color: #fff transparent transparent
}

.icon {
    display: inline-block;
    background-image: url(/images/icons.png)
}

.icon.arrow-right {
    background-position: -545px -1393px;
    width: 26px;
    height: 25px
}

.icon.arrow-right-small {
    background-position: -1747px -152px;
    width: 6px;
    height: 10px
}

.icon.arrow-down-small-blue {
    background-position: -1829px -71px;
    width: 8px;
    height: 4px
}

.icon.arrow-up-small-blue {
    background-position: -1811px -85px;
    width: 8px;
    height: 4px
}

.icon.arrow-right-small-blue {
    background-position: -1763px -133px;
    width: 5px;
    height: 9px
}

.icon.arrow-right-small-grey {
    background-position: -1731px -172px;
    width: 6px;
    height: 10px
}

.icon.arrow-right-medium {
    background-position: -647px -1289px;
    width: 16px;
    height: 28px
}

.icon.arrow-left-white-large {
    background-position: -285px -1673px;
    width: 27px;
    height: 51px
}

.icon.arrow-up-small-white {
    background-position: -1793px -99px;
    width: 8px;
    height: 5px
}

.icon.arrow-right-white-large {
    background-position: -322px -1612px;
    width: 27px;
    height: 51px
}

.icon.arrow-right-white-xlarge {
    background-position: -95px -1977px;
    width: 49px;
    height: 103px
}

.icon.arrow-left-grey-large {
    background-position: -249px -1734px;
    width: 26px;
    height: 55px
}

.icon.arrow-right-grey-large {
    background-position: -213px -1799px;
    width: 26px;
    height: 55px
}

.icon.arrow-breadcrumb-small {
    background-position: -1861px -38px;
    width: 4px;
    height: 6px
}

.icon.bullet-blue {
    background-position: -1889px -11px;
    width: 4px;
    height: 1px
}

.icon.close-small-grey {
    background-position: -581px -1360px;
    width: 23px;
    height: 23px
}

.icon.close-xs-grey {
    background-position: -1655px -259px;
    width: 11px;
    height: 11px
}

.icon.bullet-grey {
    background-position: -1903px 0;
    width: 4px;
    height: 1px
}

.icon.magnify-large {
    background-position: -919px -962px;
    width: 19px;
    height: 19px;
    opacity: .7
}

.icon.magnify-large:hover {
    opacity: 1
}

@media (-webkit-min-device-pixel-ratio:2),
(-webkit-min-device-pixel-ratio:192),
(min-resolution:192dppx) {
    .icon.magnify-large {
        background-image: url(images/icons/magnify-large-2x.png);
        background-size: 19px 19px;
        background-position: 0 0
    }
}

.icon.facebook-white {
    background-position: -1427px -489px;
    width: 9px;
    height: 18px
}

.icon.facebook-white:hover {
    background-position: -1446px -461px
}

.icon.facebook {
    background-position: -1697px -215px;
    width: 7px;
    height: 13px
}

.icon.facebook:hover {
    background-position: -1714px -192px
}

.icon.google-plus-white {
    background-position: -948px -934px;
    width: 17px;
    height: 18px
}

.icon.google-plus-white:hover {
    background-position: -975px -906px
}

.icon.google-plus {
    background-position: -1002px -878px;
    width: 17px;
    height: 18px
}

.icon.google-plus:hover {
    background-position: -975px -906px
}

.icon.email {
    background-position: -1298px -611px;
    width: 17px;
    height: 12px
}

.icon.email:hover {
    background-position: -1352px -567px
}

.icon.email-white {
    background-position: -1325px -589px;
    width: 17px;
    height: 12px
}

.icon.email-white:hover {
    background-position: -1271px -633px
}

.icon.magnify {
    background-position: -1191px -701px;
    width: 16px;
    height: 15px
}

.icon.excel,
.icon.pdf {
    height: 17px;
    width: 17px
}

.icon.pdf {
    background-position: -1029px -851px
}

.icon.excel {
    background-position: -1056px -824px
}

.icon.print {
    background-position: -1083px -799px;
    width: 17px;
    height: 15px
}

.icon.print:hover {
    background-position: -1110px -774px
}

.icon.share-white-small {
    background-position: -1676px -238px;
    width: 11px;
    height: 11px
}

.icon.twitter {
    background-position: -1491px -419px;
    width: 16px;
    height: 11px
}

.icon.twitter:hover {
    background-position: -1465px -440px
}

.icon.twitter-white {
    background-position: -1164px -726px;
    width: 17px;
    height: 14px
}

.icon.twitter-white:hover {
    background-position: -1137px -750px
}

.icon.rss-white {
    background-position: -1379px -542px;
    width: 14px;
    height: 15px
}

.icon.rss-white:hover {
    background-position: -1403px -517px
}

.icon.youtube-white {
    background-position: -1244px -655px;
    width: 17px;
    height: 13px
}

.icon.youtube-white:hover {
    background-position: -1217px -678px
}

.icon.play-btn-large {
    background-position: 0 -2090px;
    width: 85px;
    height: 84px
}

.icon.play-btn-small {
    background-position: -801px -1135px;
    width: 20px;
    height: 20px
}

.icon.play-btn-small-grey {
    background-position: -771px -1165px;
    width: 20px;
    height: 20px
}

.icon.plus-blue {
    background-position: -453px -1473px;
    width: 36px;
    height: 35px
}

.icon.plus-yellow {
    background-position: -499px -1428px;
    width: 36px;
    height: 35px
}

.icon.facebook-small {
    background-position: -1632px -280px;
    width: 13px;
    height: 13px
}

.icon.flickr-small {
    background-position: -1563px -349px;
    width: 13px;
    height: 13px
}

.icon.flipboard-small {
    background-position: -1517px -395px;
    width: 13px;
    height: 14px
}

.icon.twitter-small {
    background-position: -1586px -326px;
    width: 13px;
    height: 13px
}

.icon.youtube-small {
    background-position: -1540px -372px;
    width: 13px;
    height: 13px
}

.icon.linkedin-small {
    background-position: -1609px -303px;
    width: 13px;
    height: 13px
}

.family-row {
    overflow: hidden
}

.family-row .hotspot-title {
    font-family: "微软雅黑", 'Microsoft YaHei';
    color: #fff;
    font-size: 32px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    -webkit-font-smoothing: antialiased
}

.family-box h2 strong,
.family-box h3 strong,
.family-box p strong {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.family-row .hotspot-item .copy {
    color: #5F6A72
}

.family-box h2,
.family-box h3,
.family-box p {
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.family-slide {
    position: relative;
    display: none;
    opacity: 0
}

.family-slide.is-visible {
    opacity: 1
}

.family-slide.first {
    display: block
}

.family-slide:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 39.06667%
}

.family-slide>.family-slide-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%
}

@media (max-width:767px) {
    .family-slide:before {
        padding-top: 56%;
        display: none
    }

    .family-slide .family-accordion {
        margin-top: 20px
    }

    .family-slide>.family-slide-content {
        position: relative
    }

    .family-slide>.family-slide-content .family-accordion,
    .family-slide>.family-slide-content .family-slide-image {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto
    }

    .family-slide>.family-slide-content .family-slide-image {
        height: 250px
    }

    .family-slide {
        background-color: #394957
    }
}

.owl-item .family-slide {
    display: block
}

.family-accordion.is-hidden,
.family-hotspots.is-hidden {
    display: none
}

.family-slide-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover
}

.family-slide-image .layer {
    position: absolute;
    opacity: 0;
    transition: opacity 550ms linear, -webkit-transform 350ms ease-in;
    transition: opacity 550ms linear, transform 350ms ease-in;
    transition: opacity 550ms linear, transform 350ms ease-in, -webkit-transform 350ms ease-in
}

.family-slide-image .layer.anim-in {
    opacity: 1
}

.family-slide-image .layer.center {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
    transform: translateX(-50%) translateY(-50%) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    filter: none;
    -webkit-filter: blur(0)
}

.family-slide-image img {
    width: 100%;
    height: auto;
    pointer-events: none
}

@media (max-width:1400px) {
    .family-slide-image .layer.center {
        -webkit-transform: translateX(-60%) translateY(-50%) translateZ(0) scale(.9);
        transform: translateX(-60%) translateY(-50%) translateZ(0) scale(.9)
    }
}

@media (max-width:1300px) {
    .family-slide-image .layer.center {
        -webkit-transform: translateX(-70%) translateY(-50%) translateZ(0) scale(.8);
        transform: translateX(-70%) translateY(-50%) translateZ(0) scale(.8)
    }
}

@media (max-width:1000px) {
    .family-slide:before {
        padding-top: 56%
    }

    .family-slide-image .layer.center {
        -webkit-transform: translateX(-70%) translateY(-50%) translateZ(0) scale(.65);
        transform: translateX(-70%) translateY(-50%) translateZ(0) scale(.65)
    }
}

@media (max-width:767px) {
    .family-slide-image {
        padding-bottom: 45px;
        box-sizing: content-box
    }

    .family-slide-image .layer.center {
        -webkit-transform: translateX(-50%) translateY(-55%) translateZ(0) scale(.25);
        transform: translateX(-50%) translateY(-55%) translateZ(0) scale(.25)
    }
}

@media (max-width:1100px) {
    .family-accordion>ul>li label {
        background-color: rgba(255, 255, 255, .6)
    }

    .family-accordion>ul>li .copy {
        background-color: rgba(255, 255, 255, .4)
    }
}

.family-box {
    width: 384px;
    background-color: transparent;
    padding: 20px 18px;
    position: absolute;
    z-index: 50
}

.family-box h2,
.family-box h3 {
    font-weight: 400
}

.family-box h2 {
    font-size: 21px;
    margin-bottom: 0;
    line-height: 1.3
}

.family-box h3 {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 1.3
}

.family-box p {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 10px
}

.family-accordion-title,
.family-accordion>ul {
    font-family: "微软雅黑", 'Microsoft YaHei';
    -webkit-font-smoothing: antialiased
}

.family-box.tl {
    top: 20px;
    left: 0
}

.family-box.tr {
    top: 20px;
    right: 0
}

@media (max-width:767px) {

    .family-box.tl,
    .family-box.tr {
        top: auto;
        bottom: 20px
    }
}

.family-slide-contain {
    width: 960px;
    margin: 0 auto;
    position: relative
}

.family-hotspots {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.family-hotspots .hotspot {
    position: absolute
}

.family-hotspots .hotspot .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 35px;
    background-image: url(/assets/images/icons.png);
    background-position: -453px -1473px;
    -webkit-transform: scale(.72);
    -ms-transform: scale(.72);
    transform: scale(.72);
    transition: all 120ms linear
}

.family-hotspots .hotspot .icon:before {
    content: "";
    width: 200%;
    height: 200%;
    border: 10px solid rgba(255, 255, 255, .8);
    border-radius: 50%;
    position: absolute;
    top: -50%;
    left: -50%;
    opacity: 0;
    transition: all .1s linear
}

.family-hotspots .hotspot .content {
    box-sizing: border-box;
    padding: 20px;
    background-color: #fff;
    transition: opacity 125ms ease-in-out, -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, opacity 125ms ease-in-out;
    transition: transform 250ms ease-in-out, opacity 125ms ease-in-out, -webkit-transform 250ms ease-in-out;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    position: relative;
    opacity: 0;
    pointer-events: none;
    min-width: 120px;
    z-index: 50;
    top: 115px;
    left: -14px;
    font-size: 13px;
    color: #5F6A72
}

.family-hotspots .hotspot .content:before {
    content: "";
    position: absolute;
    top: -16px;
    left: 16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 16px 16px;
    border-color: transparent transparent #fff
}

.family-hotspots .hotspot .content.is-above:before {
    bottom: -16px;
    top: auto;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.family-hotspots .hotspot.is-active .icon,
.family-hotspots .hotspot:hover .icon {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.family-hotspots .hotspot.is-active .icon:before,
.family-hotspots .hotspot:hover .icon:before {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 1
}

.family-hotspots .hotspot.is-active .content {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.family-accordion {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 50;
    width: 340px;
    -webkit-font-smoothing: antialiased
}

.family-accordion a {
    color: #fff;
    text-decoration: none;
    font-size: 1em
}

.family-accordion.family-accordion--wide {
    width: 450px
}

.family-accordion.family-accordion--black .family-accordion-title {
    color: #4e4e4e
}

.family-accordion.family-accordion--black>ul>li h3 {
    background-color: rgba(0, 0, 0, .3)
}

.family-accordion.family-accordion--black>ul>li h3:hover {
    background-color: rgba(0, 0, 0, .4)
}

.family-accordion.family-accordion--black>ul>li .copy {
    background-color: rgba(0, 0, 0, .2)
}

@media (max-width:800px) {
    .family-accordion.family-accordion--wide {
        width: 375px
    }
}

@media (max-width:767px) {
    .family-accordion {
        width: 100%;
        top: auto;
        bottom: 60px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        position: absolute;
        padding-top: 20px
    }

    .family-accordion.family-accordion--wide {
        width: 100%
    }

    .family-accordion .family-accordion-title {
        margin-left: 20px
    }
}

.family-accordion.on-right {
    left: auto;
    right: 0
}

.family-accordion>ul {
    color: #fff
}

.family-accordion>ul>li {
    margin-bottom: 1px;
    margin-top: 0
}

.family-accordion>ul>li.is-active .copy {
    max-height: 800px
}

.family-accordion>ul>li h3 {
    background-color: rgba(255, 255, 255, .4);
    padding: 20px 30px;
    display: block;
    margin: 0;
    cursor: pointer;
    font-size: 20px
}

.family-accordion>ul>li h3:hover {
    background-color: rgba(255, 255, 255, .3)
}

@media (max-width:1100px) {
    .family-accordion>ul>li h3 {
        padding: 10px 20px;
        font-size: 16px
    }
}

.family-accordion>ul>li .copy {
    background-color: rgba(255, 255, 255, .2);
    margin: 0;
    max-height: 0;
    overflow: hidden;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.4
}

.family-accordion>ul>li .copy .wrap {
    padding: 10px 30px
}

.family-accordion>ul>li .copy .wrap>ul>li>ul {
    margin-bottom: 15px
}

.family-accordion>ul>li .copy .wrap>ul>li>ul>li {
    list-style-type: disc;
    list-style-position: inside
}

@media (max-width:1100px) {
    .family-accordion>ul>li .copy {
        font-size: 13px
    }

    .family-accordion>ul>li .copy .wrap {
        padding: 8px 25px
    }
}

.family-accordion-title {
    font-size: 26px;
    color: #fff;
    margin-bottom: 15px;
    margin-left: 25px
}

.family-accordion-title .mobile {
    display: none
}

.on-right .family-accordion-title {
    margin-left: 0
}

@media (max-width:767px) {

    .family-accordion-title,
    .on-right .family-accordion-title {
        margin-left: 20px;
        margin-top: 10px
    }

    .family-accordion-title .mobile {
        display: block
    }

    .family-accordion-title .desktop {
        display: none
    }
}

.family-nav {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background-color: rgba(255, 255, 255, .2);
    z-index: 50;
    opacity: 0;
    transition: opacity 450ms ease-in
}

.family-nav .next,
.family-nav .prev {
    display: none
}

.family-nav.is-visible {
    opacity: 1
}

.family-nav ul {
    overflow-x: hidden;
    overflow-y: visible;
    white-space: nowrap
}

.family-nav ul li {
    display: inline
}

.family-nav ul a {
    display: inline-block;
    text-decoration: none;
    padding: 15px 20px 18px;
    -webkit-font-smoothing: antialiased;
    background-color: transparent;
    color: #fff;
    font-family: "微软雅黑", 'Microsoft YaHei';
    font-size: 12px;
    cursor: pointer;
    position: relative
}

.family-nav ul a.is-active,
.family-nav ul a:hover {
    background-color: rgba(255, 255, 255, .1);
    color: #fff
}

.family-nav ul a.is-active:before,
.family-nav ul a:hover:before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #fff
}

@media (max-width:767px) {

    .family-nav,
    .family-nav ul a,
    .family-nav ul a.is-active,
    .family-nav ul a:hover {
        background-color: transparent
    }

    .family-nav {
        top: 146px;
        bottom: auto
    }

    .family-nav .next,
    .family-nav .prev {
        width: 12px;
        height: 26px;
        background-image: url(/assets/images/icons.png);
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block;
        z-index: 10
    }

    .family-nav .prev {
        background-position: -831px -1099px;
        left: 20px
    }

    .family-nav .next {
        background-position: -853px -1063px;
        right: 20px
    }

    .family-nav ul {
        text-align: left
    }

    .family-nav ul li {
        float: left
    }

    .family-nav ul a {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        font-family: "微软雅黑", 'Microsoft YaHei';
        text-transform: inherit;
        font-size: 18px;
        padding: 12px 18px 13px
    }

    .family-nav .next.is-disabled,
    .family-nav .prev.is-disabled {
        opacity: .3
    }

    /**璁捐浜偣**/

    .DH_CN {}

    @media (max-width:600px),
    (max-height: 600px) {
        .block.DH_CN {
            display: none;
        }

        nav .top .DH_CN {
            display: none;
        }

        .block .DH_CN {
            display: none;
        }
    }

    .family-slide .family-accordion {
        margin-top: 45px
    }

    /*2017-03-16 new*/
}

.video-container {
    margin: 20px 0
}

.video-container .playlist-wrapper {
    width: 100%
}

.playlist-wrapper {
    max-width: 960px;
    overflow: hidden;
    margin: 0 auto;
    position: relative
}

@media (min-width:640px) {

    .playlist-wrapper.scroll-next .scroll-arrow-next,
    .playlist-wrapper.scroll-prev .scroll-arrow-prev {
        opacity: 1
    }

    .playlist-wrapper.scroll-next {
        padding-right: 30px
    }

    .playlist-wrapper.scroll-prev {
        padding-left: 30px
    }
}

.playlist-wrapper .scroll-arrow-next,
.playlist-wrapper .scroll-arrow-prev {
    position: absolute;
    width: 12px;
    height: 28px;
    cursor: pointer;
    background: url(/assets/images/icons.png) -897px -991px no-repeat #FFF;
    top: 31px;
    left: 0;
    z-index: 2;
    opacity: 0
}

.playlist-wrapper .scroll-arrow-next {
    left: auto;
    right: 0;
    background-position: -875px -1027px
}

.video-playlist {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    transition: all .5s
}

.video-playlist.video-playlist-large {
    width: 100%;
    padding-top: 75.25%;
    position: relative
}

@media (max-width:640px) {
    .video-playlist.video-playlist-large {
        padding-top: 115%
    }
}

.video-playlist .video-playlist-inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.video-playlist .vjs-big-play-button {
    height: 80px;
    width: 80px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 4px solid #fff;
    position: relative;
    margin: 0;
    opacity: .8
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .video-playlist .vjs-big-play-button {
        height: 80px !important;
        width: 80px !important;
        top: 50% !important;
        left: 50% !important;
        -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important;
        border-radius: 50% !important;
        border: 4px solid #fff !important;
        position: relative !important;
        margin: 0 !important;
        opacity: .8 !important
    }
}

.video-playlist .vjs-big-play-button:before {
    position: absolute;
    font-size: 65px;
    line-height: 65px;
    top: 15px;
    left: -12px;
    margin: -12px 0 0 16px;
    width: 0
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .video-playlist .vjs-big-play-button:before {
        position: absolute !important;
        font-size: 65px !important;
        line-height: 65px !important;
        margin: -12px 0 0 16px !important;
        width: 0 !important;
        top: 18px !important;
        left: -13px !important
    }
}

.lt-ie11 .video-playlist .vjs-big-play-button {
    height: 80px !important;
    width: 80px !important;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 50% !important;
    border: 4px solid #fff !important;
    position: relative !important;
    margin: 0 !important;
    opacity: .8 !important
}

.lt-ie11 .video-playlist .vjs-big-play-button:before {
    position: absolute !important;
    font-size: 65px !important;
    line-height: 65px !important;
    margin: -12px 0 0 16px !important;
    width: 0 !important;
    top: 18px !important;
    left: -13px !important
}

.video-playlist .video-playlist-list {
    list-style: none;
    padding: 10px 0;
    margin: 0;
    display: block;
    position: relative;
    z-index: 0;
    white-space: nowrap;
    width: auto;
    height: 210px;
    overflow-x: hidden;
    overflow-y: hidden
}

@media (max-width:640px) {
    .video-playlist .video-playlist-list {
        overflow-x: scroll
    }
}

.video-playlist .video-playlist-list li {
    width: 130px;
    margin: 0;
    padding: 0 10px 0 0;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: text-top
}

.video-playlist .video-playlist-list li:before {
    display: none
}

.video-playlist .video-playlist-list .playlist-item-thumbnail {
    display: block;
    overflow: hidden;
    max-height: 77px;
    width: 100%;
    padding-bottom: 5px;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    transition: all .5s
}

.video-playlist .video-playlist-list .playlist-item-thumbnail:before {
    position: absolute;
    content: '';
    opacity: .8;
    text-align: center;
    width: 36px;
    height: 36px;
    top: 34px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(/assets/images/icons.png) -407px -1518px no-repeat
}

.video-playlist .video-playlist-list .playlist-item-thumbnail.active {
    border-bottom-color: #87898d
}

.video-playlist .video-playlist-list img {
    width: 100%;
    display: block;
    max-height: 67px
}

.video-playlist .video-playlist-list .playlist-item-name {
    font-family: HelveticaNeueW01-75Bold, Helvetica, Helvetica, Arial, sans-serif;
    font-size: 13px;
    padding-top: 5px;
    word-wrap: normal;
    white-space: normal;
    display: block;
    text-decoration: none;
    color: #0698D9;
    cursor: pointer
}

.video-js-wrap {
    position: relative;
    display: block
}

.video-js-wrap:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.video-js-wrap .vjs-dock-text .vjs-dock-description,
.vjs-playlist-description {
    display: none
}

.video-js-wrap>.video-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.playlist-wrapper {
    width: 800px;
    overflow-x: hidden;
    overflow-y: hidden
}

.block-video-list.block-small .block-description {
    min-height: 75px;
    padding-bottom: 0;
}

.video-list .slider-blocks-three .arrow {
    margin-top: -30px;
}

.video-list .slider-blocks-three .contain {
    min-height: 75px;
}

#pb0 {
    padding-bottom: 0;
}

.newsList {
    width: 100%;
}

.newsList span {
    display: block;
    padding-bottom: 18px;
}

.newsList span p {
    font-size: 14px;
    color: #5f6a72;
    padding: 0;
    margin: 0;
}

.newsList span p img {
    width: 14px;
    margin-left: 23px;
}

.newsList span a,
#year_span a,
#page_p a {
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #0698d9;
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.newsletter a.news_left {
    float: left;
}

.newsletter a.news_left span {
    transform: scaleX(-1);
}

.newsletter a.news_center {
    position: relative;
    left: 50%;
    margin-left: -128px;
}

.newsletter a.news_right {
    float: right;
}

.newsList-img img {
    width: 506px;
    max-width: 100%;
}

#wallpaper_bigPic li {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px
}

#wallpaper_bigPic li img {
    width: 100%;
    margin-bottom: 10px;
}

#wallpaper_bigPic li a {
    margin-right: 20px;
}

#wallpaper_all h4 {
    margin-left: 10px;
    font-family: "微软雅黑", 'Microsoft YaHei';
}

#wallpaper_all a {
    margin-right: 10px;
    margin-left: 10px;
}

#bbj_bigPic li {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px
}

#bbj_bigPic li img {
    width: 100%;
    margin-bottom: 10px;
}

#bbj_bigPic li a {
    margin-right: 20px;
    font-family: "微软雅黑", 'Microsoft YaHei';
}

#bbj_all h4 {
    margin-left: 10px;
    font-family: "微软雅黑", 'Microsoft YaHei';
}

#bbj_all a {
    margin-right: 10px;
    margin-left: 10px;
    font-family: "微软雅黑", 'Microsoft YaHei';
}

/*********鍘嗗彶2016-06-15************/
.china-history .title-year {
    height: 56px;
    line-height: 50px;
    font-size: 36px;
    color: #606a73;
    display: block;
    margin-bottom: 20px;
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.china-history .i-border {
    height: 6px;
    width: 34px;
    background: #394958;
    display: block;
    margin-left: 5px;
}

.china-history ul {
    padding-bottom: 44px;
}

.china-history li {
    padding-bottom: 13px;
    font-size: 12px;
    line-height: 1.5;
}

.china-history li a {
    text-decoration: none;
    color: #646f78;
    font-family: "微软雅黑", 'Microsoft YaHei';
}


#ckepop .jtico {
    text-align: left;
    overflow: hidden;
    display: block !important;
    height: 16px !important;
    line-height: 16px !important;
    padding-left: 20px !important;
    
    cursor: pointer;
}

#ckepop .jtico:hover {
    opacity: 0.8;
}

#ckepop .jtico_email {
    background-position: 0px -32px;
}

#ckepop .jtico_tsina {
    background-position: 0px -96px;
}

#ckepop .jtico_weixin {
    background-position: 0px -1809px;
}

#ckepop span {
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.china-share {
    width: 18%;
    border-radius: 5px;
    background: #fff;
    position: fixed;
    left: 60%;
    margin-left: -19%;
    top: 20%;
    z-index: 1000;
    border: 1px solid #eee;
    box-shadow: 2px 2px 2px #eee;
    display: none;
}

.douyin-share {
    width: 18%;
    border-radius: 5px;
    background: #fff;
    position: fixed;
    left: 60%;
    margin-left: -19%;
    top: 20%;
    z-index: 1000;
    border: 1px solid #eee;
    box-shadow: 2px 2px 2px #eee;
    display: none;
}

.douyin-share .shar-code img {
    width: 256px;
    height: 256px;
}

.china-share .title-share {
    line-height: 50px;
    width: 100%;
    font-size: 16px;
    color: #333;
    display: block;
    padding-left: 20px;
    border-bottom: 1px solid #EEE
}

.china-share .title-share .china-close {
    text-decoration: none;
    margin-top: 2px;
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    line-height: 20px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
    position: relative;
    top: 12px;
    right: 10px;
}

.douyin-share .title-share {
    line-height: 50px;
    width: 100%;
    font-size: 16px;
    color: #333;
    display: block;
    padding-left: 20px;
    border-bottom: 1px solid #EEE
}

.douyin-share .title-share .china-close {
    text-decoration: none;
    margin-top: 2px;
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    line-height: 20px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
    position: relative;
    top: 12px;
    right: 10px;
}

.china-share ul li {
    padding: 20px 10px 0px 20px;
}

.china-share ul li span {
    display: inline-block;
}

.china-share ul li .span-title {
    width: 15%;
    text-align: justify;
    text-justify: inter-ideograph;
    -moz-text-align-last: justify;
    text-align-last: justify;
    padding-right: 10px;
}

.china-share ul li .input-share {
    min-height: 34px;
    outline: none;
    border-radius: 5px;
    border: 1px solid #eee;
    padding: 10px;
    font-size: 14px;
    color: #333;
    width: 100%;
}

.china-share ul li .input-wapper {
    width: 70%;
}

.china-share .input-textarea {
    height: 150px;
    vertical-align: top;
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.china-share .share-red {
    color: #F00;
    padding-left: 10px;
}

.china-share .share-btn-send {
    text-decoration: none;
    line-height: 40px;
    width: 67%;
    text-align: center;
    color: #fff;
    background: #09F;
    display: block;
    border-radius: 5px;
    margin: 20px auto 0 17%
}

.china-share .share-btn-send:active {
    background: #0CF
}

.china-share .share-code {
    width: 100%;
    height: 260px;
    margin: 40px auto 0px auto;
    border-bottom: 1px solid #eee;
    text-align: center;
    padding-bottom: 40px;
}

.china-share .share-code .cord-span {
    width: 220px;
    height: 220px;
    display: block;
    margin: 0 auto
}

.china-share .share-code .cord-span img {
    width: 220px;
    height: 220px;
}

.china-share .share-code-attend {
    padding: 40px 10px 0 10px;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}

.douyin-share .share-code {
    width: 100%;
    height: 400px;
    margin: 40px auto 0px auto;
    border-bottom: 1px solid #eee;
    text-align: center;
    padding-bottom: 40px;
}

.douyin-share .share-code .cord-span {
    
    display: block;
    margin: 0 auto
}

.douyin-share .share-code .cord-span img {
   
}

.douyin-share .share-code-attend {
    padding: 40px 10px 0 10px;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}
@media (min-width:320px) and (max-width:960px) {
    .china-share {
        width: 90%;
        margin-left: -45%;
    }

    .china-share ul li .span-title {
        width: 20%;
        padding-right: 2px;
    }

    .china-share .share-btn-send {
        width: 65%;
        margin: 20px auto 0 23%
    }
}

/*2017-3-16 new*/
.ba-class {
    float: left;
    margin-top: 9px;
}

.breadcrumbs {
    box-sizing: border-box;
    width: 100%;
    padding: 0 30px;
    height: 22px;
    line-height: 18px;
}

.breadcrumbs li {
    display: inline;
}

.breadcrumbs a {
    line-height: 22px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    color: #000;
    padding-left: 5px;
    padding-right: 10px;
    position: relative;
    -webkit-font-smoothing: antialiased;

}

.breadcrumbs ul {
    text-align: left;
}

.breadcrumbs a:hover {
    color: red
}

.breadcrumbs a:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    background-image: url(/images/icons.png);
    background-position: -1861px -38px;
    width: 4px;
    height: 6px;
    z-index: 1
}

.breadcrumbs a.last {
    padding-right: 0
}

.breadcrumbs a:first-child {
    padding-left: 0
}


.app {
    width: 100%;
    margin: 1px 0;
    text-align: center;
}

.app .scroll {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
}

.app .scroll .img {
    display: none;
    width: 100%;
}

.app .scroll .current {
    display: block;
}


#footer-tall {
    background-color: #F6F6F6;
}

#footer-wrap {
    width: 960px;
}


/*三级菜单*/


/*二级main ,sehome-col-xs-3主页底部4图标排列*/
.se-col-xs-3 {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.sehome-col-xs-3 {
    display: inline-block;
    width: 100%;
    text-align: center;
}

/*二级li*/
.se-col-xs-3>ul>li {
    display: inline-block;
    margin: 0 60px;
    padding-bottom: 20px;
}

.sehome-col-xs-3>ul>li {
    display: inline-block;
    margin: 0 60px;
    padding-bottom: 20px;
}

.se-col-xs-3>ul>li.last,
.se-col-xs-3>ul>li:last-child {
    padding-right: 0
}

.sehome-col-xs-3>ul>li.last,
.sehome-col-xs-3>ul>li:last-child {
    padding-right: 0
}



.se-col-xs-3>ul>li.active>a:after,
.se-col-xs-3>ul>li:hover>a:after {
    bottom: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

.th-col-xs-3>ul>li.active>a:after,
.th-col-xs-3>ul>li:hover>a:after {
    bottom: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

.lt-ie11 .se-col-xs-3>ul>li.active>a,
.lt-ie11 .se-col-xs-3>ul>li:hover>a {
    border-bottom: 1px solid #0698D9
}

.lt-ie11 .th-col-xs-3>ul>li.active>a,
.lt-ie11 .th-col-xs-3>ul>li:hover>a {
    border-bottom: 1px solid #0698D9
}

/*header.main nav.main>ul>li.active .th-dropdown,
header.main nav.main>ul>li:hover .th-dropdown {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    pointer-events: auto
}*/

.se-col-xs-3>ul>li.active .th-dropdown,
.se-col-xs-3>ul>li:hover .th-dropdown {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    pointer-events: auto;

}

#product-row>ul>li:hover .product-dropdown,
#product-row>ul>li.active .product-dropdown {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    pointer-events: auto;
}

img.owl-lazy {
    width: 100%;
    height: auto;
}


/*三级li*/


.th-col-xs-3>ul>li {

    margin: 0 60px;
    padding-bottom: 20px;
}

.sp-col-xs-3>ul>li {
    display: block;
    padding: 0 25px
}


.th-col-xs-3>ul>li.active>a,
.th-col-xs-3>ul>li:hover>a,
.th-col-xs-3>ul>li>a.active {
    color: #0698D9;
    position: relative
}



.lt-ie11 .th-col-xs-3>ul>li.active>a,
.lt-ie11 .th-col-xs-3>ul>li:hover>a {
    border-bottom: 1px solid #0698D9
}

/*header.main nav.main>ul>li.active .th-dropdown,
header.main nav.main>ul>li:hover .th-dropdown {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    pointer-events: auto
}*/

/*wash li*/

.water-col-xs-3>ul>li {
    display: block;

}

.water-col-xs-3>ul>li.last,
.water-col-xs-3>ul>li:last-child {
    padding-right: 0
}

.water-col-xs-3>ul>li.active>a,
.water-col-xs-3>ul>li:hover>a,
.water-col-xs-3>ul>li>a.active {
    color: #0698D9;
    position: relative
}

.water-col-xs-3>ul>li.active>a:after,
.water-col-xs-3>ul>li:hover>a:after {
    bottom: 0;

}

.lt-ie11 .water-col-xs-3>ul>li.active>a,
.lt-ie11 .water-col-xs-3>ul>li:hover>a {
    border-bottom: 1px solid #0698D9
}


/*二级a*/

.se-col-xs-3>ul>li>a:after,
header.main.fs-experience .breadcrumbs a:after {
    content: ""
}

.se-col-xs-3>ul>li>a {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

div.se-col-xs-3>ul>li>a {
    text-decoration: none;
    font-size: 12px;
    color: #5f6a72;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    position: relative;
    transition: color 75ms linear;
}

.sehome-col-xs-3>ul>li>a {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

div.sehome-col-xs-3>ul>li>a {
    text-decoration: none;
    color: #5f6a72;
    font-weight: bold;
    line-height: 30px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    position: relative;
    transition: color 75ms linear;
}

div.sehome-col-xs-3>ul>li>a :hover {
    color: #0698D9;
}

div.se-col-xs-3>ul>li>a:after {
    position: absolute;
    background-color: #0698D9;
    bottom: -2px;
    left: 0;
    height: 3px;
    width: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: .1s
}

.lt-ie9 .se-col-xs-3>ul>li>a:after {
    display: none
}

.se-col-xs-3>ul>li>a.active:after {
    bottom: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

.lt-ie9 .se-col-xs-3>ul>li>a.active:after {
    display: block
}

.lt-ie9 .th-col-xs-3>ul>li>a.active:after {
    display: block
}

/*三级a*/

.th-col-xs-3>ul>li>a:after,
header.main.fs-experience .breadcrumbs a:after {
    content: ""
}

.th-col-xs-3>ul>li>a {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.th-col-xs-3>ul>li>a {
    text-decoration: none;
    font-size: 12px;
    color: #5f6a72;
    height: auto;

    display: block;
    -webkit-font-smoothing: antialiased;
    position: relative;
    transition: color 75ms linear;

}

.th-col-xs-3>ul>li>a:after {

    background-color: #0698D9;
    bottom: -2px;
    left: 0;

    width: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: .1s
}

.lt-ie9 .th-col-xs-3>ul>li>a:after {
    display: none
}

.th-col-xs-3>ul>li>a.active:after {
    bottom: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

.lt-ie9 .th-col-xs-3>ul>li>a.active:after {
    display: block
}

/*二级dorodown*/

.th-dropdown {
    width: 100%;
    height: auto;
    top: 0px;
    z-index: 200;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: opacity .1s ease-in;
    pointer-events: none;
}







.th-dropdown {
    position: absolute;
    top: 75px;
    left: 0;
    padding-top: 20px;

}

/*二级outer-wrap*/
header.main.fs-experience.open nav.main>ul>li .th-dropdown .outer-wrap {
    max-width: 100%
}

.th-dropdown .outer-wrap {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    background-color: #E2E4E6
}

/*二级wrap*/

.th-dropdown.wrap {
    content: "";
}

.product-dropdown.wrap {
    content: "";
}

.th-dropdown .wrap {
    width: 100%
}

.product-dropdown .wrap {
    width: 100%
}

/*二级col*/
.row .col {
    min-height: 0
}

.row .col+.col:last-child {
    float: right
}

.row .col.last {
    float: right
}

.row .col+.col.end {
    float: left
}

/*三级col-xs-3*/
.th-col-xs-3 {
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    display: inline-block
}

.wash-col-xs-3 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    min-width: 0;
    display: block;
    width: 100%;
    margin-bottom: 20px;


}

.water-col-xs-3 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    min-width: 0;
    display: inline-block;
    width: 50%;
    float: left;
}

.sp-col-xs-3 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    margin-left: 9.3333%;
    min-width: 0;
    width: 24%;
    display: block;

}



.water-list-with-thumbnail.water-padding-top {
    height: 100%;
    padding-top: 25px;

}



.water-col-xs-3>ul>li>a {
    text-decoration: none;
    font-size: 12px;
    color: #5f6a72;

    display: block;
    -webkit-font-smoothing: antialiased;
    position: relative;
    transition: color 75ms linear;
    font-family: "微软雅黑", 'Microsoft YaHei';
    left: 40%;
}

.water-col-xs-3>ul>li>a:after {
    background-color: #0698D9;
    bottom: -2px;
    left: 0;
    height: 3px;
    width: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: .1s;
}

.water-list-with-thumbnail li a img {
    margin: 0 auto;
    margin-right: 5px;
}

.water-list-with-thumbnail li p {
    text-transform: capitalize;
    line-height: 20px;
    font-size: 12px;
}

.water-list-with-thumbnail li p {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.water-col-xs-3>ul>li>a:after,
header.main.fs-experience .breadcrumbs a:after {
    content: "";
}

.water-list-with-thumbnail>ul>li>a:after {
    content: "";
    display: table;
    clear: both;
}

/*二级list-with-thumbnail*/
.se-list-with-thumbnail.padding-top {
    padding-top: 45px;
    padding-bottom: 15px;

}

.se-list-with-thumbnail.padding-bottom {
    padding-bottom: 20px
}

.se-list-with-thumbnail img {
    width: 70px;
    height: 52px
}

.se-list-with-thumbnail p {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.se-list-with-thumbnail>li {
    margin-bottom: 5px;

    padding-left: 0;

}

.se-list-with-thumbnail>li:before {
    display: none
}

.se-list-with-thumbnail a,
.se-list-with-thumbnail li {
    display: block
}

.se-list-with-thumbnail img {}

.se-list-with-thumbnail p {
    text-transform: uppercase;
    font-size: 20px
}

.se-list-with-thumbnail a {
    color: #5f6a72;
    text-decoration: none
}

.se-list-with-thumbnail a:after {
    content: "";

}

.se-list-with-thumbnail a:hover {
    color: #0698D9
}


/*三级list-with-thumbnail*/

.th-dropdown .th-list-with-thumbnail.padding-top {
    padding-top: 25px;
    padding-bottom: 45px;
}

.th-dropdown .th-list-with-thumbnail.padding-bottom {
    padding-bottom: 40px
}

.th-dropdown .th-list-with-thumbnail img {
    width: 70px;
    height: 52px
}

.th-list-with-thumbnail p {
    font-family: "微软雅黑", 'Microsoft YaHei';
}

.th-list-with-thumbnail>li {
    margin-bottom: 15px;
    padding-left: 0
}

.th-list-with-thumbnail>li:before {
    display: none
}

.th-list-with-thumbnail a,
.th-list-with-thumbnail li {
    display: inline-block;
}

.th-list-with-thumbnail img {}

.th-list-with-thumbnail p {
    text-transform: uppercase;
    font-size: 11px;
    text-align: center;
    padding-top: 5px;
}

.th-list-with-thumbnail a {
    color: #5f6a72;
    text-decoration: none
}

#product-row .th-list-with-thumbnail a:after {
    content: "";
    display: table;
    clear: both
}

.water-list-with-thumbnail a:after {
    content: "";
    display: table;
    clear: both
}

.th-list-with-thumbnail a:hover {
    color: #0698D9
}

/*二级a*/

.th-list-with-thumbnail a {
    color: #5f6a72;
    text-decoration: none
}

.se-list-with-thumbnail li a {
    content: "";
}

/*our values html*/

.row-text {
    margin: 0 auto;
    width: 70%;
    letter-spacing: 0.1em;
}

.row .values-text-main {
    font-size: 2em;
    font-family: "微软雅黑";
    line-height: 1;
    font-weight: 600;
    color: #5F6A72;
    margin-left: 0.5em;
}

.row-text .values-text-se {
    font-family: "微软雅黑";
    font-size: 1.6em;
    color: #5F6A72;
    font-weight: 400;
    display: block;
    line-height: 1.5;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    letter-spacing: 0.08em;
}

.values-text-se li {
    margin-bottom: 18px;
    margin-top: 0;
}

.row-text .values-text-se li:before {
    top: 0px;
    left: 0;
    width: 0px;
    height: 0px;
}

.product-dropdown {
    position: absolute;
    left: 0;
    padding-top: 20px;
    width: 100%;
    height: auto;
    top: 90px;
    z-index: 200;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: opacity .1s ease-in;
    pointer-events: none;
}

/*menu flash*/
.btn {
    --hue: 190;
    position: relative;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    background-color: hsl(var(--hue), 100%, 41%);
    outline: transparent;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    transition: 0.25s;

}

.btn:hover {
    background: hsl(var(--hue), 100%, 31%);
}

.btn-primary {
    --hue: 187;
}

.btn-ghost {
    color: hsl(var(--hue), 100%, 41%);
    background-color: transparent;
    border-color: hsl(var(--hue), 100%, 41%);
}

.btn:hover {
    color: #E2E4E6;
}

.btn-shine {
    color: #E2E4E6;
    ;
}

.btn::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg,
            transparent,
            hsla(var(--hue), 100%, 41%, 0.5),
            transparent);
    transform: translateX(-100%);
    transition: 0.8s;
}

.btn:hover {
    background: transparent;
    box-shadow: 0 0 15px 10px hsla(var(--hue), 100%, 41%, 0.4);
}

.btn:hover::before {
    transform: translateX(100%);
}

.lazy-load {
    width: 160px;
    height: 160px;
}

.video-text-wrap video {
    width: 100%;
}