.opaque {

    opacity: 1;

    filter: alpha(opacity=100)
}

.opaque:hover {

    opacity: 1;

    filter: alpha(opacity=100)
}

.background-contain {

    -moz-background-size: contain;

    -webkit-background-size: contain;

    -o-background-size: contain;

    -ms-background-size: contain;

    background-size: contain
}

.background-cover {

    -moz-background-size: cover;

    -webkit-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

    background-size: cover
}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section,

summary {

    display: block
}

audio,

canvas,

video {

    display: inline-block
}

audio:not([controls]) {

    display: none;

    height: 0
}

[hidden],

template {

    display: none
}



body {

    margin: 0
}

a {

    color: #00aaf9;

    background: transparent
}

.boss-global a {

    color: #0064ff
}

a:focus {

    outline: 0
}

a:active,

a:hover {

    outline: 0
}


/* ===== 全局排版系统 ===== */
:root {
  --base-font-size: 16px;
  --line-height-ratio: 1.6;
  --font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 
                "Helvetica Neue", Arial, sans-serif;
  --text-color: #333;
  --light-color: #777;
}

/* 基准设置 */
html {
  font-size: var(--base-font-size);
  line-height: var(--line-height-ratio);
  font-family: var(--font-stack);
  color: var(--text-color);
}

/* 标题系统 */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.75em 0;
  font-weight: 400;
  line-height: 1.2;
  color: inherit;
}

h1 { font-size: 2.5rem; }  /* 40px */
h2 { font-size: 2rem; }    /* 32px */
h3 { font-size: 1.75rem; } /* 28px */
h4 { font-size: 1.5rem; }  /* 24px */
h5 { font-size: 1.25rem; } /* 20px */
h6 { font-size: 1rem; }    /* 16px */

strong { font-weight: 500; }

/* 段落系统 */
p {
  margin: 0 0 1.5em 0;
  font-size: 1rem;
  line-height: var(--line-height-ratio);
  color: var(--text-color);
  
  /* 可选：段落强调文本 */
  &.lead {
    font-size: 1.25rem;
    color: var(--light-color);
  }
}

p {font-weight: 350;}

/* 嵌套内容适配 */
article, aside, nav, section {
  & h1 { font-size: 1.75rem; } /* 嵌套标题缩小 */
  
  & p {
    margin-bottom: 1.25em;
    &:last-child { margin-bottom: 0; }
  }
}

/* 响应式调整 */
@media (max-width: 768px) {
  :root {
    --base-font-size: 15px;
    --line-height-ratio: 1.7;
  }
  
  h1 { font-size: 2rem; }
  h2 { font-size: 1.75rem; }
  
  p {
    font-size: 0.9375rem; /* 15px */
    &.lead { font-size: 1.125rem; }
  }
}

@media (max-width: 480px) {
  :root {
    --base-font-size: 14px;
  }
  
  h1 { font-size: 1.75rem; }
  p.lead { font-size: 1rem; }
}

p:last-child {

    margin-bottom: 0
}

.lead {

    font-size: .8rem;

    line-height: 1.55555556;

    margin: -0.4em auto -0.5em
}

p+p,

p+.lead {

    margin-top: 1em
}

p+h3 {

    margin-top: 1.9em
}

dl {

    margin: 0 auto;

    border-bottom: 1px solid #ccc
}

dt,

dd {

    border-top: 1px solid #ccc
}

dt {

    width: 200px;

    padding: 20px 40px 19px 0;

    clear: left;

    float: left
}

dt img {

    display: block
}

dd {

    margin: 0 0 0 240px;

    min-height: 161px;

    padding: 39px 0 40px 39px;

    border-left: 1px solid #ccc
}

dd h3 {

    font-size: 28px;

    font-size: 1.4rem;

    line-height: 1.75rem;

    letter-spacing: -1px;

    text-transform: none;

    margin-top: -0.1em;

    margin-bottom: .6em
}


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

    dt,

    dd {

        width: auto;

        float: none
    }

    dt {

        text-align: center
    }

    dt img {

        margin: 0 auto
    }

    dd {

        margin-left: 0 !important;

        padding-left: 0 !important;

        border-left: none
    }

}

abbr[title] {

    border-bottom: 1px dotted
}

/* b,

   strong {

    font-weight:bold;

   } */

dfn {

    font-style: italic
}

hr {

    -moz-box-sizing: content-box;

    box-sizing: content-box;

    height: 0
}

mark {

    background: #ff0;

    color: #000
}

code,

kbd,

pre,

samp {

    font-family: monospace, serif;

    font-size: 1em
}

pre {

    white-space: pre-wrap
}

q {

    quotes: "\201C" "\201D" "\2018" "\2019"

}

small {

    font-size: 80%
}

sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline
}

sup {

    top: -0.5em
}

sub {

    bottom: -0.25em
}

img {

    border: 0
}

svg:not(:root) {

    overflow: hidden
}

figure {

    margin: 0
}

fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em
}

legend {

    border: 0;

    padding: 0
}

button,

input,

select,

textarea {

    font-family: inherit;

    font-size: 100%;

    margin: 0;



    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0
}

button,

input {

    line-height: normal
}

button,

select {

    text-transform: none
}

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

    cursor: pointer;

    -webkit-appearance: none;



    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0
}

button[disabled],

html input[disabled] {

    cursor: default
}

input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box;

    padding: 0
}

input[type="search"] {

    -webkit-appearance: none;

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0
}

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

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none
}

button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0
}

textarea {

    overflow: auto;

    vertical-align: top
}

table {

    border-collapse: collapse;

    border-spacing: 0
}


body {

    color: #333;

    font-weight: 350;

    width: 100%;

    height: auto;

    background: url(../images/background.png) repeat-y center top #e5e5e5
}

.main {

    margin: 0 auto;

    width: 100%;

    max-width: 1600px;

    clear: both
}

#hero {

    margin: 0 auto;

    max-width: 1600px;

    min-width: 1024px
}

#hero img {

    display: block
}

#content-container {

    position: relative;

    margin: 0 auto;

    width: 100%;

    max-width: 1600px;

    min-width: 1024px;

    background-color: #fff;

    overflow: hidden;

    padding-bottom: 30px;

}

ul,

ol {

    margin: 0;

    padding: 0;

    list-style-type: none
}

.contenttext ul {
    padding-left: 25px;
}

.contenttext ul li {
    list-style: disc !important;
}

.row {

    margin: 0 auto;

    width: 100%
}

.flushrow {

    position: relative;

    width: 100%;

    overflow: hidden
}

.hero.flushrow {

    position: relative
}

.hero.flushrow>video {

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: auto;

    min-width: 1440px;

    z-index: 1
}

.hero.flushrow>img,

.hero.flushrow>noscript>img {

    display: block;

    position: relative;

    left: 50%;

    top: 0;

    margin-left: -800px
}

.hero.fluid-hero>img,

.hero.fluid-hero>noscript>img,

.hero.fluid-hero>video {

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    margin-left: 0;

    width: 100%;

    min-width: 1440px;

    height: auto;

    left: 50%\9;

    width: 1600px\9;

    margin-left: -800px\9
}

.masthead {

    position: relative;

    height: 300px;

    overflow: hidden
}

.masthead>img {

    position: relative;

    left: 50%;

    top: 0;

    margin-left: -800px
}

@media screen and (max-width:1440px) {

    .hero.flushrow>video {

        left: 50%;

        margin-left: -720px
    }

    .hero.fluid-hero>img,

    .hero.fluid-hero>noscript>img,

    .hero.fluid-hero>video {

        left: 50%;

        margin-left: -720px
    }

}

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

    .hero.flushrow {

        height: auto;

    }



    .hero.flushrow>img,

    .hero.flushrow>noscript>img,

    .hero.flushrow>video {

        position: relative;

        min-width: 0;

        width: 150%;

        left: -25%;

        margin-left: 0
    }

}

.text-uppercase {

    text-transform: uppercase
}

.grid-container {

    display: table;

    width: 100%
}

.grid-row {

    display: table-row
}

.col-1,

.col-2,

.col-3,

.col-4,

.col-5,

.col-6 {

    display: table-cell;

    vertical-align: top;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box
}

.col-1 {

    width: 16.66666667%
}

.col-2 {

    width: 33.33333333%
}

.col-3 {

    width: 50%
}

.col-4 {

    width: 66.66666667%
}

.col-5 {

    width: 83.33333333%
}

.col-6 {

    width: 100%
}

.flag {

    display: inline-block;

    width: 23px;

    height: 17px;

    background-repeat: no-repeat;

    background-position: center center
}

.flag-japan {

    background-image: url(../images/flag_japan.png)
}

.flag-at {

    background-image: url("../images/flag_at.png")
}

.flag-au {

    background-image: url("../images/flag_au.png")
}

.flag-be {

    background-image: url("../images/flag_be.png")
}

.flag-tw {

    background-image: url("../images/flag_tw.png")
}

.flag-ua {

    background-image: url("../images/flag_ua.png")
}

.flag-us {

    background-image: url("../images/flag_us.png")
}

@media (-webkit-min-device-pixel-ratio:2),
(min--moz-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:2/1) {

    .flag-japan {

        background-image: url(../images/flag_japan2x.png);

        -moz-background-size: 23px 17px;

        -webkit-background-size: 23px 17px;

        -o-background-size: 23px 17px;

        -ms-background-size: 23px 17px;

        background-size: 23px 17px
    }

    .flag-at {

        background-image: url("../images/flag_at2x.png")
    }

    .flag-au {

        background-image: url("../images/flag_au2x.png")
    }

    .flag-be {

        background-image: url("../images/flag_be2x.png")
    }

    .flag-tw {

        background-image: url("../images/flag_tw2x.png")
    }

    .flag-ua {

        background-image: url("../images/flag_ua2x.png")
    }

    .flag-us {

        background-image: url("../images/flag_us2x.png")
    }

}

.icon {

    display: inline-block;

    text-indent: 100%;

    white-space: nowrap;

    background-position: center center;

    background-repeat: no-repeat;

    overflow: hidden
}

.icon-facebook,

.icon-twitter,

.icon-youtube,

.icon-google,

.icon-rss,

.icon-instagram,

.icon-flickr,

.icon-pinterest,

.icon-soundcloud,

.icon-youku,

.icon-weibo {

    width: 25px;

    height: 25px;

    background-image: url(../images/icon_share.png)
}

@media (-webkit-min-device-pixel-ratio:2),
(min--moz-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:2/1) {

    .icon-facebook,

    .icon-twitter,

    .icon-youtube,

    .icon-google,

    .icon-rss,

    .icon-instagram,

    .icon-flickr,

    .icon-pinterest,

    .icon-soundcloud,

    .icon-youku,

    .icon-weibo {

        background-image: url(../images/icon_share2x.png);

        -moz-background-size: 405px 25px;

        -webkit-background-size: 405px 25px;

        -o-background-size: 405px 25px;

        -ms-background-size: 405px 25px;

        background-size: 405px 25px
    }

}

.icon-facebook {

    background-position: 0 0
}

.icon-twitter {

    background-position: -38px 0
}

.icon-youtube {

    background-position: -76px 0
}

.icon-google {

    background-position: -114px 0
}

.icon-rss {

    background-position: -152px 0
}

.icon-instagram {

    background-position: -190px 0
}

.icon-flickr {

    background-position: -228px 0
}

.icon-pinterest {

    background-position: -266px 0
}

.icon-soundcloud {

    background-position: -304px 0
}

.icon-youku {

    background-position: -342px 0
}

.icon-weibo {

    background-position: -380px 0
}

.icon-play-audio {

    width: 26px;

    height: 26px;

    background-position: left top;

    background-image: url(../images/icon_play_audio.png)
}

.icon-audio-progress {

    width: 26px;

    height: 26px;

    background-position: left top;

    background-image: url(../images/icon_audio_progress.png)
}

.boss-global .icon-audio-progress {

    background-image: url(../images/icon_audio_progress_boss.png)
}

.playing .icon-play-audio {

    background-image: url(../images/icon_play_audio_active.png)
}

.button-play {

    font-style: normal;

    text-indent: .5em;

    text-align: center;

    text-decoration: none;

    color: #fff;

    display: block;

    width: 75px;

    height: 75px;

    border: 5px solid #fff;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    border-radius: 37.5px;

    -webkit-border-radius: 37.5px;

    -moz-border-radius: 37.5px;

    background: url(../images/video.svg) no-repeat center;

}

.button-play:before {



    font-size: 33px;

    font-size: 1.8125rem;

    line-height: 65px
}

.button-up {

    font-style: normal;

    text-align: center;

    text-decoration: none;

    color: #000;

    display: block;

    width: 60px;

    height: 60px;

    border: 1px solid #fff;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    border-radius: 29.5px;

    -webkit-border-radius: 29.5px;

    -moz-border-radius: 29.5px;

    transition-duration: .3s;

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s
}

.button-up:before {

    font-size: 19px;

    font-size: .95rem;

    line-height: 58px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale
}

.button-up:hover {

    background-color: #fff
}

.button-up:hover:before {

    color: #00aaf9
}

.boss-global .button-up:hover:before {

    color: #0064ff
}

.paddle,

.paddle-small {

    position: absolute;

    color: #fff;

    text-indent: 100%;

    white-space: nowrap;

    display: block;

    width: 35px;

    height: 35px;

    text-decoration: none;

    background-color: #00aaf9;

    outline: 5px solid rgba(255, 255, 255, 0.15);

    overflow: hidden
}

.paddle:before,

.paddle-small:before {

    font-size: 26px;

    font-size: 1.3rem;

    line-height: 36px;

    text-align: center;

    text-indent: 0;

    position: absolute;

    top: 0;

    left: 0;

    width: 35px;

    height: 35px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    vertical-align: middle
}

.paddle:hover,

.paddle-small:hover {

    color: #fff;

    outline: 5px solid rgba(255, 255, 255, 0.15)
}

.boss-global .paddle,

.boss-global .paddle-small {

    color: #fff
}

.paddle-small {

    width: 25px;

    height: 25px
}

.paddle-small:before {



    font-size: 22px;

    font-size: 1.1rem;

    line-height: 25px;

    width: 25px;

    height: 25px
}

.paddle-left,

.paddle-small-left {

    left: 0;

    background: #00aaf9 url(../images/bleft.svg) no-repeat center;

}

.paddle-right,

.paddle-small-right {

    right: 0;

    background: #00aaf9 url(../images/bright.svg) no-repeat center;

}





.paddle-large {

    text-indent: 100%;

    white-space: nowrap;

    display: block;

    width: 78px;

    height: 152px;

    background: url(../images/paddle_large.png);

    background-repeat: no-repeat;

    background-position: left bottom;

    overflow: hidden;

    transition-property: opacity;

    -webkit-transition-property: opacity;

    -moz-transition-property: opacity
}

.paddle-large-left {

    position: absolute;

    left: 0
}

.paddle-large-left:hover {

    background-position: left top
}

.paddle-large-right {

    position: absolute;

    right: 0;

    background-position: right bottom
}

.paddle-large-right:hover {

    background-position: right top
}

.cf:before,

.cf:after {

    content: " ";

    display: table
}

.cf:after {

    clear: both
}

.cf {

    *zoom: 1
}

.dot-nav {

    text-align: center;

    width: 100%;

    height: 50px
}

.dot-nav ul,

.dot-nav ol {

    display: inline-block;

    margin: 0;

    padding: 0;

    list-style-type: none
}

.dot-nav li {

    display: table-cell;

    font-size: 10px;

    font-size: .5rem;

    font-weight: 400;

    line-height: 1;

    color: #999;

    height: 50px;

    padding: 0 .8125em;

    vertical-align: middle;

    cursor: pointer
}

.dot-nav li.active,

.dot-nav li:hover {

    color: #ff3c00
}

.dot-nav li a {

    color: inherit;

    text-decoration: none
}

.viewmore {

    font-size: 13px;

    font-size: .8125rem;

    letter-spacing: 0;

    line-height: 1;

    font-weight: 300;

    color: #000;

    text-transform: uppercase;

    display: inline-block;

    height: auto;

    /* padding:20px 0 0 0; */

    vertical-align: baseline;

    background-color: transparent;

    margin-top: 20px;

}

.nviewmore {

    position: absolute;

    /* right: 0; */

    bottom: 0px;
}

.viewmoretu {

    text-align: center;

    font-size: .6rem;

    line-height: 16px;

    color: #fff;

    display: inline-block;

    margin-right: .7em;

    width: 15px;

    height: 15px;

    background-color: #000;

    vertical-align: text-top;

    background: #000 url(../images/bxright.svg) no-repeat center;

    float: left;

    margin-top: 20px;

}

.viewmore:after {

    content: none
}

@-moz-document url-prefix() {

    .viewmore:before {

        line-height: 15px
    }

}

.explore {

    font-size: 12px;

    font-weight: 400;

    line-height: 31px;

    text-align: left;

    color: #fff;

    text-decoration: none;

    display: inline-block;

    height: 40px;

    padding: 0 .5em 0 1em;

    transition-duration: .2s;

    -webkit-transition-duration: .2s;

    -moz-transition-duration: .2s;

    background-color: #000
}

.explore:hover {

    background-color: #00aaf9
}

.explore:hover:after {

    color: #fff
}

.explore:before {

    content: none;

    display: none
}

.explore:after {



    font-size: 21px;

    font-size: 1.05rem;

    -webkit-font-smoothing: antialiased;

    color: #00aaf9;

    display: inline-block;

    margin-left: 0.1em;

    margin-right: -0.1em;

    vertical-align: top
}

.billboard {

    position: relative;

    height: 500px;

    max-width: 1600px;

    min-width: 1024px;

    overflow: hidden
}

.billboard .paddle,

.billboard .paddle-small {

    top: 50%;

    margin-top: -22.5px;

    z-index: 1
}

.billboard .paddle-small {

    margin-top: -17.5px
}

.billboard .dot-nav li {

    font-size: 20px;

    font-size: 1.25rem;

    color: #ccc;

    padding: 0 .4em
}

.billboard .dot-nav li:hover,

.billboard .dot-nav li.active {

    color: #00aaf9
}

.billboard-content {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

    z-index: 0
}

.billboard-content:first-child {

    z-index: 1
}

.billboard-content a {

    text-decoration: none
}

.billboard-content .explore {

    font-size: 14px;

    line-height: 40px;

    letter-spacing: 0;

    text-transform: uppercase;

    padding-left: 15px;

    padding-right: 7px;

    outline: 5px solid rgba(255, 255, 255, 0.15)
}

.billboard-content .explore:after {

    margin-left: 27px
}

.billboard-hero {

    display: block;

    position: absolute;

    left: 50%;

    top: 0;

    margin-left: -800px
}

.bh-container {

    position: relative;

    width: 100%;

    max-width: 1240px;

    margin: 0 auto;

    padding: 0 50px;

    z-index: 1;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box
}

.billboard-headline {

    position: relative;

    margin: 0 auto;

    width: 100%;

    max-width: 1260px;

    padding: 0 40px;

    z-index: 1;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box
}

.billboard-headline h1,

.billboard-headline h2,

.billboard-headline p {

    color: #fff
}

.billboard-headline h1 {

    font-size: 105px;

    font-size: 6.5625rem;

    font-weight: 100;

    line-height: 1;

    margin: -0.15em 0
}

.billboard-headline h1 small {

    display: block;

    font-size: 20px;

    font-size: 1.25rem;

    font-weight: 100;

    line-height: 1;

    letter-spacing: .5px;

    margin: .2em 0 0.9em
}

.billboard-headline h2 {

    font-size: 36px;

    font-size: 2.25rem;

    font-weight: 600;

    line-height: 1;

    letter-spacing: 0;

    margin: -0.15em 0 .8125em
}

.billboard-headline p {

    font-size: 14px;

    font-size: .875rem;

    font-weight: 100;

    line-height: 1.57142857;

    margin-left: 0;

    margin-bottom: -0.4em
}

.billboard-headline-black h1 {

    color: #000
}

.billboard-headline-center {

    margin-top: 80px;

    text-align: center
}

.billboard-headline-left {

    margin-top: 270px
}

.billboard-headline-left h1 {

    text-align: center;

    display: inline-block
}

.billboard-headline-right {

    margin-top: 100px;

    text-align: right
}

.billboard-headline-right h1 {

    text-align: center;

    display: inline-block
}

.billboard-headline-shoulder {

    margin-top: 160px;

    width: 900px;

    padding: 0
}

.billboard-headline-shoulder h1 {

    font-size: 28px;

    font-size: 1.4rem;

    font-weight: 300;

    line-height: 1;

    text-align: right;

    color: #000
}

.billboard-headline-center-middle {

    display: table;

    width: 100%;

    height: 100%;

    padding: 0
}

.billboard-headline-center-middle h1 {

    text-align: center;

    display: table-cell;

    vertical-align: middle;

    margin: 0;

    padding: 0
}

.billboard-headline-center-middle h1>img {

    margin: 0 auto
}

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

    .billboard {

        min-width: 0;

        height: 300px
    }

    .billboard-content {

        min-width: 0
    }

    .billboard-hero {

        margin-left: -480px;

        width: auto;

        height: 100%
    }

    .bh-container {

        padding: 0 20px
    }

    .billboard-headline {

        width: auto
    }

    .billboard-headline h1 {

        font-size: 2.5rem;

        text-align: center;

        margin: 0 auto
    }

    .billboard-headline h1 small {

        font-size: .8rem
    }

    .billboard-headline h1>img {

        width: 80%
    }

    .billboard-headline h2 {

        font-size: 1.44rem
    }

    .billboard-headline .explore {

        font-size: 10px;

        line-height: 25px;

        margin-top: 40px;

        width: auto;

        height: 25px;

        padding-left: 10px;

        padding-right: 10px;

        outline-width: 4px
    }

    .billboard-headline .explore:after {

        width: 16px;

        background-position: right center
    }

    .billboard-headline-shoulder {

        margin-top: 80px
    }

    .billboard-headline-shoulder h1 {

        text-align: right;

        margin-right: 30px;

        width: 200px;

        font-size: 1rem
    }

}

.promos {

    position: relative;

    max-width: 1600px;

    margin-top: 5px
}

.promos>ul li {

    position: relative;

    width: 25%;

    height: 180px;

    float: left
}

.billboard+.promos {

    margin-bottom: 50px
}

.promo {

    text-align: center;

    text-decoration: none;

    display: block;

    position: relative;

    background: #000;

    overflow: hidden
}

.promo span {

    font-size: 15px;

    font-size: .75rem;

    line-height: 37px;

    font-weight: 300;

    color: #000;

    display: inline-block;

    position: relative;

    top: 125px;

    width: 320px;

    height: 35px;

    z-index: 1;

    background-color: #fff;

    background-color: rgba(255, 255, 255, 0.9);

    transition-duration: .3s;

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s
}

.promo img {

    display: block;

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -200px;

    transition-duration: .3s;

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s
}

.promo:hover span {

    color: #fff;

    background-color: #00aaf9
}

.promo:hover img {

    opacity: .8;

    filter: alpha(opacity=80)
}



#productheader,

#contentheader {

    position: relative;

    left: auto;

    margin: 0 auto;

    width: 100%;

    min-width: 1024px;

    max-width: 1600px;

    height: 50px;

    background-color: #fff;

    z-index: 2;

    border-bottom: 1px solid #e0e0e0
}

#contentheaderwz {

    position: relative;

    left: auto;

    margin: 0 auto;

    width: 100%;

    min-width: 1024px;

    max-width: 1600px;

    height: 50px;

    background-color: #fff;

    z-index: 1;

    border-bottom: none;

}

#productheader h2,

#contentheader h2 {

    font-size: 24px;

    font-size: 1.2rem;

    line-height: 2;

    letter-spacing: 0;

    text-transform: none;

    margin: 0;

    float: left
}

#productheader h2 a,

#contentheader h2 a {

    color: #666;

    text-decoration: none;

    display: table-cell;

    height: 50px;

    cursor: default;

    vertical-align: middle
}

#productheader h2.weak,

#contentheader h2.weak {

    font-size: 13px;

    font-size: .8125rem
}

#productheader .row,
#contentheaderwz .row,

#contentheader .row {

    width: 100%;

    max-width: 1280px;

    padding-left: 30px;

    padding-right: 30px;

    overflow: hidden;

    font-size: .8125rem;

}

#productheader .bc-container,

#contentheader .bc-container {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 0
}

#productheader .bc-container:hover .breadcrumbs,

#contentheader .bc-container:hover .breadcrumbs {

    height: 50px;

    line-height: 50px;

}



#productheader .bc-container:hover #ph-home,

#contentheader .bc-container:hover #ph-home,

#productheader .bc-container:hover #ch-home,

#contentheader .bc-container:hover #ch-home {

    height: 39px
}

#productheader .bc-container:hover #ph-home:before,

#contentheader .bc-container:hover #ph-home:before,

#productheader .bc-container:hover #ch-home:before,

#contentheader .bc-container:hover #ch-home:before {

    color: #00aaf9
}

#productheader #ph-home,

#contentheader #ph-home,

#contentheaderwz #ph-home,

#productheader #ch-home,

#contentheader #ch-home {

    text-align: left;

    text-indent: 100%;

    white-space: nowrap;

    text-decoration: none;

    color: #999;

    display: block;

    position: relative;

    left: 0px;

    top: 11px;

    width: 27px;

    height: 28px;

    overflow: hidden;

    float: left;

    background: url(../images/sy.svg) no-repeat center;

}

#productheader #ph-home:before,

#contentheader #ph-home:before,

#contentheaderwz #ph-home:before,

#productheader #ch-home:before,

#contentheader #ch-home:before {



    font-size: 25px;

    font-size: 1.25rem;

    text-indent: 0;

    line-height: 28px;

    position: absolute;

    left: 1px;

    top: 1px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

#productheader #ph-home:hover:before,

#contentheader #ph-home:hover:before,

#productheader #ch-home:hover:before,

#contentheader #ch-home:hover:before {

    color: #00aaf9;

}

#productheader .breadcrumbs,

#contentheader .breadcrumbs,

#productheader .andmore .morebar,

#contentheader .andmore .morebar {

    position: absolute;

    left: 0;

    top: 50px;

    width: 100%;

    max-width: 1600px;

    height: 0;

    padding-left: 37px;

    background-color: #999;

    background-color: rgba(153, 153, 153, 0.875);

    color: #fff;

    float: left;

    overflow: hidden;

    transition-duration: .3s;

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box
}



.fl {
    float: left;
}

.breadcrumbsno {

    float: left;

    /* margin-left: 30px; */

    line-height: 50px;

    color: #999;
}

.breadcrumbsno a {
    color: #999;
}

.breadcrumbsno a.active {
    color: #00aaf9;
}



#contentheader .breadcrumbs a {
    color: #fff;
}

#contentheader .breadcrumbs a:hover {
    color: #00aaf9;
}

#productheader .breadcrumbs li,

#contentheader .breadcrumbs li,

#productheader .andmore .morebar li,

#contentheader .andmore .morebar li {

    display: block;

    position: relative;

    height: 50px;

    padding-left: 24px;

    float: left;

    overflow: hidden;

    transition-duration: .3s;

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s
}

#productheader .breadcrumbs li:first-child,

#contentheader .breadcrumbs li:first-child,

#productheader .andmore .morebar li:first-child,

#contentheader .andmore .morebar li:first-child {

    padding-left: 0;

    background: none
}

#productheader .breadcrumbs li:first-child:before,

#contentheader .breadcrumbs li:first-child:before,

#productheader .andmore .morebar li:first-child:before,

#contentheader .andmore .morebar li:first-child:before {

    content: none;

    display: none
}

#productheader .breadcrumbs li a,

#contentheader .breadcrumbs li a,

#productheader .andmore .morebar li a,

#contentheader .andmore .morebar li a,

#productheader .breadcrumbs li span,

#contentheader .breadcrumbs li span,

#productheader .andmore .morebar li span,

#contentheader .andmore .morebar li span {

    color: #fff;

    display: table-cell;

    height: 50px;

    vertical-align: middle
}

#productheader .breadcrumbs li a:hover,

#contentheader .breadcrumbs li a:hover,

#productheader .andmore .morebar li a:hover,

#contentheader .andmore .morebar li a:hover,

#productheader .breadcrumbs li span:hover,

#contentheader .breadcrumbs li span:hover,

#productheader .andmore .morebar li span:hover,

#contentheader .andmore .morebar li span:hover {

    color: #00aaf9
}

#productheader .breadcrumbs li strong,

#contentheader .breadcrumbs li strong,

#productheader .andmore .morebar li strong,

#contentheader .andmore .morebar li strong {

    color: #00aaf9
}

#productheader .breadcrumbs li:before,

#contentheader .breadcrumbs li:before,

#productheader .andmore .morebar li:before,

#contentheader .andmore .morebar li:before {



    font-size: 20px;

    font-size: 1rem;

    text-indent: 0;

    line-height: 50px;

    color: #fff;

    position: absolute;

    left: 2px;

    top: 0px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale
}

#productheader .andmore .morebar,

#contentheader .andmore .morebar {

    padding-left: 0
}

#productheader .andmore .morebar li:before,

#contentheader .andmore .morebar li:before {

    content: none;

    display: none
}

#productheader li a,

#contentheader li a,

#productheader li span,

#contentheader li span,

#productheader li strong,

#contentheader li strong {

    font-size: 13px;

    font-size: .8125rem;

    font-weight: 300;

    line-height: 1;

    text-decoration: none;

    vertical-align: baseline
}

#productheader.fixed,

#contentheader.fixed {

    position: fixed;

    top: 0;

    left: 50%;

    -webkit-font-smoothing: subpixel-antialiased
}

#productheader.fixed+#content-container,

#contentheader.fixed+#content-container {

    padding-top: 50px
}

#productheader #ph-social {

    position: absolute;

    font-size: 0;

    line-height: 0;

    right: 29px;

    top: 11px
}

#productheader #ph-social li {

    display: inline-block;

    line-height: 0;

    margin: 0 0 0 8px;

    padding: 0;

    height: auto
}

#productheader #ph-social li a {

    display: inline-block
}

#productheader #ph-social li:first-child {

    margin-left: 0
}

#productheader .icon-facebook,

#productheader .icon-twitter,

#productheader .icon-google,

#productheader .icon-youku,

#productheader .icon-weibo {

    position: relative;

    color: #999;

    width: 27px;

    height: 28px;

    background: none
}

#productheader .icon-facebook:before,

#productheader .icon-twitter:before,

#productheader .icon-google:before,

#productheader .icon-youku:before,

#productheader .icon-weibo:before {

    font-family: 'glyphicon';

    font-size: 25px;

    font-size: 1.25rem;

    text-indent: 0;

    line-height: 28px;

    text-decoration: none;

    position: absolute;

    left: 1px;

    top: 1px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale
}

#productheader .icon-facebook:hover:before,

#productheader .icon-twitter:hover:before,

#productheader .icon-google:hover:before,

#productheader .icon-youku:hover:before,

#productheader .icon-weibo:hover:before {

    color: #00aaf9
}



#contentheader h2 a {

    color: #000
}

#productnav,

#contentnav {

    display: table;

    float: right
}

#productnav li,

#contentnav li {

    line-height: 0;

    display: table-cell;

    height: 50px;

    padding-left: 1.25em;

    vertical-align: middle
}

#productnav li:first-child,

#contentnav li:first-child {

    padding-left: 0
}

#productnav li:first-child a:before,

#contentnav li:first-child a:before {

    content: none
}

#productnav li a,

#contentnav li a {

    color: #000
}

#productnav li a:hover,

#contentnav li a:hover,

#productnav li a.active,

#contentnav li a.active {

    color: #00aaf9
}

#productnav .andmore.open .morebar,

#contentnav .andmore.open .morebar {

    height: auto
}

#productnav .andmore span,

#contentnav .andmore span {

    cursor: pointer;

    background: url(../images/xia.svg) no-repeat right;

    width: 50px;
    display: block;

}





#productnav .andmore span:after,

#contentnav .andmore span:after {



    font-size: 11px;

    font-size: .55rem;

    display: inline-block;

    width: 10px;

    height: 10px;

    vertical-align: middle;

    margin-left: 10px;

    text-decoration: none;

    -webkit-font-smoothing: antialiased
}

#productnav .andmore span:hover,

#contentnav .andmore span:hover,

#productnav .andmore.open span,

#contentnav .andmore.open span {

    color: #00aaf9
}

#productnav .andmore span:hover:after,

#contentnav .andmore span:hover:after,

#productnav .andmore.open span:after,

#contentnav .andmore.open span:after {

    background-position: center -26px
}

#productnav .morebar ul,

#contentnav .morebar ul {

    margin: 0 auto;

    width: 980px
}

#productnav li a {

    color: #666
}

#ch-search {

    line-height: 0;

    display: block;

    position: absolute;

    right: 30px;

    top: 15px
}

#ch-search input {

    font-size: 13px;

    font-size: .8125rem;

    font-weight: 300;

    line-height: 1;

    color: #000;

    border: none;

    width: 160px;

    height: 19px;

    padding: 0 20px 0 0;

    border-bottom: 1px dotted #ccc;

    outline: none;

    background: url(../images/ss.svg) no-repeat right;

}

#ch-search:after {



    line-height: 1;

    position: absolute;

    right: -3px;

    top: -2px;

    vertical-align: middle;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale
}

.product-list {

    margin: 0 auto;

    width: 100%;

    max-width: 1240px;

    padding: 0 30px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

}

.product-list ul {

    margin: 0
}

.product-list li {

    margin: 20px auto 0;

    border-bottom: 1px solid #ccc;

    clear: both;

    outline-color: #ccc;

    transition-duration: .3s;

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s
}

.product-list li:first-child {

    margin-top: 0
}

.product-list li:hover {

    outline: 9px solid #f2f2f2
}

.product-list li:hover .viewmore {

    color: #00aaf9
}

.product-list li:hover .viewmore:before {

    color: #00aaf9
}

.product-list li a {

    display: block;

    height: 250px;

    padding: 40px 45px;

    text-decoration: none
}

.product-list li figure {

    display: table;

    width: 100%
}

.product-list li .product-image {

    text-align: center;

    display: table-cell;

    width: 200px;

    height: 200px;

    padding-right: 45px;

    vertical-align: middle
}

.product-list li .product-image img {

    display: block;

    width: 100%;

    height: auto;

    margin: -5px auto
}

.product-list li figcaption {

    text-align: left;

    display: table-cell;

    height: 200px;

    padding: 0 0 0 49px;

    /* border-left:1px solid #ccc */

}

.product-list li figcaption h3 {

    font-size: 30px;

    font-size: 1.5rem;

    line-height: 1.2;

    font-weight: 100;

    text-transform: none;

    color: #000;

    position: relative;

    margin: -0.28em 0 .45em
}

.product-list li figcaption h3 small {

    font-size: 16px;

    font-size: 1rem;

    line-height: 1.2;

    font-weight: 400;

    text-transform: none;

    color: #666;

    position: relative;

    margin-top: .15em;

    margin-left: .4em
}

.product-list li figcaption p {

    font-size: 15px;

    font-size: .9375rem;

    line-height: 1.46666667;

    font-weight: 300;

    color: #000;

    position: relative;

    margin: -0.4em 0 -0.3em
}





/* 新闻列表 */

.product2-list li {

    margin: 20px auto 0;

    border-bottom: 1px solid #ccc;

    clear: both;

    outline-color: #ccc;

    transition-duration: .3s;

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s
}

.product2-list li:first-child {

    margin-top: 0
}

.product2-list li:hover {

    outline: 9px solid #f2f2f2
}

.product2-list li:hover .viewmore {

    color: #00aaf9
}

.product2-list li:hover .viewmore:before {

    color: #00aaf9
}

.product2-list li a {

    display: block;

    /* height: 200px; */

    /* padding:10px 0px; */

    text-decoration: none;

    overflow: hidden;

    position: relative;

}

.product2-list li figure {

    display: table;

    width: 100%
}

.product2-list li .product-image {

    text-align: center;

    display: table-cell;

    width: 300px;

    height: 200px;

    vertical-align: middle;

    overflow: hidden;

}

.product2-list li .product-image img {

    display: block;

    width: 100%;

    height: auto;

    margin: -5px auto
}

.product2-list li figcaption {

    text-align: left;

    display: table-cell;

    height: 200px;

    padding: 0 0 0 49px;

    /* border-left:1px solid #ccc */

}

.product2-list li figcaption h3 {

    font-size: 28px;

    font-size: 1.75rem;

    line-height: 1.2;

    font-weight: 300;

    text-transform: none;

    color: #000;

    position: relative;

    margin: 0em 0 .45em
}

.product2-list li figcaption h3 small {

    font-size: 16px;

    font-size: .8rem;

    line-height: 1.2;

    font-weight: 400;

    text-transform: none;

    color: #666;

    position: relative;

    margin-top: .15em;

    margin-left: .4em
}

.product2-list li figcaption p {

    font-size: 16px;

    font-size: 1rem;

    line-height: 1.46666667;

    font-weight: 300;

    color: #000;

    position: relative;

    margin: 1em 0 -0.3em;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    overflow: hidden;

}

.product2-list li figcaption .viewmore {

    /* margin-top:30px */

}



/* 新闻列表 end  */





.boss-global .product-list li:hover .viewmore {

    color: #0064ff
}

.boss-global .product-list li:hover .viewmore:before {

    color: #0064ff
}

.product-list-2col li .product-image img {

    width: auto;

    max-width: 100%
}

.product-list-wide li {

    width: 980px;

    padding: 79px 0 73px;

    border: none;

    outline: none;

    border-bottom: 1px solid #ccc
}

.product-list-wide li:first-child {

    padding-top: 50px
}

.product-list-wide li:hover {

    outline: none
}

.product-list-wide li:hover .viewmore {

    background-color: transparent;

    text-decoration: none
}

.product-list-wide li a {

    height: auto;

    padding: 0
}

.product-list-wide li figure {

    display: block
}

.product-list-wide li .product-image {

    display: block;

    margin: 0 auto;

    width: auto;

    height: auto;

    padding: 0
}

.product-list-wide li .product-image>img {

    margin: -5px auto;

    width: auto;

    max-width: 910px;

    max-height: 350px;

    padding: 0 !important
}

.product-list-wide li figcaption {

    text-align: center;

    display: block;

    width: 750px;

    height: auto;

    margin: 0 auto;

    padding: 50px 0 0;

    border: none;

    float: none
}

.product-list-wide li figcaption h3 {

    font-size: 65px;

    font-size: 3.25rem;

    margin-top: -0.25em;

    margin-bottom: 0.59em
}

.product-list-wide li figcaption h3 small {

    display: block;

    margin-top: -0.2em
}

.product-list-wide li figcaption p,

.product-list-wide li figcaption .viewmore {

    font-size: 18px;

    font-size: .9rem;

    font-weight: 300;

    line-height: 1.55555556;

    display: inline
}

.product-list-wide li figcaption .viewmore {

    text-decoration: underline;

    color: #00aaf9;

    display: inline;

    margin-left: 0.8em;

    text-transform: none
}

.product-list-wide li figcaption .viewmore:before {

    content: none
}

.boss-global .product-list-wide li figcaption .viewmore {

    color: #0064ff
}

.product-tile {

    width: 980px;

    padding: 0;

    overflow: hidden;

    border-bottom: none;

    border-top: 1px solid #ccc
}

.product-tile ul {

    margin: 0 -1px -1px 0;

    width: 981px;

    overflow: hidden
}

.product-tile li {

    line-height: 0;

    margin-top: 0;

    width: 326px;

    padding-bottom: 25px;

    border-top: none;

    border-left: none;

    border-bottom: 1px solid #ccc;

    border-right: 1px solid #ccc;

    float: left;

    outline: none;

    clear: none
}

.product-tile li:first-child figure img {

    padding-top: 0
}

.product-tile li:nth-child(3n) {

    border-right: none
}

.product-tile li:hover {

    outline: none
}

.product-tile li:hover figcaption p {

    text-decoration: none
}

.product-tile li:hover .viewmore {

    color: #00aaf9;

    background-color: transparent
}

.product-tile li:hover .viewmore:before {

    color: #00aaf9
}

.product-tile li a {

    height: auto;

    padding: 0
}

.product-tile li figure {

    display: block;

    padding: 0
}

.product-tile li figcaption {

    display: block;

    width: auto;

    height: auto;

    padding: 0 25px 0 24px !important;

    border: none;

    float: none
}

.product-tile li figcaption h3 {

    font-size: 28px;

    font-size: 1.4rem;

    line-height: 1.2;

    font-weight: 100;

    text-align: left;

    color: #000;

    position: relative;

    margin: -0.24em 0 .4em
}

.product-tile li figcaption h3 small {

    font-size: 13px;

    font-size: .8125rem;

    line-height: 1.2;

    font-weight: 800;

    text-align: left;

    color: #999;

    display: block;

    position: relative;

    margin-top: -0.1em;

    margin-left: 0
}

.product-tile li figcaption p {

    font-size: 13px;

    font-size: .8125rem;

    line-height: 1.46153846;

    font-weight: 400;

    text-align: left;

    color: #000;

    position: relative;

    margin: -0.5em 0;

    min-height: 99px;

    overflow: hidden
}

.product-tile li figcaption .viewmore {

    margin-top: 10px
}

.product-tile li .product-image {

    display: table-cell;

    position: relative;

    text-align: center;

    margin: 0 auto;

    width: 260px;

    height: 210px;

    padding: 25px 35px;

    overflow: hidden;

    vertical-align: middle
}

.product-tile li .product-image img {

    width: auto;

    max-height: 100%;

    padding: 0;

    margin: 0 auto;

    float: none
}

.product-tile .accessory-thumb {

    display: none
}

.product-tile.pl-initialized .accessory-thumb {

    display: block
}

.category-container {

    max-width: 1280px !important;

    padding: 50px 50px 0px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box
}

.category-container .col-2 {

    width: auto;

    transition-duration: .8s;

    -webkit-transition-duration: .8s;

    -moz-transition-duration: .8s
}

.category-container .promo {

    margin-top: 50px;

    height: auto
}

.category-container .promo h2 {

    font-size: 16px;

    font-size: .8rem;

    font-weight: 400;

    letter-spacing: 0;

    color: #fff;

    line-height: 1.2;

    text-transform: none;

    position: absolute;

    left: 20px;

    top: 15px;

    margin: -0.2em 0;

    z-index: 1
}

.category-container .promo img {

    position: static;

    margin: 0;

    width: 100%;

    height: auto
}

.category-container .heading {

    margin-top: 80px;

    border-top: 1px solid #ccc
}

.category-container .heading:first-child {

    margin-top: 0
}

.category-container .heading h4 {

    font-size: 18px;

    font-size: .9rem;

    font-weight: 400;

    line-height: 1.2;

    color: #000;

    display: inline-block;

    position: relative;

    top: -0.9em;

    margin: -0.3em 0 .8em;

    padding-right: .5em;

    background-color: #fff
}

.category-container .heading+.content-index {

    margin-top: 50px
}

.category-container .category-search {

    position: relative;

    margin-top: 9px
}

.category-container .category-search input {

    font-size: 13px;

    font-size: .8125rem;

    font-weight: 300;

    padding-left: 7px;

    width: 100%;

    height: 40px;

    border: 1px solid #ccc;

    vertical-align: middle;

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box
}

.category-container .category-search:after {



    line-height: 40px;

    position: absolute;

    right: 10px;

    top: 0;

    vertical-align: middle;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale
}

.category-main {

    position: relative;

    width: 74.5%;

    float: right
}

.category-main .main {

    padding-left: 80px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box
}

.category-main .main .row {

    margin-top: 80px
}

.category-main .main h4 {

    font-size: 18px;

    font-size: .9rem;

    font-weight: 400;

    line-height: 1.5;

    color: #000;

    margin: -0.15em 0 -0.18em
}

.category-main .main h4+.link-group {

    margin-top: 30px
}

.category-main article {

    position: relative;

    left: 0;

    top: 0;

    opacity: 1;

    filter: alpha(opacity=100);

    transition-duration: .5s;

    -webkit-transition-duration: .5s;

    -moz-transition-duration: .5s;

    /* z-index:1; */

    background-color: #fff
}

.category-main .hidden {

    position: absolute;

    left: 0;

    top: 0;

    visibility: hidden;

    opacity: 0;

    filter: alpha(opacity=0);

    z-index: 1
}

.content-index>section,

.content-index>ul>li {

    width: 100%;

    position: relative;

    margin: 50px auto 0;

    overflow: hidden
}

.content-index>section>a,

.content-index>ul>li>a {

    text-decoration: none;

    position: relative;

    display: block;

    /* background-color:#000 */

}

.content-index>section>a:hover img,

.content-index>ul>li>a:hover img {

    opacity: .875;

    filter: alpha(opacity=85)
}

.content-index>section h2,

.content-index>ul>li h2 {

    font-size: 16px;

    font-size: .8rem;

    font-weight: 400;

    letter-spacing: 0;

    color: #000;

    line-height: 1.2;

    text-transform: none;

    position: absolute;

    left: 20px;

    top: 15px;

    margin: -0.2em 0;

    z-index: 1
}

.content-index>section h2.light,

.content-index>ul>li h2.light {

    color: #fff
}

.content-index>section img,

.content-index>ul>li img {

    width: 100%;

    height: auto;

    display: block;

    transition-duration: .5s;

    -webkit-transition-duration: .5s;

    -moz-transition-duration: .5s
}

.content-index>section:first-child {

    margin-top: 0
}

.content-index>ul {

    margin-top: -50px;

    margin-left: -50px
}

.content-index>ul>li {

    width: 33.33%;

    padding-left: 50px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    float: left
}

.link-group {

    display: table;

    margin-top: 50px;

    width: 100%
}

.link-group:first-child {

    margin-top: 0
}

.link-group>a {

    text-decoration: none;

    display: table-cell;

    width: 250px
}

.link-group figure {

    position: relative;

    background-color: #000
}

.link-group figure:hover>img {

    opacity: .875;

    filter: alpha(opacity=85)
}

.link-group figure>img {

    display: block;

    transition-duration: .5s;

    -webkit-transition-duration: .5s;

    -moz-transition-duration: .5s
}

.link-group figure h2 {

    font-size: 16px;

    font-size: .8rem;

    font-weight: 400;

    letter-spacing: 0;

    color: #000;

    line-height: 1.2;

    text-transform: none;

    position: absolute;

    left: 20px;

    top: 15px;

    margin: -0.2em 0;

    z-index: 1
}

.link-group ul {

    display: table-cell;

    padding-left: 25px;

    vertical-align: top
}

.link-group ul:first-child {

    padding-left: 0
}

.link-group li {

    position: relative;

    border-bottom: 1px solid #ccc;

    font-size: 13px;

    font-size: .8125rem;

    font-weight: 300;

    line-height: 1.15384615
}

.link-group li:first-child {

    border-top: 1px solid #ccc
}

.link-group li.more {

    font-weight: 400;

    line-height: 30px;

    border-bottom: none
}

.link-group li.more a:before {

    margin-top: -0.8em
}

.link-group li h5,

.link-group li p {

    font-size: 13px;

    font-size: .8125rem;

    font-weight: 400;

    line-height: 1.3;

    color: #000;

    display: inline-block;

    margin: .55em 0 .55em;

    padding: 0 100px 0 0
}

.link-group li .date {

    font-size: 13px;

    font-size: .8125rem;

    font-weight: 300;

    color: #999;

    position: absolute;

    right: 0;

    top: 1.3em
}

.link-group li a {

    color: #000;

    text-decoration: none;

    display: table;

    width: 100%;

    padding: .7em 0 .8em 20px;

    transition-duration: .3s;

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box
}

.link-group li a:hover {

    background-color: #e5e5e5
}

.link-group li a:before {



    font-size: 30px;

    font-size: 1.5em;

    text-align: left;

    text-indent: -0.3em;

    color: #00aaf9;

    display: inline-block;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -0.6em;

    width: 20px
}

.boss-global .link-group li a::before {

    color: #0064ff
}

.category-index {

    width: 25.5%;

    position: relative;

    z-index: 1;

    float: right
}

.category-index .contentnav {

    display: block;

    float: none
}

.category-index .contentnav li {



    font-weight: 300;



    display: list-item;

    min-width: 170px;

    height: auto;

    padding-left: 0;

    float: none;

    overflow: hidden
}

.category-index .contentnav li a,

.category-index .contentnav li span {

    display: block;

    position: relative;

    color: #000;

    padding: 12px 25px 13px 0;

    text-decoration: none;

    cursor: pointer;

    transition-duration: .3s;

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s
}

.category-index .contentnav li a:hover,

.category-index .contentnav li span:hover,

.category-index .contentnav li a.active,

.category-index .contentnav li span.active {

    background-color: #00aaf9;

    color: #fff;

}

.category-index .contentnav li>ul {

    width: 100%;

    max-height: 0;

    padding-right: 50px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    transition-duration: .5s;

    -webkit-transition-duration: .5s;

    -moz-transition-duration: .5s
}

.category-index .contentnav li>ul li {

    border-top: 1px dotted #ccc
}

.category-index .contentnav li>ul li a {

    color: #999
}

.category-index .contentnav li>ul li a:after {

    content: none !important
}

.category-index .contentnav>li {

    border-top: 1px solid #ccc
}

.category-index .contentnav>li:first-child {

    margin-top: -1px;

    border: none
}

.category-index .contentnav>li.close a:after,

.category-index .contentnav>li.close span:after {

    content: "+";

    font-size: 17px;

    font-size: .875rem;

    line-height: 1;

    position: absolute;

    right: 8px;

    top: 50%;

    margin-top: -0.75em
}

.category-index .contentnav>li.open ul {

    max-height: 800px;

    transition-duration: 3s;

    -webkit-transition-duration: 3s;

    -moz-transition-duration: 3s
}

.category-index .contentnav>li.open a:after,

.category-index .contentnav>li.open span:after {

    content: "–";

    font-size: 15px;

    font-size: .75rem
}

.category-index .contentnav>li a:after,

.category-index .contentnav>li span:after {



    font-size: 17px;

    font-size: .875rem;

    font-family: "glyphicon";

    line-height: 1;

    position: absolute;

    right: 5px;

    top: 50%;

    margin-top: -0.5em
}

.category-index .contentnav .in-bound a:after,

.category-index .contentnav .in-bound span:after {

    content: none
}

.category-index .cn-social {

    min-width: 242px
}

.category-index .cn-social li {

    margin-left: 3px;

    float: left
}

.category-index .cn-social li:first-child {

    margin-left: 0
}

.category-index .cn-social .icon {

    color: #000;

    text-indent: 0;

    margin-top: -2px;

    width: 32px;

    height: auto;

    overflow: hidden;

    background: none;

    text-decoration: none
}

.category-index .cn-social .icon:before {



    font-size: 30px;

    font-size: 1.5rem;

    font-family: "glyphicon";

    line-height: 1.4;

    display: inline-block;

    width: 100%;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    transition-duration: .2s;

    -webkit-transition-duration: .2s;

    -moz-transition-duration: .2s
}

.category-index .cn-social .icon:hover {

    color: #00aaf9
}



.category-index figure {

    position: relative;

    margin-top: 9px
}

.category-index figure>img {

    display: block
}

.category-index h4+figure {

    margin-top: 0
}

.category-index figcaption {

    padding: 10px 0;

    border-bottom: 1px solid #ccc
}

.category-index figcaption h5 {

    font-size: 16px;

    font-size: .8rem;

    font-weight: 300;

    line-height: 1;

    color: #fff;

    margin: -0.15em 0;

    position: absolute;

    top: 10px;

    left: 10px
}

.category-index figcaption p {

    font-size: 13px;

    font-size: .8125rem;

    font-weight: 300;

    line-height: 1.30769231;

    margin: -0.25em 0;

    min-height: 65px
}

.boss-global .category-index .cn-social .icon:hover {

    color: #0064ff
}

.backtotop {

    line-height: 0;

    text-align: center;

    position: relative;

    width: 100%;

    max-width: 1600px;

    height: 150px;

    margin: 0 auto;

    padding-top: 46px;

    background-color: #e5e5e5;

    z-index: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box
}

.backtotop .button-up {

    color: #000;

    position: relative;

    margin: 0 auto;

    background: url(../images/shang.svg) no-repeat center;

}

#promos,

.promos2 {

    line-height: 0;

    position: relative;

    margin: 0 auto;

    width: 100%;

    /* min-width:1080px;

    max-width:1600px; */

    padding: 100px 50px;

    z-index: 1;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box
}

#promos.carousel-view .flushrow,

.promos2.carousel-view .flushrow {

    padding-top: 22.28813559%
}

#promos.carousel-view .flushrow ul,

.promos2.carousel-view .flushrow ul {

    position: absolute
}

#promos.carousel-view .paddle-nav,

.promos2.carousel-view .paddle-nav {

    display: none
}

#promos .row,

.promos2 .row {

    position: relative;

    max-width: 1180px;

    border-top: 1px solid #ccc;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    overflow: hidden
}

#promos .flushrow,

.promos2 .flushrow {

    padding: 0 20px
}

#promos .flushrow ul,

.promos2 .flushrow ul {

    position: relative;

    left: -20px;

    top: 0;

    width: 100%;

    padding: 0
}

#promos .flushrow li,

.promos2 .flushrow li {

    position: relative;

    margin-top: 19px;

    width: 25%;

    padding: 0 20px 0 19px;

    border-left: 1px solid #ccc;

    float: left;

    cursor: pointer;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box
}

#promos .flushrow img,

.promos2 .flushrow img {

    display: block;

    width: 100%;

    height: auto
}

#promos .flushrow a,

.promos2 .flushrow a {

    text-decoration: none
}

#promos .flushrow a:hover,

.promos2 .flushrow a:hover {

    text-decoration: none
}

#promos .flushrow a:hover .viewmore,

.promos2 .flushrow a:hover .viewmore {

    color: #00aaf9;

    background-position: left bottom
}

#promos .flushrow a:hover .viewmore:before,

.promos2 .flushrow a:hover .viewmore:before {

    color: #00aaf9
}

#promos .paddle-nav,

.promos2 .paddle-nav {

    line-height: 0;

    display: none;

    position: absolute;

    left: 0;

    top: 50%;

    margin: -25px 0;

    width: 100%;

    z-index: 3
}

#promos .paddle-nav ul,

.promos2 .paddle-nav ul {

    margin: 0;

    padding: 0;

    list-style-type: none;

    overflow: visible
}

#promos .paddle-nav li,

.promos2 .paddle-nav li {

    margin: 0;

    width: auto;

    height: auto;

    padding: 0;

    border: none;

    float: none
}

#promos .paddle-nav a,

.promos2 .paddle-nav a {

    text-indent: 100%;

    white-space: nowrap;

    position: absolute;

    top: 0;

    padding: 0
}

#promos .paddle-nav .paddlenav-left,

.promos2 .paddle-nav .paddlenav-left {

    left: 0
}

#promos .paddle-nav .paddlenav-right,

.promos2 .paddle-nav .paddlenav-right {

    right: 0
}

#promos figcaption {

    font-size: 13px;

    font-size: .8125rem;

    font-weight: 400;

    line-height: 1;

    text-align: left;

    text-decoration: none;

    color: #000;

    display: inline-block;

    margin: 1.5em 0 0
}

.promos2 {

    padding: 0;

}

.promos2.carousel-view .flushrow {

    padding-top: 0;

    min-height: 180px
}

.promos2 .row {

    border: none
}

.promos2 .flushrow {

    padding-left: 20px;

    padding-right: 0
}

.promos2 .flushrow .promo-container {

    left: -20px
}

.promos2 .flushrow li {

    margin-top: 0;

    width: 33.33333333%;

    padding-left: 21px;

    padding-right: 0;

    border: none;

    margin-bottom: 20px;

}

.card__picture {
    position: relative;
}




.promos2 .flushrow figcaption {

    padding: 25px 30px 0 0
}

.promos2 .flushrow h5 {

    font-size: 16px;

    font-size: .8rem;

    font-weight: 600;

    color: #808080;

    line-height: 1.5;

    margin: -0.15em 0 .8em;

    padding: 0;

    vertical-align: middle
}

.content-index h4 {
    margin: 10px 0;
}

.content-index h4 a {


    font-weight: 300;

    color: #000;

    line-height: 1;

    margin: -0.15em 0 1.35em;

    padding: 0;

    vertical-align: middle;

    text-decoration: none;

}

.promos2 .flushrow h5 small {

    margin-bottom: .42em
}

.promos2 .flushrow small {

    font-size: 14px;

    font-size: .7rem;

    font-weight: 600;

    color: #000;

    line-height: 1;

    display: block;

    margin: -0.16em 0 .52em
}

.promos2 .flushrow p {

    font-size: 13px;

    font-size: .8125rem;

    font-weight: 300;

    color: #000;

    /* line-height:1.42307692; */

    margin-top: -0.3em;

    margin-bottom: -0.25em;


}



.promos2 .promo-hero {

    position: relative
}

.promos2 .promo-hero>img {

    display: block
}

/* 图片溢出处理 css */

/* .h240{height: 240px; overflow: hidden;}

   .h240 img{

    position: relative;

    width: 100%;

    top: 50%;

    transform: translateY(-50%); 

   }



   .h218{height: 218px; overflow: hidden;}

   .h218 img{

    position: relative;

    width: 100%;

    top: 50%;

    transform: translateY(-50%); 

   }

   .h168{height: 168px; overflow: hidden;}

   .h168 img{

    position: relative;

    width: 100%;

    top: 50%;

    transform: translateY(-50%);

   } */

/* end图片溢出处理 css */

.promos2 .paddle-nav {

    top: 127.5px;

    margin-top: -17.5px
}

.promos2 .button-play {

    text-indent: .3em;

    position: absolute;

    left: 50%;

    top: 50%;

    margin: -25px 0 0 -25px;

    width: 50px;

    height: 50px;

    background-color: rgba(0, 0, 0, 0.2);

    border-width: 3px
}

.promos2 .button-play:before {

    font-size: 20px;

    font-size: 1rem;

    line-height: 45px
}

.boss-global #promos .flushrow a:hover .viewmore,

.boss-global .promos2 .flushrow a:hover .viewmore {

    color: #0064ff
}

.boss-global #promos .flushrow a:hover .viewmore:before,

.boss-global .promos2 .flushrow a:hover .viewmore:before {

    color: #0064ff
}

@media screen and (max-width:1080px) {

    #promos,

    .promos2 {

        width: 100%;

        min-width: 1024px;

        padding-left: 0;

        padding-right: 0
    }

    #promos .row,

    .promos2 .row {

        width: 980px
    }

    #promos .row .flushrow {

        padding-top: 222px
    }

}

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

    #promos,

    .promos2 {

        padding: 50px 0;

        min-width: 320px
    }

    #promos .row,

    .promos2 .row {

        width: 100%;

        min-width: 320px;

        padding: 0
    }

    #promos .flushrow,

    .promos2 .flushrow {

        position: static;

        width: 100%;

        padding: 0 !important;

        min-height: 0;

        height: auto !important
    }

    #promos .flushrow ul,

    .promos2 .flushrow ul {

        position: static !important;

        left: 0;

        padding-right: 10px;

        margin-left: 0;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

        box-sizing: border-box
    }

    #promos .flushrow li,

    .promos2 .flushrow li {

        line-height: 0;

        display: list-item !important;

        position: static !important;

        margin-top: 10px;

        width: 100%;

        padding: 0 0 0 10px;

        border: none;

    }

    #promos .flushrow .viewmore,

    .promos2 .flushrow .viewmore {

        display: block;

    }

    #promos .paddle-nav,

    .promos2 .paddle-nav {

        display: none !important
    }

    .promos2 {

        min-height: 0;

        margin-top: 40px;

        padding-top: 0;

        padding-bottom: 0;

        border-top: 1px solid #ccc
    }

    .promos2 .flushrow .promo-container {

        /* letter-spacing:-0.3em; */

        position: static;

        height: auto;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

        box-sizing: border-box
    }

    .promos2 .flushrow .promo-container li {

        float: none;

        display: inline-block !important;

        vertical-align: top;

        float: left;

    }

    .promos2 .flushrow .promo-container small {

        display: none
    }

    .promos2 .flushrow .promo-container h5 {

        font-size: .8125rem;

        font-weight: 400;

        /* margin-bottom:-0.25em; */

        letter-spacing: 0
    }

    .promos2 .flushrow .promo-container small,

    .promos2 .flushrow .promo-container h5 small {

        font-size: .6rem;

        font-weight: 400
    }

    .promos2 .flushrow .promo-container p {

        display: block
    }

    .promos2 .flushrow .promo-container .more {

        display: none
    }

    .promos2 .flushrow .promo-container figcaption {

        display: block;

        width: auto;

        padding-top: 10px;

        padding-bottom: 15px;

        border-bottom: none
    }

    .promos2 .flushrow .promo-hero {

        overflow: hidden
    }

    .promos2 .flushrow .promo-hero>img {

        width: 100%;

        height: auto
    }

    .promos2 .flushrow .button-play {

        width: 40px;

        height: 40px;

        margin: -20px 0 0 -20px
    }

    .promos2 .flushrow .button-play:before {

        font-size: .9rem;

        line-height: 34px;

        letter-spacing: 0
    }



    #productnav .andmore span,

    #contentnav .andmore span {

        cursor: pointer;

        background: url(../images/xia.svg) no-repeat 40px;

        width: 60px;

        display: block;

        line-height: 50px;

        text-align: center;

        margin: auto;
    }

}

#globalfooter {

    position: relative;

    margin: 0 auto;

    min-width: 1024px;

    max-width: 1600px;

    background-color: #141414;

    z-index: 1;

}

#globalfooter .gf-share {

    margin: 0;

    display: inline-block;

    padding: 21px 0 23px;

    list-style-type: none
}

#globalfooter .gf-share li {

    font-size: 13px;

    font-size: .8125rem;

    font-weight: 400;

    line-height: 1;

    margin-left: 1em;

    float: left
}

#globalfooter .gf-share li:first-child {

    margin-left: 0
}

#globalfooter .gf-share li:hover {

    opacity: .8;

    filter: alpha(opacity=80)
}

#globalfooter .gf-links {

    margin: 0;

    display: inline-block;

    padding: 1.45em 0 1.15em;

    list-style-type: none
}

#globalfooter .gf-links li {

    font-size: 13px;

    font-size: .8125rem;

    font-weight: 300;

    line-height: 1;

    color: #999;

    margin: -0.18em 0 0 1.8125em;

    float: left
}

#globalfooter .gf-links li:before {

    content: "|";

    position: relative;

    left: -0.8em
}

#globalfooter .gf-links li:first-child {

    margin-left: 0
}

#globalfooter .gf-links li:first-child:before {

    content: none
}

#globalfooter .gf-links a {

    color: inherit;

    text-decoration: none
}

#globalfooter .gf-links a:hover {

    color: #999;

    text-decoration: underline
}

#globalfooter .gf-links .gf-region {

    position: relative;

    margin-left: 1.8em
}

#globalfooter .gf-links .gf-region a>i {

    position: static;

    margin: -2px 0 0 10px;

    vertical-align: top
}

#directorynav,

#gf-service,

#gf-informations,

#gf-promos {

    width: 100%;

    max-width: 1280px;

    min-width: 1080px;

    margin: 0 auto;

    padding-left: 50px;

    padding-right: 50px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box
}

#directorynav {

    padding-top: 50px;

    padding-bottom: 0px
}

#directorynav .row {

    display: table;

    width: 100%;

    table-layout: fixed
}

#directorynav ul {

    margin: 24px 0 30px;

    padding: 0;

    list-style-type: none
}

#directorynav li {

    line-height: 0;

    margin: 7px 0 0
}

#directorynav li:first-child {

    margin-top: 0
}

#directorynav h3 {

    margin: -1px 0 6px
}

#directorynav h3,

#directorynav h3>a {

    font-size: 15px;

    font-size: .875rem;

    font-weight: 500;

    line-height: 1;

    color: #ccc
}

#directorynav h3>a:hover {

    color: #fff
}

#directorynav a {

    font-size: 13px;

    font-size: .8125rem;

    line-height: 1;

    font-weight: 300;

    color: #999;

    text-decoration: none
}

#directorynav a:hover {

    color: #aeaeae;

    text-decoration: underline
}

#directorynav .column {

    display: table-cell
}

#gf-promos {

    position: relative
}

#gf-promos li {

    line-height: 0;

    position: absolute;

    width: 20%;

    float: left;

    overflow: hidden
}

#gf-promos li img {

    width: 100%;

}

#gf-promos li h3 {

    position: absolute;

    text-align: center;

    margin: 0;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1
}

#gf-promos li h3:before {

    content: '';

    line-height: 1;

    display: inline-block;

    height: 100%;

    vertical-align: middle
}

#gf-promos li h3 img {

    display: inline-block;

    vertical-align: middle
}

#gf-promos li>a>img {

    left: 0;

    margin-left: 0
}

#gf-promos li>a>img {

    display: block;

    position: relative;

    left: 0;

    height: auto;

    opacity: .8;

    filter: alpha(opacity=80);

    transition-duration: .8s;

    -webkit-transition-duration: .8s;

    -moz-transition-duration: .8s;

}

#gf-promos li>a>img.gf-promos-roland {

    opacity: .6;

    filter: alpha(opacity=60)
}

#gf-promos li>a:hover>img {

    opacity: .8;

    filter: alpha(opacity=80)
}

#gf-informations {

    text-align: center
}

#gf-informations .gf-links {

    line-height: 0;

    display: inline-block;

    margin: 0 auto;

    padding: 1.50em 0 1em
}

#gf-informations .gf-links li {

    margin-left: 1.55em
}

#gf-informations .gf-links li:before {

    content: none
}

#gf-informations .gf-links a:before {

    content: '> ';

    color: #00aaf9
}

#gf-informations .gf-links a:hover {

    color: #00aaf9;

    text-decoration: none
}

.boss-global #gf-informations .gf-links a:before {

    color: #0064ff
}

.boss-global #gf-informations .gf-links a:hover {

    color: #0064ff
}

#gf-service {

    line-height: 0
}

#gf-service .row {

    width: 100%;

    overflow: hidden;

    border-top: 1px solid #212121;

    border-bottom: 1px solid #212121
}

#gf-service .gf-links {

    float: right
}

#gf-legal {

    text-align: left;

    display: table;

    position: relative;

    width: 980px;

    background-color: #141414;

    z-index: 1
}

#gf-legal .gf-links {

    color: #333 !important;

    display: table-cell;

    margin: 0;

    height: 100px;

    padding: 0;

    vertical-align: middle
}

#gf-legal .gf-links li {

    font-weight: 300;

    color: #666 !important;

    margin-top: 0.3em;

    line-height: 1.5;

    -webkit-font-smoothing: subpixel-antialiased
}

#gf-legal p {

    font-size: 13px;

    font-size: .8125rem;

    font-weight: 300;

    line-height: 1;

    text-align: center;

    color: #666;

    position: relative;

    display: table-cell;

    margin: 0 auto;

    height: 100px;

    vertical-align: middle;

    -webkit-font-smoothing: subpixel-antialiased
}

.proav-global .glyphicon-brand {

    font-size: 37px
}



.boss-global .paddle:hover:before,

.boss-global .paddle-small:hover:before {

    color: #0064ff
}

.boss-global #productheader .bc-container:hover #ph-home:before,

.boss-global #contentheader .bc-container:hover #ph-home:before,

.boss-global #productheader .bc-container:hover #ch-home:before,

.boss-global #contentheader .bc-container:hover #ch-home:before {

    color: #0064ff
}

.boss-global #productheader .breadcrumbs li a:hover,

.boss-global #contentheader .breadcrumbs li a:hover,

.boss-global #productheader .andmore .morebar li a:hover,

.boss-global #contentheader .andmore .morebar li a:hover {

    color: #0064ff
}

.boss-global #productheader .breadcrumbs li strong,

.boss-global #contentheader .breadcrumbs li strong,

.boss-global #productheader .andmore .morebar li strong,

.boss-global #contentheader .andmore .morebar li strong {

    color: #0064ff
}

.boss-global #productheader .andmore span:hover,

.boss-global #contentheader .andmore span:hover,

.boss-global #productheader .andmore.open span,

.boss-global #contentheader .andmore.open span {

    color: #0064ff
}

.boss-global #productheader .icon-facebook:hover:before,

.boss-global #contentheader .icon-facebook:hover:before,

.boss-global #productheader .icon-twitter:hover:before,

.boss-global #contentheader .icon-twitter:hover:before,

.boss-global #productheader .icon-google:hover:before,

.boss-global #contentheader .icon-google:hover:before,

.boss-global #productheader .icon-youku:hover:before,

.boss-global #contentheader .icon-youku:hover:before,

.boss-global #productheader .icon-weibo:hover:before,

.boss-global #contentheader .icon-weibo:hover:before {

    color: #0064ff
}

.boss-global #productnav .icon-facebook:hover:before,

.boss-global #contentnav .icon-facebook:hover:before,

.boss-global #productnav .icon-twitter:hover:before,

.boss-global #contentnav .icon-twitter:hover:before,

.boss-global #productnav .icon-google:hover:before,

.boss-global #contentnav .icon-google:hover:before,

.boss-global #productnav .icon-youku:hover:before,

.boss-global #contentnav .icon-youku:hover:before,

.boss-global #productnav .icon-weibo:hover:before,

.boss-global #contentnav .icon-weibo:hover:before {

    color: #0064ff
}

.boss-global #productnav li a:hover,

.boss-global #contentnav li a:hover,

.boss-global #productnav li a.active,

.boss-global #contentnav li a.active {

    color: #0064ff
}

.boss-global .product-tile li:hover .viewmore {

    color: #0064ff
}

.boss-global .product-tile li:hover .viewmore:before {

    color: #0064ff
}

.boss-global #promos a:hover figcaption {

    color: #0064ff
}

.boss-global #promos a:hover figcaption:before {

    color: #0064ff
}

@media screen and (max-width:1280px) {

    #productheader .row {

        right: 155px;

        width: 77%;

        max-width: none;

        min-width: 0;

        position: absolute
    }

}

@media screen and (max-width:1120px) {

    #contentheader .row {

        padding-left: 48px;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

        box-sizing: border-box
    }

}

@media screen and (max-width:1080px) {

    #directorynav,

    #gf-service,

    #gf-informations,

    #gf-promos {

        width: 980px;

        max-width: none;

        min-width: 1024px;

        padding-left: 22px;

        padding-right: 22px
    }

}

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

    #content-container {

        min-width: 320px
    }

    .paddle-nav {

        display: none
    }

    #hero {

        margin: 0 auto;

        max-width: none;

        min-width: 0
    }

    .masthead {

        height: 144px
    }

    .masthead img {

        width: 768px;

        height: auto;

        margin-left: -384px
    }

    #productheader,

    #contentheader {

        position: relative;

        top: auto !important;

        min-width: 0;

        height: auto;

        padding-top: 0px;

        /* border-top:1px solid #ccc; */

        border-bottom: 1px solid #ccc;

        overflow: hidden;

        overflow: visible
    }

    #productheader,

    #contentheaderwz {

        position: relative;

        top: auto !important;

        min-width: 0;

        height: auto;

        padding-top: 0px;

        border-top: 1px solid #ccc;

        border-bottom: 1px solid #ccc;

        overflow: hidden;

        overflow: visible
    }

    #productheader h2,

    #contentheader h2 {

        display: none
    }

    #productheader .row,

    #contentheader .row {

        position: relative;

        left: 0;

        margin-bottom: -1px;

        right: auto;

        width: 100%;

        padding: 0;

        overflow: visible
    }

    #productheader .breadcrumbs,

    #contentheader .breadcrumbs {

        display: none
    }

    #productheader.fixed,

    #contentheader.fixed {

        position: relative
    }

    #productheader.fixed #ph-language,

    #contentheader.fixed #ph-language {

        visibility: visible;

        opacity: 1;

        filter: alpha(opacity=100)
    }

    #productheader #ph-home,

    #contentheader #ph-home {

        font-size: 13px;

        font-size: .8125rem;

        font-weight: 400;

        line-height: 1;

        text-decoration: none;

        top: 10px;

        left: 5%;

        margin-left: -13px;

        padding-top: 0.6em;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

        box-sizing: border-box;

        width: 30px;

        height: 20px;

    }

    #contentheaderno {
        padding: 0 !important;
    }

    #contentheaderno #ph-home {

        font-size: 13px;

        font-size: .8125rem;

        font-weight: 400;

        line-height: 1;

        text-decoration: none;

        top: 12px;

        left: 5%;

        margin-left: -13px;

        padding-top: 0em;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

        box-sizing: border-box
    }

    li.primary-menu>a:hover {

        color: #393939;

        background: none;

    }

    .fl {
        float: left;
    }

    .breadcrumbsno {

        float: none;

        margin-left: 10px;

        line-height: 30px;

        font-size: .8125rem;

        margin: 10px 0 10px 15px;

        padding-left: 15px;

        color: #999;
    }

    .breadcrumbsno a {
        color: #999;
    }

    .breadcrumbsno a.active {
        color: #00aaf9;
    }

    #productheader #ph-social,

    #contentheader #ph-social {

        top: 0;

        right: 0;

        width: 75%
    }

    #productheader #ph-social li,

    #contentheader #ph-social li {

        text-align: center;

        margin-left: 0;

        border-left: 1px solid #ccc;

        width: 33%;

        padding: 10px 15px;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

        box-sizing: border-box;

        float: left
    }

    #productheader.fixed+#content-container,

    #contentheader.fixed+#content-container {

        padding-top: 0
    }

    #contentheader .row {

        left: 0;

        top: 0
    }

    #contentheader h2 {

        display: block;

        font-size: 18px;

        font-size: .9em;

        padding-left: 1.5em;

        position: absolute;

        top: -49px;

        left: 12.5%
    }

    #productnav,

    #contentnav {

        text-align: center;

        display: block;

        position: relative;

        float: none;

        border-top: 1px solid #ccc
    }

    #productnav li,

    #contentnav li {

        text-align: center;

        display: table;

        width: 50%;

        padding-left: 0;

        float: left;

        border-bottom: 1px solid #ccc;

        border-right: 1px solid #ccc;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

        box-sizing: border-box
    }

    #productnav li:nth-child(even),

    #contentnav li:nth-child(even) {

        border-right: none
    }

    #productnav li a,

    #contentnav li a,

    #productnav li span,

    #contentnav li span {

        display: table-cell;

        height: 50px;

        vertical-align: middle
    }

    #productnav li a:before,

    #contentnav li a:before,

    #productnav li span:before,

    #contentnav li span:before {

        content: none
    }

    #productnav .andmore .morebar,

    #contentnav .andmore .morebar {

        top: auto;

        margin-top: 50px;

        width: 100%;

        min-width: 320px
    }

    #productnav .andmore .morebar ul,

    #contentnav .andmore .morebar ul {

        width: auto
    }

    #productnav .andmore .morebar li,

    #contentnav .andmore .morebar li {

        text-align: center;

        display: table;

        padding: 0
    }

    .backtotop {

        width: 100%;

        height: 100px;

        padding-top: 20px;

    }

    .cndns-right {
        display: none;
    }

    .promos>ul li {

        width: auto;

        height: 140px;

        float: none
    }

    #globalfooter {

        min-width: 320px;



    }

    #globalfooter .gf-share {

        margin: 0 auto
    }

    #globalfooter .gf-links .gf-region {

        width: 100%;

        margin-left: 0;

        border-top: 1px solid #333;

        border-right: none !important;

        clear: both
    }

    #globalfooter .gf-links {

        text-align: center;

        margin: 0;

        width: 100%;

        display: inline-block;

        padding: 0;

        border-top: 1px solid #333;

        border-bottom: 1px solid #333
    }

    #globalfooter .gf-links li {

        text-align: center;

        display: table !important;

        margin: 0;

        margin-bottom: -1px;

        width: 50%;

        height: 4em;

        border-bottom: 1px solid #333;

        float: left;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

        box-sizing: border-box
    }

    #globalfooter .gf-links li:before {

        content: none
    }

    #globalfooter .gf-links li:nth-child(odd) {

        border-right: 1px solid #333
    }

    #globalfooter .gf-links li:first-child {

        margin: 0;

        margin-bottom: -1px
    }

    #globalfooter .gf-links a {

        color: #666;

        display: table-cell;

        height: 3em;

        padding: 0 1em;

        vertical-align: middle
    }

    #gf-informations {

        text-align: center;

        min-width: 320px;

        width: 100%;

        padding: 0
    }

    #gf-informations .gf-links {

        padding: 0
    }

    #directorynav {

        width: 100%;

        min-width: 320px;

        padding-left: 1em;

        padding-right: 1em;

        padding-bottom: 2em;

        overflow: hidden
    }

    #directorynav .row {

        display: block
    }

    #directorynav .column {

        display: block;

        width: 50%;

        padding-right: 1em;

        float: left;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

        box-sizing: border-box
    }

    #directorynav .column:nth-child(odd) {

        clear: both
    }

    #directorynav .column:first-child {

        width: 50%
    }

    #gf-service {

        width: 100%;

        min-width: 320px;

        padding-left: 0;

        padding-right: 0;

        text-align: center
    }

    #gf-service .row {

        border: none
    }

    #gf-service .gf-links {

        float: none
    }

    #gf-promos {

        min-width: 320px;

        width: 100%;

        padding-left: 20px;

        padding-right: 20px
    }

    #gf-promos li {

        width: 100%;

        float: none
    }

    #gf-promos li>a>img {

        position: static;

        margin: 0;

        width: 100%;

        height: auto
    }

    #gf-legal {

        display: block;

        min-width: 320px;

        width: 100%;

        margin-top: 1em;

        overflow: hidden;

    }

    #gf-legal .gf-links {

        height: auto;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

        box-sizing: border-box
    }

    #gf-legal p {

        text-align: center;

        display: block;

        margin-top: 2.5em;

        width: 100%;

        /* height:50px */

    }

    .category-container {

        padding-left: 10px;

        padding-right: 10px;

        padding-top: 20px;

    }

    .category-main {

        width: auto;

        padding: 0;

        float: none
    }

    .category-main article {

        transition-duration: 0;

        -webkit-transition-duration: 0;

        -moz-transition-duration: 0
    }

    .category-main .main {

        padding-left: 0
    }

    .category-main .main .row {

        margin-top: 60px
    }

    .category-main .main h4+.link-group {

        margin-top: 0
    }

    .category-main .content-index {

        width: auto
    }

    .category-main .content-index>ul {

        margin-left: 0
    }

    .category-main .content-index>ul>li {

        width: auto;

        padding-left: 0;

        float: none;

    }

    .fl50 {

        width: 50% !important;

        float: left !important;

    }

    .category-main .content-index>ul>li>a>img {

        width: 100%;

        height: auto
    }

    .category-index {

        margin-top: 50px;

        width: auto;

        float: none
    }

    .category-index>ul>li>a>img {

        transition-duration: 0;

        -webkit-transition-duration: 0;

        -moz-transition-duration: 0
    }

    .link-group {

        display: block
    }

    .link-group>a,

    .link-group>ul {

        display: block;

        padding: 0;

        width: auto
    }

    .link-group>ul {

        margin-top: 30px
    }

    .link-group figure>img {

        width: 100%;

        height: auto
    }

    .product-list,

    .product-tile,

    .product-list-wide {

        width: auto;

        padding: 0;

        border-top: none
    }

    .product-list ul,

    .product-tile ul,

    .product-list-wide ul {

        margin: 0;

        width: auto
    }

    .product-list li,

    .product-tile li,

    .product-list-wide li {

        width: 100%;

        line-height: 0;

        margin-top: 0;

        padding-top: 0;

        padding-bottom: 25px;

        border: none;

        border-bottom: 1px solid #ccc;

        outline: none;

        float: none
    }

    .product-list li:hover,

    .product-tile li:hover,

    .product-list-wide li:hover {

        outline: none
    }

    .product-list li:hover figure img,

    .product-tile li:hover figure img,

    .product-list-wide li:hover figure img {

        opacity: 1;

        filter: alpha(opacity=100)
    }

    .product-list li:hover figcaption p,

    .product-tile li:hover figcaption p,

    .product-list-wide li:hover figcaption p {

        text-decoration: none
    }

    .product-list li:hover .viewmore,

    .product-tile li:hover .viewmore,

    .product-list-wide li:hover .viewmore {

        color: #000;

        background-color: transparent
    }

    .product-list li:hover .viewmore:before,

    .product-tile li:hover .viewmore:before,

    .product-list-wide li:hover .viewmore:before {

        color: #fff
    }

    .product-list li:first-child,

    .product-tile li:first-child,

    .product-list-wide li:first-child {

        padding-top: 0;

        border-top: none
    }

    .product-list li a,

    .product-tile li a,

    .product-list-wide li a {

        height: auto;

        padding: 0
    }

    .product-list li figcaption,

    .product-tile li figcaption,

    .product-list-wide li figcaption {

        text-align: left;

        display: block;

        width: auto;

        height: auto;

        padding: 10px 25px 0 24px !important;

        border: none;

        float: none
    }

    .product-list li figcaption h3,

    .product-tile li figcaption h3,

    .product-list-wide li figcaption h3 {

        font-size: 28px;

        font-size: 1.4rem;

        line-height: 1.2;

        font-weight: 100;

        text-align: left;

        color: #000;

        position: relative;

        margin: -0.24em 0 .4em
    }

    .product-list li figcaption h3 small,

    .product-tile li figcaption h3 small,

    .product-list-wide li figcaption h3 small {

        font-size: 13px;

        font-size: .8125rem;

        line-height: 1.2;

        font-weight: 800;

        text-align: left;

        color: #999;

        display: block;

        position: relative;

        margin-top: -0.1em;

        margin-left: 0
    }

    .product-list li figcaption p,

    .product-tile li figcaption p,

    .product-list-wide li figcaption p {

        font-size: 13px;

        font-size: .8125rem;

        line-height: 1.46153846;

        font-weight: 400;

        text-align: left;

        color: #000;

        position: relative;

        margin: -0.5em 0;

        min-height: 99px !important;

        overflow: hidden
    }

    .product-list li figcaption .viewmore,

    .product-tile li figcaption .viewmore,

    .product-list-wide li figcaption .viewmore {

        font-size: 13px;

        font-size: .8125rem;

        letter-spacing: 0;

        line-height: 1;

        font-weight: 300;

        color: #000;

        text-transform: uppercase;

        display: inline-block;

        /* margin-top:10px; */

        height: auto;

        padding: 0;

        vertical-align: baseline;

        background-color: transparent
    }

    .product-list li figcaption .viewmore:before,

    .product-tile li figcaption .viewmore:before,

    .product-list-wide li figcaption .viewmore:before {

        text-align: center;

        font-size: .6rem;

        line-height: 16px;

        color: #fff;

        display: inline-block;

        margin-right: .7em;

        width: 15px;

        height: 15px;

        background-color: #000;

        vertical-align: text-top
    }

    .product-list li figcaption .viewmore:after,

    .product-tile li figcaption .viewmore:after,

    .product-list-wide li figcaption .viewmore:after {

        content: none
    }

    .product-list li .product-image,

    .product-tile li .product-image,

    .product-list-wide li .product-image {

        display: block;

        position: relative;

        text-align: center;

        margin: 0 auto;

        width: 260px;

        height: auto;

        padding: 25px 0;

        overflow: hidden;

        vertical-align: middle
    }

    .product-list li .product-image img,

    .product-tile li .product-image img,

    .product-list-wide li .product-image img {

        width: auto;

        max-height: 100%;

        padding: 0;

        margin: 0 auto;

        float: none
    }

    .product-list-wide li {

        padding-top: 20px
    }

    .product-list-wide li figcaption p {

        display: block
    }

    .product-list-wide li .product-image img {

        width: 100%;

        height: auto
    }

    .boss-global .product-list li:hover .viewmore,

    .boss-global .product-tile li:hover .viewmore,

    .boss-global .product-list-wide li:hover .viewmore {

        color: #000;

        background-color: transparent
    }

    .boss-global .product-list li:hover .viewmore:before,

    .boss-global .product-tile li:hover .viewmore:before,

    .boss-global .product-list-wide li:hover .viewmore:before {

        color: #fff
    }

}

.text-uppercase {

    text-transform: uppercase
}

#guide {

    display: none;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    background-position: center top;

    background-repeat: no-repeat;

    z-index: 101
}

#guide.show {

    display: block
}



/* RGWP PHP Template Local Overrides */





/* simple rebuild for basic HTML formatting */

table {

    /* width:100%;	 */

}

.standard-features {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}

.standard-features {
    min-height: .01%;
    overflow-x: auto;
}

.table {
    width: 100%;
    max-width: 100%;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.rebuild,
.rebuild p,
.rebuild li {

    font-size: 14px;

    font-size: .7rem;

    line-height: 1.46666667;

    font-weight: 300;

}



.rebuild hr {

    margin: 1.5em 0;

    border-top: none;

    border-bottom-color: #CCC;

}



.rebuild h3+p {

    margin-top: 2.4em;

}



.rebuild h4+p {

    margin-top: 1.5em;

}



.rebuild p+ul,
.rebuild p+ol {

    margin-top: 1em;

}



.rebuild h4 {

    font-size: 18px;

    font-size: .9rem;

    font-weight: 400;

    line-height: 1.2;

}



.rebuild ul,
.rebuild ol {
    margin: 0 0 1.5em 2.5em;
}

.rebuild ul {
    list-style: disc;
}

.rebuild ol {
    list-style-type: decimal;
}

.rebuild ol ol {
    list-style: upper-alpha;
}

.rebuild ol ol ol {
    list-style: lower-roman;
}

.rebuild ol ol ol ol {
    list-style: lower-alpha;
}

.rebuild ul ul,
.rebuild ol ol,
.rebuild ul ol,
.rebuild ol ul {
    margin-bottom: 0;
}



/* white category thumbnail labels */

.category-container .promo h2.light {

    color: #FFF;

}



/* remove top margin on first category button */

.category-container .promo:first-child {

    margin-top: 0;

}



/* style thumbnail caption in RSS headline view */



.link-group li p {

    margin-top: 0;

    font-size: 12px;

    font-size: .6rem;

    color: #999;

}



/* adjust min-height on product page article tab repeater */

#articles .articles>section {

    min-height: 220px;

}



/* fix BOSS blue read more link on product page article tab */

.boss-global .main .articles a {

    color: #0064ff;

}



/* temporary fix for alternate language support on custom template products */



article#features div.ct-alt {
    display: none !important;
}

#content-container.alt-lang article#features div.ct-en {
    display: none !important;
}

#content-container.alt-lang article#features div.ct-alt {
    display: block !important;
}



/* article summary lists */

.article-summary section {

    border-top: 1px solid #D5D5D5;

    box-sizing: border-box;

    min-height: 220px;

    position: relative;

    padding: 20px 0;

}



@media all and (min-width: 768px) {

    .article-summary section {

        padding: 40px 20px 40px 50%;

    }

}



.article-summary section:first-child {

    border-top: 1px solid #D5D5D5;

}



.article-summary h3 {

    font-size: 28px;

    font-size: 1.4rem;

    line-height: 1.28571429;

    font-weight: 100;

}



.article-summary h3 small {

    font-size: 16px;

    font-size: 0.8rem;

    line-height: 1.3125;

    font-weight: 300;

    color: #0c0c0c;

    display: block;

    margin: .1em auto;

}



.article-summary p a {

    display: inline-block;

    margin-left: 0.25em;

    text-decoration: none;

}



.article-summary p a:hover {

    text-decoration: underline;

}



.article-summary figure {

    height: 100%;

    padding: 0 0 20px;

    box-sizing: border-box;

}



@media all and (min-width: 768px) {

    .article-summary figure {

        border-right: 1px solid #D5D5D5;

        left: 0;

        padding: 20px;

        position: absolute;

        top: 0;

        width: 45%;

    }

}



.article-summary figure img {

    max-width: 100%;

    display: block;

}



/* change region flags */

.flag-global {
    background-image: url("../images/flag_global.png");
}

.flag-at {
    background-image: url("../images/flag_at.png");
}

.flag-au {
    background-image: url("../images/flag_au.png");
}

.flag-be {
    background-image: url("../images/flag_be.png");
}

.flag-br {
    background-image: url("../images/flag_br.png");
}

.flag-ca {
    background-image: url("../images/flag_ca.png");
}

.flag-ch {
    background-image: url("../images/flag_ch.png");
}

.flag-cn {
    background-image: url("../images/flag_cn.png");
}

.flag-cz {
    background-image: url("../images/flag_cz.png");
}

.flag-de {
    background-image: url("../images/flag_de.png");
}

.flag-dk {
    background-image: url("../images/flag_dk.png");
}

.flag-es {
    background-image: url("../images/flag_es.png");
}

.flag-fi {
    background-image: url("../images/flag_fi.png");
}

.flag-fr {
    background-image: url("../images/flag_fr.png");
}

.flag-gb {
    background-image: url("../images/flag_gb.png");
}

.flag-hu {
    background-image: url("../images/flag_hu.png");
}

.flag-id {
    background-image: url("../images/flag_id.png");
}

.flag-il {
    background-image: url("../images/flag_il.png");
}

.flag-in {
    background-image: url("../images/flag_in.png");
}

.flag-it {
    background-image: url("../images/flag_it.png");
}

.flag-jp {
    background-image: url("../images/flag_jp.png");
}

.flag-kr {
    background-image: url("../images/flag_kr.png");
}

.flag-kz {
    background-image: url("../images/flag_kz.png");
}

.flag-my {
    background-image: url("../images/flag_my.png");
}

.flag-nl {
    background-image: url("../images/flag_nl.png");
}

.flag-no {
    background-image: url("../images/flag_no.png");
}

.flag-nz {
    background-image: url("../images/flag_nz.png");
}

.flag-ph {
    background-image: url("../images/flag_ph.png");
}

.flag-pl {
    background-image: url("../images/flag_pl.png");
}

.flag-pt {
    background-image: url("../images/flag_pt.png");
}

.flag-rs {
    background-image: url("../images/flag_rs.png");
}

.flag-ru {
    background-image: url("../images/flag_ru.png");
}

.flag-se {
    background-image: url("../images/flag_se.png");
}

.flag-sg {
    background-image: url("../images/flag_sg.png");
}

.flag-sk {
    background-image: url("../images/flag_sk.png");
}

.flag-tr {
    background-image: url("../images/flag_tr.png");
}

.flag-tw {
    background-image: url("../images/flag_tw.png");
}

.flag-ua {
    background-image: url("../images/flag_ua.png");
}

.flag-us {
    background-image: url("../images/flag_us.png");
}



@media (-webkit-min-device-pixel-ratio:2),
(min--moz-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:2/1) {

    .flag {

        -moz-background-size: 23px 17px;

        -webkit-background-size: 23px 17px;

        -o-background-size: 23px 17px;

        -ms-background-size: 23px 17px;

        background-size: 23px 17px
    }

    .flag-global {
        background-image: url("../images/flag_global2x.png");
    }

    .flag-at {
        background-image: url("../images/flag_at2x.png");
    }

    .flag-au {
        background-image: url("../images/flag_au2x.png");
    }

    .flag-be {
        background-image: url("../images/flag_be2x.png");
    }

    .flag-br {
        background-image: url("../images/flag_br2x.png");
    }

    .flag-ca {
        background-image: url("../images/flag_ca2x.png");
    }

    .flag-ch {
        background-image: url("../images/flag_ch2x.png");
    }

    .flag-cn {
        background-image: url("../images/flag_cn2x.png");
    }

    .flag-cz {
        background-image: url("../images/flag_cz2x.png");
    }

    .flag-de {
        background-image: url("../images/flag_de2x.png");
    }

    .flag-dk {
        background-image: url("../images/flag_dk2x.png");
    }

    .flag-es {
        background-image: url("../images/flag_es2x.png");
    }

    .flag-fi {
        background-image: url("../images/flag_fi2x.png");
    }

    .flag-fr {
        background-image: url("../images/flag_fr2x.png");
    }

    .flag-gb {
        background-image: url("../images/flag_gb2x.png");
    }

    .flag-hu {
        background-image: url("../images/flag_hu2x.png");
    }

    .flag-id {
        background-image: url("../images/flag_id2x.png");
    }

    .flag-il {
        background-image: url("../images/flag_il2x.png");
    }

    .flag-in {
        background-image: url("../images/flag_in2x.png");
    }

    .flag-it {
        background-image: url("../images/flag_it2x.png");
    }

    .flag-jp {
        background-image: url("../images/flag_jp2x.png");
    }

    .flag-kr {
        background-image: url("../images/flag_kr2x.png");
    }

    .flag-kz {
        background-image: url("../images/flag_kz2x.png");
    }

    .flag-my {
        background-image: url("../images/flag_my2x.png");
    }

    .flag-nl {
        background-image: url("../images/flag_nl2x.png");
    }

    .flag-no {
        background-image: url("../images/flag_no2x.png");
    }

    .flag-nz {
        background-image: url("../images/flag_nz2x.png");
    }

    .flag-ph {
        background-image: url("../images/flag_ph2x.png");
    }

    .flag-pl {
        background-image: url("../images/flag_pl2x.png");
    }

    .flag-pt {
        background-image: url("../images/flag_pt2x.png");
    }

    .flag-rs {
        background-image: url("../images/flag_rs2x.png");
    }

    .flag-ru {
        background-image: url("../images/flag_ru2x.png");
    }

    .flag-se {
        background-image: url("../images/flag_se2x.png");
    }

    .flag-sg {
        background-image: url("../images/flag_sg2x.png");
    }

    .flag-sk {
        background-image: url("../images/flag_sk2x.png");
    }

    .flag-tr {
        background-image: url("../images/flag_tr2x.png");
    }

    .flag-tw {
        background-image: url("../images/flag_tw2x.png");
    }

    .flag-ua {
        background-image: url("../images/flag_ua2x.png");
    }

    .flag-us {
        background-image: url("../images/flag_us2x.png");
    }

}



/* 防伪查询 */

#idDiv {
    border: dashed 1px #ccc;
    padding: 10px;
    margin: 10px 0;
}

#FwCodec {
    font-size: 18px;
    border-color: #23AB38;
    border-radius: 0 !important;
    height: 34px;
    width: 260px;
    border: solid 1px #00aaf9;
}

#btnQuery {
    border: solid 1px #00aaf9;
    border-radius: 0 !important;
    height: 35px;
    width: 80px;
    font-size: 20px;
    background-color: #00aaf9;
    color: #fff;
}

/* 经销商 筛选 */

.CaseNav .nav_btn {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    clear: both;
    overflow: hidden;
    padding: 10px 0;
}

.CaseNav .nav_btn span {
    font-size: 14px;
    line-height: 40px;
    display: block;
    float: left;
    color: #333;
    font-weight: bold;
}

.CaseNav .nav_btn .nav_a {
    float: left;
    width: 100%;
}

.CaseNav .nav_btn a {
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    margin: 0px 10px 0 10px;
    padding: 0 20px;
    min-width: 3em;
    display: block;
    float: left;
}

.CaseNav .nav_btn a:hover,
.CaseNav .nav_btn a.active {
    background: #00aaf9;
    color: #fff;
}

a.fieldandcss {
    color: #333333;
}

.prism-player {
    height: 550px !important;
    margin-bottom: 30px;
}

@media (max-width: 767px) {

    .CaseNav .nav_btn {
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        clear: both;
        overflow: hidden;
        padding: 10px 0;
    }

    .CaseNav .nav_btn span {
        font-size: 12px;
        line-height: 30px;
        text-align: left;
        width: 100%;
        display: block;
        float: left;
    }

    .CaseNav .nav_btn .nav_a {
        float: left;
        width: 100%;
    }

    .CaseNav .nav_btn a {
        font-size: 14px;
        line-height: 30px;
        text-align: center;
        margin: 0px 0px 0 0;
        padding: 0 5px;
        min-width: 4em;
        display: block;
        float: left;
        height: 30px;
    }

    .CaseNav .nav_btn a:hover,
    .CaseNav .nav_btn a.active {
        background: #00aaf9;
        color: #fff;
    }

    /* 防伪查询 */

    #idDiv {
        border: dashed 1px #ccc;
        padding: 10px;
        margin: 10px 0;
    }

    #FwCodec {
        font-size: 18px;
        border-color: #23AB38;
        border-radius: 0 !important;
        height: 34px;
        width: 260px;
        border: solid 1px #00aaf9;
    }

    #btnQuery {
        border: solid 1px #00aaf9;
        border-radius: 0 !important;
        height: 35px;
        width: 80px;
        font-size: 20px;
        background-color: #00aaf9;
        color: #fff;
        margin: 15px 0 0 0px;
    }



    /* 搜索 */

    #ch-search {

        line-height: 0;

        display: block;

        position: absolute;

        right: 30px;

        top: 10px;

        width: 80%;

        display: none;

    }

    #ch-search input {

        display: none;

        font-size: 13px;

        font-size: .8125rem;

        font-weight: 300;

        line-height: 1;

        color: #000;

        border: none;

        width: 100%;

        height: 19px;

        padding: 0 20px 0 0;

        border-bottom: 1px dotted #ccc;

        outline: none
    }

    .prism-player {
        height: 250px !important;
    }

}





.header-button,
.sj_search2 {
    display: none;
}

@media (max-width: 767px) {

    .header-button {
        position: absolute;
        right: 48px;
        top: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-indent: -119988px;
        overflow: hidden;
        text-align: left;
        text-transform: capitalize;
        z-index: 9999999;
        display: block;
        width: 36px;
        height: 66px;
        margin: 0;
        padding: 0;
        outline: none;
        background: url(../images/search_btn.svg) no-repeat center;
        border: none;
        cursor: pointer;
    }



    #toggle-searchss {
        float: right;
    }



    #search-formss {
        -moz-transition: max-height, 0.5s;
        -o-transition: max-height, 0.5s;
        -webkit-transition: max-height, 0.5s;
        transition: max-height, 0.5s;
        position: absolute;
        top: 66px;
        left: 0;
        width: 100%;
        max-height: 0;
        z-index: 9999999;
        overflow: hidden;
        background: #fff;
    }

    #search-formss.open {
        max-height: 66px;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    .sj_search2 {
        display: block;
        /*border-top:1px solid #ccc;border-bottom:1px solid #ccc;*/
        height: 35px;
        line-height: 35px;
    }

    .sj_search2 input {
        float: left;
        width: calc(100% - 32px);
        height: 35px;
        line-height: 35px;
        border: 0;
        font-size: 14px;
    }

    .sj_search2 button {
        width: 32px;
        background: url(../images/search_btn.svg) no-repeat center;
        height: 35px;
        border: 0;
        float: left;
        cursor: pointer;
    }

}

/* 表格样式 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.biaoge {
    display: block;
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
    line-height: 15px;
}

.biaoge .borderbottom {
    border-bottom: 1px solid #C1C2C2;
}

.biaoge .borderred {
    border-right: 1px dashed #D8A3A6;
}

.biaoge .borderhui {
    border-right: 1px dashed #ccc;
}

.biaoge td {
    padding: 3px 0;
}

@media screen and (max-width: 768px) {
    .biaoge tbody {
        overflow-y: auto;
        display: block;
        width: 768px;
    }

    .biaoge td {
        padding: 3px 16px;
    }
}

@media screen and (max-width: 414px) {
    .biaoge tbody {
        width: 414px;
    }

}

@media screen and (max-width: 375px) {
    .biaoge tbody {
        width: 375px;
    }

}