abbr, address, article, aside, audio, b, blockquote, body, body div, caption, cite, code, dd, del, details, dfn, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, span, summary, tbody, tfoot, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: 0 0;
    font-family: Noto Sans SC;
}
.fl{float: left}
.fr{float: right}
a{color: #333;}
small, sub, sup {
    border: 0;
    font-weight: 400
}
strong {
    font-size: 100%
}
a, small, strong, sub, sup, table, td, th {
    margin: 0;
    padding: 0;
    background: 0 0
}
.ie7 input[type=checkbox], small, strong, sub, sup, table {
    vertical-align: baseline
}
a, td, th {
    font-size: 100%
}
strong, table, td, th {
    border: 0
}
article, aside, details, figure, footer, header, main, nav, section, summary {
    display: block
}
html {
    box-sizing: border-box;
    overflow-y: scroll
}
*, :after, :before {
    box-sizing: inherit
}
img {
    width: 100%;
}
.banner img {
  display: block;  
}
embed, object {
    max-width: 100%
}
ul {
    list-style: none
}
blockquote, q {
    quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
    content: none
}
a {
    vertical-align: baseline;
    text-decoration: none
}
a.active, a:focus, a:hover {
    text-decoration: none
}
del {
    text-decoration: line-through
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}
table {
    border-collapse: separate;
    border-spacing: 0;
    font: 100%;
    font-size: inherit
}
td {
    font-weight: 400
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}
input, select {
    vertical-align: middle
}
pre {
    white-space: pre-line;
    word-wrap: break-word
}
input[type=radio] {
    vertical-align: text-bottom
}
input[type=checkbox], th {
    vertical-align: bottom
}
.ie6 input {
    vertical-align: text-bottom
}
input, select, textarea {
    font: 99% sans-serif
}
small {
    font-size: 85%
}
strong, th {
    font-weight: 700
}
td, td img {
    vertical-align: top
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
.clickable, button, input[type=button], input[type=file], input[type=submit], label {
    cursor: pointer
}
button, input, select, textarea {
    margin: 0
}
button, input[type=button] {
    width: auto;
    overflow: visible
}
.ie7 img {
    -ms-interpolation-mode: bicubic
}
.clearfix:after {
    content: " ";
    display: block;
    clear: both
}
.grid-container {
    width: 1200px;
    margin: 0 auto
}
@media (max-width: 768px) {
    .grid-container {
        width: 100%
    }
}
.grid-container-fluid {
    width: 100%
}
.grid-container .grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}
.grid-container .grid.top {
    align-items: flex-start
}
.grid-container .grid.middle {
    align-items: center
}
.grid-container .grid.bottom {
    align-items: flex-end
}
.grid-container .grid.stretch {
    align-items: stretch
}
.grid-container .grid.baseline {
    align-items: baseline
}
.grid-container .grid.left {
    justify-content: flex-start
}
.grid-container .grid.center {
    justify-content: center
}
.grid-container .grid.right {
    justify-content: flex-end
}
.grid-container .grid.between {
    justify-content: space-between
}
.grid-container .grid.around {
    justify-content: space-around
}
.grid-container .cell {
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 0 10px
}
.grid-container .cell.is {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%
}
.grid-container .cell.is-fifth {
    flex-basis: 20%;
    max-width: 20%
}
.grid-container .cell.is-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}
.grid-container .cell.is-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}
.grid-container .cell.is-3 {
    flex-basis: 25%;
    max-width: 25%
}
.grid-container .cell.is-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}
.grid-container .cell.is-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
}
.grid-container .cell.is-6 {
    flex-basis: 50%;
    max-width: 50%
}
.grid-container .cell.is-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
}
.grid-container .cell.is-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
}
.grid-container .cell.is-9 {
    flex-basis: 75%;
    max-width: 75%
}
.grid-container .cell.is-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
}
.grid-container .cell.is-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
}
.grid-container .cell.is-12 {
    flex-basis: 100%;
    max-width: 100%
}
.grid-container .cell.is-offset-0 {
    margin-left: 0
}
.grid-container .cell.is-offset-1 {
    margin-left: 8.33333333%
}
.grid-container .cell.is-offset-2 {
    margin-left: 16.66666667%
}
.grid-container .cell.is-offset-3 {
    margin-left: 25%
}
.grid-container .cell.is-offset-4 {
    margin-left: 33.33333333%
}
.grid-container .cell.is-offset-5 {
    margin-left: 41.66666667%
}
.grid-container .cell.is-offset-6 {
    margin-left: 50%
}
.grid-container .cell.is-offset-7 {
    margin-left: 58.33333333%
}
.grid-container .cell.is-offset-8 {
    margin-left: 66.66666667%
}
.grid-container .cell.is-offset-9 {
    margin-left: 75%
}
.grid-container .cell.is-offset-10 {
    margin-left: 83.33333333%
}
.grid-container .cell.is-offset-11 {
    margin-left: 91.66666667%
}
.grid-container-fluid .grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}
.grid-container-fluid .grid.top {
    align-items: flex-start
}
.grid-container-fluid .grid.middle {
    align-items: center
}
.grid-container-fluid .grid.bottom {
    align-items: flex-end
}
.grid-container-fluid .grid.stretch {
    align-items: stretch
}
.grid-container-fluid .grid.baseline {
    align-items: baseline
}
.grid-container-fluid .grid.left {
    justify-content: flex-start
}
.grid-container-fluid .grid.center {
    justify-content: center
}
.grid-container-fluid .grid.right {
    justify-content: flex-end
}
.grid-container-fluid .grid.between {
    justify-content: space-between
}
.grid-container-fluid .grid.around {
    justify-content: space-around
}
.grid-container-fluid .cell {
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 0 10px
}
.grid-container-fluid .cell.is {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%
}
.grid-container-fluid .cell.is-fifth {
    flex-basis: 20%;
    max-width: 20%
}
.grid-container-fluid .cell.is-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}
.grid-container-fluid .cell.is-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}
.grid-container-fluid .cell.is-3 {
    flex-basis: 25%;
    max-width: 25%
}
.grid-container-fluid .cell.is-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}
.grid-container-fluid .cell.is-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
}
.grid-container-fluid .cell.is-6 {
    flex-basis: 50%;
    max-width: 50%
}
.grid-container-fluid .cell.is-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
}
.grid-container-fluid .cell.is-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
}
.grid-container-fluid .cell.is-9 {
    flex-basis: 75%;
    max-width: 75%
}
.grid-container-fluid .cell.is-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
}
.grid-container-fluid .cell.is-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
}
.grid-container-fluid .cell.is-12 {
    flex-basis: 100%;
    max-width: 100%
}
.grid-container-fluid .cell.is-offset-0 {
    margin-left: 0
}
.grid-container-fluid .cell.is-offset-1 {
    margin-left: 8.33333333%
}
.grid-container-fluid .cell.is-offset-2 {
    margin-left: 16.66666667%
}
.grid-container-fluid .cell.is-offset-3 {
    margin-left: 25%
}
.grid-container-fluid .cell.is-offset-4 {
    margin-left: 33.33333333%
}
.grid-container-fluid .cell.is-offset-5 {
    margin-left: 41.66666667%
}
.grid-container-fluid .cell.is-offset-6 {
    margin-left: 50%
}
.grid-container-fluid .cell.is-offset-7 {
    margin-left: 58.33333333%
}
.grid-container-fluid .cell.is-offset-8 {
    margin-left: 66.66666667%
}
.grid-container-fluid .cell.is-offset-9 {
    margin-left: 75%
}
.grid-container-fluid .cell.is-offset-10 {
    margin-left: 83.33333333%
}
.grid-container-fluid .cell.is-offset-11 {
    margin-left: 91.66666667%
}
.dui-btn {
    display: inline-block;
    color: #fff;
    height: 46px;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 32px;
    border: none;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
    transition: all .3s ease
}
.dui-btn.active, .dui-btn:hover {
    color: #fff;
    text-decoration: none
}
.dui-btn-sm {
    height: 30px;
    font-size: 14px;
    line-height: 14px;
    padding: 8px 16px
}
.dui-btn-normal, .dui-btn-primary {
    background: #3c3e40;
    background-image: linear-gradient(-180deg, #3c3e40 0%, #303233 100%)
}
.dui-btn-normal.active, .dui-btn-normal:hover, .dui-btn-primary.active, .dui-btn-primary:hover {
    background-image: linear-gradient(-180deg, #545759 0%, #303233 100%)
}
.dui-btn-buy {
    background: #1e9df7;
    background-image: linear-gradient(-180deg, #1e9df7 0%, #1392ed 100%)
}
.dui-btn-buy.active, .dui-btn-buy:hover {
    background-image: linear-gradient(-180deg, #4cb5ff 0%, #1392ed 100%)
}
.dui-learn-more {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 46px;
    height: 46px;
    color: #303233;
    cursor: pointer
}
.dui-learn-more i.fa-angle-right {
    margin-left: 8px;
    font-weight: 600
}
.dui-learn-more.active, .dui-learn-more:hover {
    color: #616466;
    text-decoration: none
}
/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: 'FontAwesome';
    src: url(../fonts/fontawesome-webfont-aa538dec910e5ef33bf238746bbf45df.eot);
    src: url(../fonts/fontawesome-webfont-aa538dec910e5ef33bf238746bbf45df.eot) format('embedded-opentype'), url(../fonts/fontawesome-webfont-261feaba0e71dad626c7bb4b15060e69.woff2) format('woff2'), url(../fonts/fontawesome-webfont-d92d11411ec5fed256e834c68ebf0f89.woff) format('woff'), url(../fonts/fontawesome-webfont-4a3067573c030d0133d74eff54863594.ttf) format('truetype'), url(../fonts/fontawesome-webfont-979eaf5cec80ac784715551e970c0850.svg) format('svg');
    font-weight: 400;
    font-style: normal
}
.fa {
    display: inline-block;
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}
.fa-2x {
    font-size: 2em
}
.fa-3x {
    font-size: 3em
}
.fa-4x {
    font-size: 4em
}
.fa-5x {
    font-size: 5em
}
.fa-fw {
    width: 1.28571429em;
    text-align: center
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}
.fa-ul > li {
    position: relative
}
.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}
.fa-li.fa-lg {
    left: -1.85714286em
}
.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}
.fa-pull-left {
    float: left
}
.fa-pull-right, .pull-right {
    float: right
}
.fa.fa-pull-left {
    margin-right: .3em
}
.fa.fa-pull-right {
    margin-left: .3em
}
.pull-left {
    float: left
}
.fa.pull-left {
    margin-right: .3em
}
.fa.pull-right {
    margin-left: .3em
}
.fa-spin {
    animation: fa-spin 2s infinite linear
}
.fa-pulse {
    animation: fa-spin 1s infinite steps(8)
}
@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}
.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    transform: rotate(90deg)
}
.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(180deg)
}
.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(270deg)
}
.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    transform: scale(-1, 1)
}
.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    transform: scale(1, -1)
}
:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
    filter: none
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}
.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}
.fa-stack-1x {
    line-height: inherit
}
.fa-stack-2x {
    font-size: 2em
}
.fa-inverse {
    color: #fff
}
.fa-glass:before {
    content: "\f000"
}
.fa-music:before {
    content: "\f001"
}
.fa-search:before {
    content: "\f002"
}
.fa-envelope-o:before {
    content: "\f003"
}
.fa-heart:before {
    content: "\f004"
}
.fa-star:before {
    content: "\f005"
}
.fa-star-o:before {
    content: "\f006"
}
.fa-user:before {
    content: "\f007"
}
.fa-film:before {
    content: "\f008"
}
.fa-th-large:before {
    content: "\f009"
}
.fa-th:before {
    content: "\f00a"
}
.fa-th-list:before {
    content: "\f00b"
}
.fa-check:before {
    content: "\f00c"
}
.fa-close:before, .fa-remove:before, .fa-times:before {
    content: "\f00d"
}
.fa-search-plus:before {
    content: "\f00e"
}
.fa-search-minus:before {
    content: "\f010"
}
.fa-power-off:before {
    content: "\f011"
}
.fa-signal:before {
    content: "\f012"
}
.fa-cog:before, .fa-gear:before {
    content: "\f013"
}
.fa-trash-o:before {
    content: "\f014"
}
.fa-home:before {
    content: "\f015"
}
.fa-file-o:before {
    content: "\f016"
}
.fa-clock-o:before {
    content: "\f017"
}
.fa-road:before {
    content: "\f018"
}
.fa-download:before {
    content: "\f019"
}
.fa-arrow-circle-o-down:before {
    content: "\f01a"
}
.fa-arrow-circle-o-up:before {
    content: "\f01b"
}
.fa-inbox:before {
    content: "\f01c"
}
.fa-play-circle-o:before {
    content: "\f01d"
}
.fa-repeat:before, .fa-rotate-right:before {
    content: "\f01e"
}
.fa-refresh:before {
    content: "\f021"
}
.fa-list-alt:before {
    content: "\f022"
}
.fa-lock:before {
    content: "\f023"
}
.fa-flag:before {
    content: "\f024"
}
.fa-headphones:before {
    content: "\f025"
}
.fa-volume-off:before {
    content: "\f026"
}
.fa-volume-down:before {
    content: "\f027"
}
.fa-volume-up:before {
    content: "\f028"
}
.fa-qrcode:before {
    content: "\f029"
}
.fa-barcode:before {
    content: "\f02a"
}
.fa-tag:before {
    content: "\f02b"
}
.fa-tags:before {
    content: "\f02c"
}
.fa-book:before {
    content: "\f02d"
}
.fa-bookmark:before {
    content: "\f02e"
}
.fa-print:before {
    content: "\f02f"
}
.fa-camera:before {
    content: "\f030"
}
.fa-font:before {
    content: "\f031"
}
.fa-bold:before {
    content: "\f032"
}
.fa-italic:before {
    content: "\f033"
}
.fa-text-height:before {
    content: "\f034"
}
.fa-text-width:before {
    content: "\f035"
}
.fa-align-left:before {
    content: "\f036"
}
.fa-align-center:before {
    content: "\f037"
}
.fa-align-right:before {
    content: "\f038"
}
.fa-align-justify:before {
    content: "\f039"
}
.fa-list:before {
    content: "\f03a"
}
.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}
.fa-indent:before {
    content: "\f03c"
}
.fa-video-camera:before {
    content: "\f03d"
}
.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: "\f03e"
}
.fa-pencil:before {
    content: "\f040"
}
.fa-map-marker:before {
    content: "\f041"
}
.fa-adjust:before {
    content: "\f042"
}
.fa-tint:before {
    content: "\f043"
}
.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}
.fa-share-square-o:before {
    content: "\f045"
}
.fa-check-square-o:before {
    content: "\f046"
}
.fa-arrows:before {
    content: "\f047"
}
.fa-step-backward:before {
    content: "\f048"
}
.fa-fast-backward:before {
    content: "\f049"
}
.fa-backward:before {
    content: "\f04a"
}
.fa-play:before {
    content: "\f04b"
}
.fa-pause:before {
    content: "\f04c"
}
.fa-stop:before {
    content: "\f04d"
}
.fa-forward:before {
    content: "\f04e"
}
.fa-fast-forward:before {
    content: "\f050"
}
.fa-step-forward:before {
    content: "\f051"
}
.fa-eject:before {
    content: "\f052"
}
.fa-chevron-left:before {
    content: "\f053"
}
.fa-chevron-right:before {
    content: "\f054"
}
.fa-plus-circle:before {
    content: "\f055"
}
.fa-minus-circle:before {
    content: "\f056"
}
.fa-times-circle:before {
    content: "\f057"
}
.fa-check-circle:before {
    content: "\f058"
}
.fa-question-circle:before {
    content: "\f059"
}
.fa-info-circle:before {
    content: "\f05a"
}
.fa-crosshairs:before {
    content: "\f05b"
}
.fa-times-circle-o:before {
    content: "\f05c"
}
.fa-check-circle-o:before {
    content: "\f05d"
}
.fa-ban:before {
    content: "\f05e"
}
.fa-arrow-left:before {
    content: "\f060"
}
.fa-arrow-right:before {
    content: "\f061"
}
.fa-arrow-up:before {
    content: "\f062"
}
.fa-arrow-down:before {
    content: "\f063"
}
.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}
.fa-expand:before {
    content: "\f065"
}
.fa-compress:before {
    content: "\f066"
}
.fa-plus:before {
    content: "\f067"
}
.fa-minus:before {
    content: "\f068"
}
.fa-asterisk:before {
    content: "\f069"
}
.fa-exclamation-circle:before {
    content: "\f06a"
}
.fa-gift:before {
    content: "\f06b"
}
.fa-leaf:before {
    content: "\f06c"
}
.fa-fire:before {
    content: "\f06d"
}
.fa-eye:before {
    content: "\f06e"
}
.fa-eye-slash:before {
    content: "\f070"
}
.fa-exclamation-triangle:before, .fa-warning:before {
    content: "\f071"
}
.fa-plane:before {
    content: "\f072"
}
.fa-calendar:before {
    content: "\f073"
}
.fa-random:before {
    content: "\f074"
}
.fa-comment:before {
    content: "\f075"
}
.fa-magnet:before {
    content: "\f076"
}
.fa-chevron-up:before {
    content: "\f077"
}
.fa-chevron-down:before {
    content: "\f078"
}
.fa-retweet:before {
    content: "\f079"
}
.fa-shopping-cart:before {
    content: "\f07a"
}
.fa-folder:before {
    content: "\f07b"
}
.fa-folder-open:before {
    content: "\f07c"
}
.fa-arrows-v:before {
    content: "\f07d"
}
.fa-arrows-h:before {
    content: "\f07e"
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}
.fa-twitter-square:before {
    content: "\f081"
}
.fa-facebook-square:before {
    content: "\f082"
}
.fa-camera-retro:before {
    content: "\f083"
}
.fa-key:before {
    content: "\f084"
}
.fa-cogs:before, .fa-gears:before {
    content: "\f085"
}
.fa-comments:before {
    content: "\f086"
}
.fa-thumbs-o-up:before {
    content: "\f087"
}
.fa-thumbs-o-down:before {
    content: "\f088"
}
.fa-star-half:before {
    content: "\f089"
}
.fa-heart-o:before {
    content: "\f08a"
}
.fa-sign-out:before {
    content: "\f08b"
}
.fa-linkedin-square:before {
    content: "\f08c"
}
.fa-thumb-tack:before {
    content: "\f08d"
}
.fa-external-link:before {
    content: "\f08e"
}
.fa-sign-in:before {
    content: "\f090"
}
.fa-trophy:before {
    content: "\f091"
}
.fa-github-square:before {
    content: "\f092"
}
.fa-upload:before {
    content: "\f093"
}
.fa-lemon-o:before {
    content: "\f094"
}
.fa-phone:before {
    content: "\f095"
}
.fa-square-o:before {
    content: "\f096"
}
.fa-bookmark-o:before {
    content: "\f097"
}
.fa-phone-square:before {
    content: "\f098"
}
.fa-twitter:before {
    content: "\f099"
}
.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}
.fa-github:before {
    content: "\f09b"
}
.fa-unlock:before {
    content: "\f09c"
}
.fa-credit-card:before {
    content: "\f09d"
}
.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}
.fa-hdd-o:before {
    content: "\f0a0"
}
.fa-bullhorn:before {
    content: "\f0a1"
}
.fa-bell:before {
    content: "\f0f3"
}
.fa-certificate:before {
    content: "\f0a3"
}
.fa-hand-o-right:before {
    content: "\f0a4"
}
.fa-hand-o-left:before {
    content: "\f0a5"
}
.fa-hand-o-up:before {
    content: "\f0a6"
}
.fa-hand-o-down:before {
    content: "\f0a7"
}
.fa-arrow-circle-left:before {
    content: "\f0a8"
}
.fa-arrow-circle-right:before {
    content: "\f0a9"
}
.fa-arrow-circle-up:before {
    content: "\f0aa"
}
.fa-arrow-circle-down:before {
    content: "\f0ab"
}
.fa-globe:before {
    content: "\f0ac"
}
.fa-wrench:before {
    content: "\f0ad"
}
.fa-tasks:before {
    content: "\f0ae"
}
.fa-filter:before {
    content: "\f0b0"
}
.fa-briefcase:before {
    content: "\f0b1"
}
.fa-arrows-alt:before {
    content: "\f0b2"
}
.fa-group:before, .fa-users:before {
    content: "\f0c0"
}
.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}
.fa-cloud:before {
    content: "\f0c2"
}
.fa-flask:before {
    content: "\f0c3"
}
.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}
.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}
.fa-paperclip:before {
    content: "\f0c6"
}
.fa-floppy-o:before, .fa-save:before {
    content: "\f0c7"
}
.fa-square:before {
    content: "\f0c8"
}
.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\f0c9"
}
.fa-list-ul:before {
    content: "\f0ca"
}
.fa-list-ol:before {
    content: "\f0cb"
}
.fa-strikethrough:before {
    content: "\f0cc"
}
.fa-underline:before {
    content: "\f0cd"
}
.fa-table:before {
    content: "\f0ce"
}
.fa-magic:before {
    content: "\f0d0"
}
.fa-truck:before {
    content: "\f0d1"
}
.fa-pinterest:before {
    content: "\f0d2"
}
.fa-pinterest-square:before {
    content: "\f0d3"
}
.fa-google-plus-square:before {
    content: "\f0d4"
}
.fa-google-plus:before {
    content: "\f0d5"
}
.fa-money:before {
    content: "\f0d6"
}
.fa-caret-down:before {
    content: "\f0d7"
}
.fa-caret-up:before {
    content: "\f0d8"
}
.fa-caret-left:before {
    content: "\f0d9"
}
.fa-caret-right:before {
    content: "\f0da"
}
.fa-columns:before {
    content: "\f0db"
}
.fa-sort:before, .fa-unsorted:before {
    content: "\f0dc"
}
.fa-sort-desc:before, .fa-sort-down:before {
    content: "\f0dd"
}
.fa-sort-asc:before, .fa-sort-up:before {
    content: "\f0de"
}
.fa-envelope:before {
    content: "\f0e0"
}
.fa-linkedin:before {
    content: "\f0e1"
}
.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}
.fa-gavel:before, .fa-legal:before {
    content: "\f0e3"
}
.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}
.fa-comment-o:before {
    content: "\f0e5"
}
.fa-comments-o:before {
    content: "\f0e6"
}
.fa-bolt:before, .fa-flash:before {
    content: "\f0e7"
}
.fa-sitemap:before {
    content: "\f0e8"
}
.fa-umbrella:before {
    content: "\f0e9"
}
.fa-clipboard:before, .fa-paste:before {
    content: "\f0ea"
}
.fa-lightbulb-o:before {
    content: "\f0eb"
}
.fa-exchange:before {
    content: "\f0ec"
}
.fa-cloud-download:before {
    content: "\f0ed"
}
.fa-cloud-upload:before {
    content: "\f0ee"
}
.fa-user-md:before {
    content: "\f0f0"
}
.fa-stethoscope:before {
    content: "\f0f1"
}
.fa-suitcase:before {
    content: "\f0f2"
}
.fa-bell-o:before {
    content: "\f0a2"
}
.fa-coffee:before {
    content: "\f0f4"
}
.fa-cutlery:before {
    content: "\f0f5"
}
.fa-file-text-o:before {
    content: "\f0f6"
}
.fa-building-o:before {
    content: "\f0f7"
}
.fa-hospital-o:before {
    content: "\f0f8"
}
.fa-ambulance:before {
    content: "\f0f9"
}
.fa-medkit:before {
    content: "\f0fa"
}
.fa-fighter-jet:before {
    content: "\f0fb"
}
.fa-beer:before {
    content: "\f0fc"
}
.fa-h-square:before {
    content: "\f0fd"
}
.fa-plus-square:before {
    content: "\f0fe"
}
.fa-angle-double-left:before {
    content: "\f100"
}
.fa-angle-double-right:before {
    content: "\f101"
}
.fa-angle-double-up:before {
    content: "\f102"
}
.fa-angle-double-down:before {
    content: "\f103"
}
.fa-angle-left:before {
    content: "\f104"
}
.fa-angle-right:before {
    content: "\f105"
}
.fa-angle-up:before {
    content: "\f106"
}
.fa-angle-down:before {
    content: "\f107"
}
.fa-desktop:before {
    content: "\f108"
}
.fa-laptop:before {
    content: "\f109"
}
.fa-tablet:before {
    content: "\f10a"
}
.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}
.fa-circle-o:before {
    content: "\f10c"
}
.fa-quote-left:before {
    content: "\f10d"
}
.fa-quote-right:before {
    content: "\f10e"
}
.fa-spinner:before {
    content: "\f110"
}
.fa-circle:before {
    content: "\f111"
}
.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}
.fa-github-alt:before {
    content: "\f113"
}
.fa-folder-o:before {
    content: "\f114"
}
.fa-folder-open-o:before {
    content: "\f115"
}
.fa-smile-o:before {
    content: "\f118"
}
.fa-frown-o:before {
    content: "\f119"
}
.fa-meh-o:before {
    content: "\f11a"
}
.fa-gamepad:before {
    content: "\f11b"
}
.fa-keyboard-o:before {
    content: "\f11c"
}
.fa-flag-o:before {
    content: "\f11d"
}
.fa-flag-checkered:before {
    content: "\f11e"
}
.fa-terminal:before {
    content: "\f120"
}
.fa-code:before {
    content: "\f121"
}
.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}
.fa-location-arrow:before {
    content: "\f124"
}
.fa-crop:before {
    content: "\f125"
}
.fa-code-fork:before {
    content: "\f126"
}
.fa-chain-broken:before, .fa-unlink:before {
    content: "\f127"
}
.fa-question:before {
    content: "\f128"
}
.fa-info:before {
    content: "\f129"
}
.fa-exclamation:before {
    content: "\f12a"
}
.fa-superscript:before {
    content: "\f12b"
}
.fa-subscript:before {
    content: "\f12c"
}
.fa-eraser:before {
    content: "\f12d"
}
.fa-puzzle-piece:before {
    content: "\f12e"
}
.fa-microphone:before {
    content: "\f130"
}
.fa-microphone-slash:before {
    content: "\f131"
}
.fa-shield:before {
    content: "\f132"
}
.fa-calendar-o:before {
    content: "\f133"
}
.fa-fire-extinguisher:before {
    content: "\f134"
}
.fa-rocket:before {
    content: "\f135"
}
.fa-maxcdn:before {
    content: "\f136"
}
.fa-chevron-circle-left:before {
    content: "\f137"
}
.fa-chevron-circle-right:before {
    content: "\f138"
}
.fa-chevron-circle-up:before {
    content: "\f139"
}
.fa-chevron-circle-down:before {
    content: "\f13a"
}
.fa-html5:before {
    content: "\f13b"
}
.fa-css3:before {
    content: "\f13c"
}
.fa-anchor:before {
    content: "\f13d"
}
.fa-unlock-alt:before {
    content: "\f13e"
}
.fa-bullseye:before {
    content: "\f140"
}
.fa-ellipsis-h:before {
    content: "\f141"
}
.fa-ellipsis-v:before {
    content: "\f142"
}
.fa-rss-square:before {
    content: "\f143"
}
.fa-play-circle:before {
    content: "\f144"
}
.fa-ticket:before {
    content: "\f145"
}
.fa-minus-square:before {
    content: "\f146"
}
.fa-minus-square-o:before {
    content: "\f147"
}
.fa-level-up:before {
    content: "\f148"
}
.fa-level-down:before {
    content: "\f149"
}
.fa-check-square:before {
    content: "\f14a"
}
.fa-pencil-square:before {
    content: "\f14b"
}
.fa-external-link-square:before {
    content: "\f14c"
}
.fa-share-square:before {
    content: "\f14d"
}
.fa-compass:before {
    content: "\f14e"
}
.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: "\f150"
}
.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: "\f151"
}
.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: "\f152"
}
.fa-eur:before, .fa-euro:before {
    content: "\f153"
}
.fa-gbp:before {
    content: "\f154"
}
.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}
.fa-inr:before, .fa-rupee:before {
    content: "\f156"
}
.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: "\f157"
}
.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: "\f158"
}
.fa-krw:before, .fa-won:before {
    content: "\f159"
}
.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}
.fa-file:before {
    content: "\f15b"
}
.fa-file-text:before {
    content: "\f15c"
}
.fa-sort-alpha-asc:before {
    content: "\f15d"
}
.fa-sort-alpha-desc:before {
    content: "\f15e"
}
.fa-sort-amount-asc:before {
    content: "\f160"
}
.fa-sort-amount-desc:before {
    content: "\f161"
}
.fa-sort-numeric-asc:before {
    content: "\f162"
}
.fa-sort-numeric-desc:before {
    content: "\f163"
}
.fa-thumbs-up:before {
    content: "\f164"
}
.fa-thumbs-down:before {
    content: "\f165"
}
.fa-youtube-square:before {
    content: "\f166"
}
.fa-youtube:before {
    content: "\f167"
}
.fa-xing:before {
    content: "\f168"
}
.fa-xing-square:before {
    content: "\f169"
}
.fa-youtube-play:before {
    content: "\f16a"
}
.fa-dropbox:before {
    content: "\f16b"
}
.fa-stack-overflow:before {
    content: "\f16c"
}
.fa-instagram:before {
    content: "\f16d"
}
.fa-flickr:before {
    content: "\f16e"
}
.fa-adn:before {
    content: "\f170"
}
.fa-bitbucket:before {
    content: "\f171"
}
.fa-bitbucket-square:before {
    content: "\f172"
}
.fa-tumblr:before {
    content: "\f173"
}
.fa-tumblr-square:before {
    content: "\f174"
}
.fa-long-arrow-down:before {
    content: "\f175"
}
.fa-long-arrow-up:before {
    content: "\f176"
}
.fa-long-arrow-left:before {
    content: "\f177"
}
.fa-long-arrow-right:before {
    content: "\f178"
}
.fa-apple:before {
    content: "\f179"
}
.fa-windows:before {
    content: "\f17a"
}
.fa-android:before {
    content: "\f17b"
}
.fa-linux:before {
    content: "\f17c"
}
.fa-dribbble:before {
    content: "\f17d"
}
.fa-skype:before {
    content: "\f17e"
}
.fa-foursquare:before {
    content: "\f180"
}
.fa-trello:before {
    content: "\f181"
}
.fa-female:before {
    content: "\f182"
}
.fa-male:before {
    content: "\f183"
}
.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}
.fa-sun-o:before {
    content: "\f185"
}
.fa-moon-o:before {
    content: "\f186"
}
.fa-archive:before {
    content: "\f187"
}
.fa-bug:before {
    content: "\f188"
}
.fa-vk:before {
    content: "\f189"
}
.fa-weibo:before {
    content: "\f18a"
}
.fa-renren:before {
    content: "\f18b"
}
.fa-pagelines:before {
    content: "\f18c"
}
.fa-stack-exchange:before {
    content: "\f18d"
}
.fa-arrow-circle-o-right:before {
    content: "\f18e"
}
.fa-arrow-circle-o-left:before {
    content: "\f190"
}
.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: "\f191"
}
.fa-dot-circle-o:before {
    content: "\f192"
}
.fa-wheelchair:before {
    content: "\f193"
}
.fa-vimeo-square:before {
    content: "\f194"
}
.fa-try:before, .fa-turkish-lira:before {
    content: "\f195"
}
.fa-plus-square-o:before {
    content: "\f196"
}
.fa-space-shuttle:before {
    content: "\f197"
}
.fa-slack:before {
    content: "\f198"
}
.fa-envelope-square:before {
    content: "\f199"
}
.fa-wordpress:before {
    content: "\f19a"
}
.fa-openid:before {
    content: "\f19b"
}
.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: "\f19c"
}
.fa-graduation-cap:before, .fa-mortar-board:before {
    content: "\f19d"
}
.fa-yahoo:before {
    content: "\f19e"
}
.fa-google:before {
    content: "\f1a0"
}
.fa-reddit:before {
    content: "\f1a1"
}
.fa-reddit-square:before {
    content: "\f1a2"
}
.fa-stumbleupon-circle:before {
    content: "\f1a3"
}
.fa-stumbleupon:before {
    content: "\f1a4"
}
.fa-delicious:before {
    content: "\f1a5"
}
.fa-digg:before {
    content: "\f1a6"
}
.fa-pied-piper:before {
    content: "\f1a7"
}
.fa-pied-piper-alt:before {
    content: "\f1a8"
}
.fa-drupal:before {
    content: "\f1a9"
}
.fa-joomla:before {
    content: "\f1aa"
}
.fa-language:before {
    content: "\f1ab"
}
.fa-fax:before {
    content: "\f1ac"
}
.fa-building:before {
    content: "\f1ad"
}
.fa-child:before {
    content: "\f1ae"
}
.fa-paw:before {
    content: "\f1b0"
}
.fa-spoon:before {
    content: "\f1b1"
}
.fa-cube:before {
    content: "\f1b2"
}
.fa-cubes:before {
    content: "\f1b3"
}
.fa-behance:before {
    content: "\f1b4"
}
.fa-behance-square:before {
    content: "\f1b5"
}
.fa-steam:before {
    content: "\f1b6"
}
.fa-steam-square:before {
    content: "\f1b7"
}
.fa-recycle:before {
    content: "\f1b8"
}
.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}
.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}
.fa-tree:before {
    content: "\f1bb"
}
.fa-spotify:before {
    content: "\f1bc"
}
.fa-deviantart:before {
    content: "\f1bd"
}
.fa-soundcloud:before {
    content: "\f1be"
}
.fa-database:before {
    content: "\f1c0"
}
.fa-file-pdf-o:before {
    content: "\f1c1"
}
.fa-file-word-o:before {
    content: "\f1c2"
}
.fa-file-excel-o:before {
    content: "\f1c3"
}
.fa-file-powerpoint-o:before {
    content: "\f1c4"
}
.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: "\f1c5"
}
.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: "\f1c6"
}
.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: "\f1c7"
}
.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}
.fa-file-code-o:before {
    content: "\f1c9"
}
.fa-vine:before {
    content: "\f1ca"
}
.fa-codepen:before {
    content: "\f1cb"
}
.fa-jsfiddle:before {
    content: "\f1cc"
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: "\f1cd"
}
.fa-circle-o-notch:before {
    content: "\f1ce"
}
.fa-ra:before, .fa-rebel:before {
    content: "\f1d0"
}
.fa-empire:before, .fa-ge:before {
    content: "\f1d1"
}
.fa-git-square:before {
    content: "\f1d2"
}
.fa-git:before {
    content: "\f1d3"
}
.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: "\f1d4"
}
.fa-tencent-weibo:before {
    content: "\f1d5"
}
.fa-qq:before {
    content: "\f1d6"
}
.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}
.fa-paper-plane:before, .fa-send:before {
    content: "\f1d8"
}
.fa-paper-plane-o:before, .fa-send-o:before {
    content: "\f1d9"
}
.fa-history:before {
    content: "\f1da"
}
.fa-circle-thin:before {
    content: "\f1db"
}
.fa-header:before {
    content: "\f1dc"
}
.fa-paragraph:before {
    content: "\f1dd"
}
.fa-sliders:before {
    content: "\f1de"
}
.fa-share-alt:before {
    content: "\f1e0"
}
.fa-share-alt-square:before {
    content: "\f1e1"
}
.fa-bomb:before {
    content: "\f1e2"
}
.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: "\f1e3"
}
.fa-tty:before {
    content: "\f1e4"
}
.fa-binoculars:before {
    content: "\f1e5"
}
.fa-plug:before {
    content: "\f1e6"
}
.fa-slideshare:before {
    content: "\f1e7"
}
.fa-twitch:before {
    content: "\f1e8"
}
.fa-yelp:before {
    content: "\f1e9"
}
.fa-newspaper-o:before {
    content: "\f1ea"
}
.fa-wifi:before {
    content: "\f1eb"
}
.fa-calculator:before {
    content: "\f1ec"
}
.fa-paypal:before {
    content: "\f1ed"
}
.fa-google-wallet:before {
    content: "\f1ee"
}
.fa-cc-visa:before {
    content: "\f1f0"
}
.fa-cc-mastercard:before {
    content: "\f1f1"
}
.fa-cc-discover:before {
    content: "\f1f2"
}
.fa-cc-amex:before {
    content: "\f1f3"
}
.fa-cc-paypal:before {
    content: "\f1f4"
}
.fa-cc-stripe:before {
    content: "\f1f5"
}
.fa-bell-slash:before {
    content: "\f1f6"
}
.fa-bell-slash-o:before {
    content: "\f1f7"
}
.fa-trash:before {
    content: "\f1f8"
}
.fa-copyright:before {
    content: "\f1f9"
}
.fa-at:before {
    content: "\f1fa"
}
.fa-eyedropper:before {
    content: "\f1fb"
}
.fa-paint-brush:before {
    content: "\f1fc"
}
.fa-birthday-cake:before {
    content: "\f1fd"
}
.fa-area-chart:before {
    content: "\f1fe"
}
.fa-pie-chart:before {
    content: "\f200"
}
.fa-line-chart:before {
    content: "\f201"
}
.fa-lastfm:before {
    content: "\f202"
}
.fa-lastfm-square:before {
    content: "\f203"
}
.fa-toggle-off:before {
    content: "\f204"
}
.fa-toggle-on:before {
    content: "\f205"
}
.fa-bicycle:before {
    content: "\f206"
}
.fa-bus:before {
    content: "\f207"
}
.fa-ioxhost:before {
    content: "\f208"
}
.fa-angellist:before {
    content: "\f209"
}
.fa-cc:before {
    content: "\f20a"
}
.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: "\f20b"
}
.fa-meanpath:before {
    content: "\f20c"
}
.fa-buysellads:before {
    content: "\f20d"
}
.fa-connectdevelop:before {
    content: "\f20e"
}
.fa-dashcube:before {
    content: "\f210"
}
.fa-forumbee:before {
    content: "\f211"
}
.fa-leanpub:before {
    content: "\f212"
}
.fa-sellsy:before {
    content: "\f213"
}
.fa-shirtsinbulk:before {
    content: "\f214"
}
.fa-simplybuilt:before {
    content: "\f215"
}
.fa-skyatlas:before {
    content: "\f216"
}
.fa-cart-plus:before {
    content: "\f217"
}
.fa-cart-arrow-down:before {
    content: "\f218"
}
.fa-diamond:before {
    content: "\f219"
}
.fa-ship:before {
    content: "\f21a"
}
.fa-user-secret:before {
    content: "\f21b"
}
.fa-motorcycle:before {
    content: "\f21c"
}
.fa-street-view:before {
    content: "\f21d"
}
.fa-heartbeat:before {
    content: "\f21e"
}
.fa-venus:before {
    content: "\f221"
}
.fa-mars:before {
    content: "\f222"
}
.fa-mercury:before {
    content: "\f223"
}
.fa-intersex:before, .fa-transgender:before {
    content: "\f224"
}
.fa-transgender-alt:before {
    content: "\f225"
}
.fa-venus-double:before {
    content: "\f226"
}
.fa-mars-double:before {
    content: "\f227"
}
.fa-venus-mars:before {
    content: "\f228"
}
.fa-mars-stroke:before {
    content: "\f229"
}
.fa-mars-stroke-v:before {
    content: "\f22a"
}
.fa-mars-stroke-h:before {
    content: "\f22b"
}
.fa-neuter:before {
    content: "\f22c"
}
.fa-genderless:before {
    content: "\f22d"
}
.fa-facebook-official:before {
    content: "\f230"
}
.fa-pinterest-p:before {
    content: "\f231"
}
.fa-whatsapp:before {
    content: "\f232"
}
.fa-server:before {
    content: "\f233"
}
.fa-user-plus:before {
    content: "\f234"
}
.fa-user-times:before {
    content: "\f235"
}
.fa-bed:before, .fa-hotel:before {
    content: "\f236"
}
.fa-viacoin:before {
    content: "\f237"
}
.fa-train:before {
    content: "\f238"
}
.fa-subway:before {
    content: "\f239"
}
.fa-medium:before {
    content: "\f23a"
}
.fa-y-combinator:before, .fa-yc:before {
    content: "\f23b"
}
.fa-optin-monster:before {
    content: "\f23c"
}
.fa-opencart:before {
    content: "\f23d"
}
.fa-expeditedssl:before {
    content: "\f23e"
}
.fa-battery-4:before, .fa-battery-full:before {
    content: "\f240"
}
.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"
}
.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"
}
.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"
}
.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}
.fa-mouse-pointer:before {
    content: "\f245"
}
.fa-i-cursor:before {
    content: "\f246"
}
.fa-object-group:before {
    content: "\f247"
}
.fa-object-ungroup:before {
    content: "\f248"
}
.fa-sticky-note:before {
    content: "\f249"
}
.fa-sticky-note-o:before {
    content: "\f24a"
}
.fa-cc-jcb:before {
    content: "\f24b"
}
.fa-cc-diners-club:before {
    content: "\f24c"
}
.fa-clone:before {
    content: "\f24d"
}
.fa-balance-scale:before {
    content: "\f24e"
}
.fa-hourglass-o:before {
    content: "\f250"
}
.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}
.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}
.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}
.fa-hourglass:before {
    content: "\f254"
}
.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"
}
.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: "\f256"
}
.fa-hand-scissors-o:before {
    content: "\f257"
}
.fa-hand-lizard-o:before {
    content: "\f258"
}
.fa-hand-spock-o:before {
    content: "\f259"
}
.fa-hand-pointer-o:before {
    content: "\f25a"
}
.fa-hand-peace-o:before {
    content: "\f25b"
}
.fa-trademark:before {
    content: "\f25c"
}
.fa-registered:before {
    content: "\f25d"
}
.fa-creative-commons:before {
    content: "\f25e"
}
.fa-gg:before {
    content: "\f260"
}
.fa-gg-circle:before {
    content: "\f261"
}
.fa-tripadvisor:before {
    content: "\f262"
}
.fa-odnoklassniki:before {
    content: "\f263"
}
.fa-odnoklassniki-square:before {
    content: "\f264"
}
.fa-get-pocket:before {
    content: "\f265"
}
.fa-wikipedia-w:before {
    content: "\f266"
}
.fa-safari:before {
    content: "\f267"
}
.fa-chrome:before {
    content: "\f268"
}
.fa-firefox:before {
    content: "\f269"
}
.fa-opera:before {
    content: "\f26a"
}
.fa-internet-explorer:before {
    content: "\f26b"
}
.fa-television:before, .fa-tv:before {
    content: "\f26c"
}
.fa-contao:before {
    content: "\f26d"
}
.fa-500px:before {
    content: "\f26e"
}
.fa-amazon:before {
    content: "\f270"
}
.fa-calendar-plus-o:before {
    content: "\f271"
}
.fa-calendar-minus-o:before {
    content: "\f272"
}
.fa-calendar-times-o:before {
    content: "\f273"
}
.fa-calendar-check-o:before {
    content: "\f274"
}
.fa-industry:before {
    content: "\f275"
}
.fa-map-pin:before {
    content: "\f276"
}
.fa-map-signs:before {
    content: "\f277"
}
.fa-map-o:before {
    content: "\f278"
}
.fa-map:before {
    content: "\f279"
}
.fa-commenting:before {
    content: "\f27a"
}
.fa-commenting-o:before {
    content: "\f27b"
}
.fa-houzz:before {
    content: "\f27c"
}
.fa-vimeo:before {
    content: "\f27d"
}
.fa-black-tie:before {
    content: "\f27e"
}
.fa-fonticons:before {
    content: "\f280"
}
@font-face {
    font-family: 'Dji';
    font-weight: 500;
    src: url(../fonts/dji-demi-5cf1d7dc88b53bdec60e7d91cce0f745.eot);
    src: url(../fonts/dji-demi-5cf1d7dc88b53bdec60e7d91cce0f745.eot) format('embedded-opentype'), url(../fonts/dji-demi-b4340cd35d97643a04e10de10b9283e9.woff) format('woff'), url(../fonts/dji-demi-31848c064d87e99fd1b1b4a9cea04979.ttf) format('truetype'), url(../fonts/dji-demi-47f06a9616d1b05c5f063982c6a97528.svg#djidemi) format('svg')
}
@font-face {
    font-family: 'Dji';
    font-weight: 400;
    src: url(../fonts/dji-book-4c2a762c0d50f7077b40d8e90ee60cbe.eot);
    src: url(../fonts/dji-book-4c2a762c0d50f7077b40d8e90ee60cbe.eot) format('embedded-opentype'), url(../fonts/dji-book-ce07c5fc48210d32bde7bb2dd12a0ece.woff) format('woff'), url(../fonts/dji-book-e02e7578f11263186d51fa0b008900a2.ttf) format('truetype'), url(../fonts/dji-book-375c1f8436766ba53738e62bd2538f6e.svg#djibook) format('svg')
}
@font-face {
    font-family: 'Dji';
    font-weight: 300;
    src: url(../fonts/dji-light-be80a27aaec1712bb0ab233ce711b49e.eot);
    src: url(../fonts/dji-light-be80a27aaec1712bb0ab233ce711b49e.eot) format('embedded-opentype'), url(../fonts/dji-light-daaeb60e233a219625d9a05c5fc7877f.woff) format('woff'), url(../fonts/dji-light-e2e1e7bfcb9fac2610688e54fc0a7b7d.ttf) format('truetype'), url(../fonts/dji-light-a4571e10e55d3fb8d6b18d686df9afa7.svg#djilight) format('svg')
}
@font-face {
    font-family: 'Gotham';
    font-weight: 300;
    src: url(../fonts/gotham-light-8d5e72fc43849dac129512937c0e3214.eot);
    src: url(../fonts/gotham-light-8d5e72fc43849dac129512937c0e3214.eot) format('embedded-opentype'), url(../fonts/gotham-light-e83a18cf8626a02202fa543ead6cdb93.woff) format('woff'), url(../fonts/gotham-light-0757e374ff5a61beebb138428160145a.ttf) format('truetype'), url(../fonts/gotham-light-292056c6b3e43a56fac66b292a8f0e47.svg#gothamlight) format('svg')
}
@font-face {
    font-family: 'Gotham';
    font-weight: 400;
    src: url(../fonts/gotham-book-dcccc7d4ce37326e946a1e2c56cb5a3a.eot);
    src: url(../fonts/gotham-book-dcccc7d4ce37326e946a1e2c56cb5a3a.eot) format('embedded-opentype'), url(../fonts/gotham-book-5f4531ffb78bbd2bb5872b7ad0ba2d80.woff) format('woff'), url(../fonts/gotham-book-03c5517830bf42cacffe08dd91d65979.ttf) format('truetype'), url(../fonts/gotham-book-870cd88b8ae7522ced628c301b80440b.svg#gothambook) format('svg')
}
@font-face {
    font-family: 'Gotham';
    font-weight: 500;
    src: url(../fonts/gotham-medium-c87e6e169a96d668f9794f3553ceca73.eot);
    src: url(../fonts/gotham-medium-c87e6e169a96d668f9794f3553ceca73.eot) format('embedded-opentype'), url(../fonts/gotham-medium-a054c13e9e642b9fb221b9510e0de40f.woff) format('woff'), url(../fonts/gotham-medium-d21db3c2f024311e81fb3e2bef1f4f99.ttf) format('truetype'), url(../fonts/gotham-medium-677201eb59ff23e8206b8adcbd1fe16a.svg#gothammedium) format('svg')
}
@font-face {
    font-family: 'Gotham';
    font-weight: 700;
    src: url(../fonts/gotham-bold-c0231d25bb7ea2569698e441a1fe66d5.eot);
    src: url(../fonts/gotham-bold-c0231d25bb7ea2569698e441a1fe66d5.eot) format('embedded-opentype'), url(../fonts/gotham-bold-0cce17a8ddf549fa43fba5159fde3f8f.woff) format('woff'), url(../fonts/gotham-bold-781f90fa719168279628af9e363ccd60.ttf) format('truetype'), url(../fonts/gotham-bold-b5c0ef2286aecbbe42457513abb0470f.svg#gothambold) format('svg')
}
@font-face {
    font-family: 'Gotham';
    font-weight: 800;
    src: url(../fonts/gotham-ultra-47e95991efb32a454dce9be16556e134.eot);
    src: url(../fonts/gotham-ultra-47e95991efb32a454dce9be16556e134.eot) format('embedded-opentype'), url(../fonts/gotham-ultra-e0a77493b4956b08acc321648bd4a7e2.woff) format('woff'), url(../fonts/gotham-ultra-a336e755dc3e681368e47e39a3b7ec98.ttf) format('truetype'), url(../fonts/gotham-ultra-dd5e125865adf58e8cf27108dc872816.svg#gothamultra) format('svg')
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 300;
    font-style: normal;
    src: url(../fonts/opensans-light-cc6f7893667c6afc6fd6f917512d87fe.eot);
    src: url(../fonts/opensans-light-cc6f7893667c6afc6fd6f917512d87fe.eot) format('embedded-opentype'), url(../fonts/opensans-light-1ae75cb9f7e916addc068e45d121ce84.woff) format('woff'), url(../fonts/opensans-light-59ea02a05145ca4189113941b2f7f63f.ttf) format('truetype'), url(../fonts/opensans-light-6a08519dd7986df2a16b26cc8595b4a0.svg#opensanslight) format('svg')
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 300;
    font-style: italic;
    src: url(../fonts/opensans-lightitalic-25c2ffd8b9389e148f183bd6e18b8410.eot);
    src: url(../fonts/opensans-lightitalic-25c2ffd8b9389e148f183bd6e18b8410.eot) format('embedded-opentype'), url(../fonts/opensans-lightitalic-30002db6e25036be9ce44778f34e337d.woff) format('woff'), url(../fonts/opensans-lightitalic-fa94bf52b00bfe31af117f6ae11ce1e6.ttf) format('truetype'), url(../fonts/opensans-lightitalic-11f78c945827f52545b6c60b29302581.svg#opensanslightitalic) format('svg')
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/opensans-regular-9b2d0d1f5dc0c47b62a6f3904e87a4f3.eot);
    src: url(../fonts/opensans-regular-9b2d0d1f5dc0c47b62a6f3904e87a4f3.eot) format('embedded-opentype'), url(../fonts/opensans-regular-d57104e349bda2b4f4cd4ff671ad9681.woff) format('woff'), url(../fonts/opensans-regular-7b9600504cead7d1208baeb34da71a04.ttf) format('truetype'), url(../fonts/opensans-regular-a9403fbd5c3701e31b6c3fbfb70e2be9.svg#opensansregular) format('svg')
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: italic;
    src: url(../fonts/opensans-italic-e11f21d60e329d7ecda0193197041bf8.eot);
    src: url(../fonts/opensans-italic-e11f21d60e329d7ecda0193197041bf8.eot) format('embedded-opentype'), url(../fonts/opensans-italic-6a5fcc6cad49435713ac8a06741177f1.woff) format('woff'), url(../fonts/opensans-italic-e68e4e9428b789c60cf9289cea0c6339.ttf) format('truetype'), url(../fonts/opensans-italic-6b3841969e399ec4d5cab47dd4e76f91.svg#opensansitalic) format('svg')
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 500;
    font-style: normal;
    src: url(../fonts/opensans-semibold-f2aa97c2ed027d7c846d9322580e1713.eot);
    src: url(../fonts/opensans-semibold-f2aa97c2ed027d7c846d9322580e1713.eot) format('embedded-opentype'), url(../fonts/opensans-semibold-00a30650c738b4daa296e0f3835cd21a.woff) format('woff'), url(../fonts/opensans-semibold-5052d69886be7bf327a503f497d1baef.ttf) format('truetype'), url(../fonts/opensans-semibold-3809ddcc0cb2b8ec0d22223222fe587b.svg#opensanssemibold) format('svg')
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 600;
    font-style: normal;
    src: url(../fonts/opensans-semibold-f2aa97c2ed027d7c846d9322580e1713.eot);
    src: url(../fonts/opensans-semibold-f2aa97c2ed027d7c846d9322580e1713.eot) format('embedded-opentype'), url(../fonts/opensans-semibold-00a30650c738b4daa296e0f3835cd21a.woff) format('woff'), url(../fonts/opensans-semibold-5052d69886be7bf327a503f497d1baef.ttf) format('truetype'), url(../fonts/opensans-semibold-3809ddcc0cb2b8ec0d22223222fe587b.svg) format('svg')
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 600;
    font-style: italic;
    src: url(../fonts/opensans-semibolditalic-818a3c34cc70bb3fa4856ae3a7f9915d.eot);
    src: url(../fonts/opensans-semibolditalic-818a3c34cc70bb3fa4856ae3a7f9915d.eot) format('embedded-opentype'), url(../fonts/opensans-semibolditalic-d45830ea3d6d435a0322dba62fcd2341.woff) format('woff'), url(../fonts/opensans-semibolditalic-242d13809146adcf522767c88d88d383.ttf) format('truetype'), url(../fonts/opensans-semibolditalic-78fdd0e0fa34325473e9bb5c8b06d115.svg#opensanssemibolditalic) format('svg')
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/opensans-bold-a79e19e4e52cb0ea34518caf4d595104.eot);
    src: url(../fonts/opensans-bold-a79e19e4e52cb0ea34518caf4d595104.eot) format('embedded-opentype'), url(../fonts/opensans-bold-fcca25061701337aec65489ef1762aed.woff) format('woff'), url(../fonts/opensans-bold-0a1aa7a0f2df85885934f6f146fc39a4.ttf) format('truetype'), url(../fonts/opensans-bold-b6edb7fba3dd4fc4359121d640744179.svg#opensansbold) format('svg')
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 700;
    font-style: italic;
    src: url(../fonts/opensans-bolditalic-de44486567bb75c3c4177573620488e0.eot);
    src: url(../fonts/opensans-bolditalic-de44486567bb75c3c4177573620488e0.eot) format('embedded-opentype'), url(../fonts/opensans-bolditalic-f4bad65b45e9da108f6de9e82aaf8d6d.woff) format('woff'), url(../fonts/opensans-bolditalic-58f0050600141af232f03dcd074e0d31.ttf) format('truetype'), url(../fonts/opensans-bolditalic-70914c78e8d82a104096309be1ce1ff8.svg#opensansbolditalic) format('svg')
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 800;
    font-style: normal;
    src: url(../fonts/opensans-extrabold-e7252c765140f3b248209bb5f760a6f1.eot);
    src: url(../fonts/opensans-extrabold-e7252c765140f3b248209bb5f760a6f1.eot) format('embedded-opentype'), url(../fonts/opensans-extrabold-598574ae1451af3526e842cf510486a4.woff) format('woff'), url(../fonts/opensans-extrabold-dcc5d9eee9046ae751f619e7f5ec45b2.ttf) format('truetype'), url(../fonts/opensans-extrabold-fb0e024fecc57118b8a47cb28b9ecb9d.svg#opensansextrabold) format('svg')
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 800;
    font-style: italic;
    src: url(../fonts/opensans-extrabolditalic-acb62bbddb07d561323b53f89ab43c6c.eot);
    src: url(../fonts/opensans-extrabolditalic-acb62bbddb07d561323b53f89ab43c6c.eot) format('embedded-opentype'), url(../fonts/opensans-extrabolditalic-56f87572b9f322caabdce0e912ccb20d.woff) format('woff'), url(../fonts/opensans-extrabolditalic-87ee259aa3cdf260950323100932cd48.ttf) format('truetype'), url(../fonts/opensans-extrabolditalic-fd05c0cd9270f1ed04b2641c96977d7d.svg#opensansextrabolditalic) format('svg')
}
.dui-swiper-container .control-box {
    position: absolute;
    top: calc(50% - 21px);
    width: 100%;
    transform: translate(0, -50%);
    height: 128px;
    z-index: 1
}
.dui-swiper-container .control-box .swiper-btn-next, .dui-swiper-container .control-box .swiper-btn-prev {
    position: absolute;
    right: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 128px;
    width: 64px;
    border-top-left-radius: 64px;
    border-bottom-left-radius: 64px;
    transition: background-color .4s;
    cursor: pointer
}
.dui-swiper-container .control-box .swiper-btn-next:hover, .dui-swiper-container .control-box .swiper-btn-prev:hover {
    background-color: rgba(194, 200, 204, .5)
}
.dui-swiper-container .control-box .swiper-btn-next:hover span:after, .dui-swiper-container .control-box .swiper-btn-next:hover span:before, .dui-swiper-container .control-box .swiper-btn-prev:hover span:after, .dui-swiper-container .control-box .swiper-btn-prev:hover span:before {
    background-color: #fff
}
.dui-swiper-container .control-box .swiper-btn-next span, .dui-swiper-container .control-box .swiper-btn-prev span {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 15px;
    margin-right: -5px
}
.dui-swiper-container .control-box .swiper-btn-next span:after, .dui-swiper-container .control-box .swiper-btn-next span:before, .dui-swiper-container .control-box .swiper-btn-prev span:after, .dui-swiper-container .control-box .swiper-btn-prev span:before {
    position: absolute;
    left: 0;
    display: block;
    width: 20px;
    height: 3px;
    content: '';
    background-color: #c2c8cc
}
.dui-swiper-container .control-box .swiper-btn-next span:before, .dui-swiper-container .control-box .swiper-btn-prev span:before {
    top: 0;
    border-bottom-left-radius: 3px;
    transform: rotate(45deg)
}
.dui-swiper-container .control-box .swiper-btn-next span:after, .dui-swiper-container .control-box .swiper-btn-prev span:after {
    bottom: 0;
    transform: rotate(-45deg);
    border-top-left-radius: 3px
}
.dui-swiper-container .control-box .swiper-btn-prev {
    left: 0;
    transform: rotate(180deg)
}
.dui-swiper-container .swiper-pagination {
    position: relative;
    padding: 16px;
    line-height: 8px;
    bottom: initial
}
.dui-swiper-container .swiper-pagination .swiper-pagination-bullet {
    background: rgba(194, 200, 204, .5);
    width: 8px;
    height: 8px;
    opacity: initial;
    margin-right: 12px
}
.dui-swiper-container .swiper-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0
}
.dui-swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #303233;
    width: 8px;
    height: 8px;
    opacity: 1
}
.dui-form button, .dui-swiper-container .swiper-pagination.white .swiper-pagination-bullet-active {
    background-color: #fff
}
.dui-swiper-container .swiper-pagination.absolute {
    position: absolute
}
.dui-form {
    margin: 0 auto;
    color: #919699
}
.dui-form.row-submit {
    opacity: 1;
    padding-top: 20px
}
.dui-form .form-group.col-submit, .dui-form.row-submit .form-group {
    margin-bottom: 0
}
.dui-form button {
    margin-top: 16px;
    border: none;
    border-radius: 2px;
    font-size: 16px;
    line-height: 16px;
    color: #303233;
    padding: 16px 28px
}
.dui-form .form-group {
    margin-bottom: 24px
}
.dui-form .form-group input[type=number], .dui-form .form-group input[type=tel], .dui-form .form-group input[type=text], .dui-form .form-group textarea {
    -webkit-appearance: none;
    display: block;
    width: 100%;
    height: 40px;
    background: #494b4d;
    padding: 5px 0;
    border: none;
    font-size: 16px;
    line-height: 30px;
    text-indent: 8px;
    outline: none;
    color: inherit
}
.dui-form .form-group select {
    display: block;
    width: 100%;
    height: 40px;
    background: #494b4d;
    font-size: 16px;
    color: inherit;
    line-height: 30px;
    border: none;
    outline: none !important;
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 0 !important;
    cursor: pointer;
    text-transform: capitalize;
    padding-left: 8px
}
.dui-form .form-group select option {
    color: rgba(0, 0, 0, .75)
}
.dui-form .form-group select::-ms-expand {
    display: none
}
.dui-form .form-group .fa-caret-down {
    position: absolute;
    display: block;
    bottom: 13px;
    right: 23px
}
.dui-form .form-group i.fa-spinner {
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -9px;
    font-size: 20px;
    opacity: .7
}
.dui-form .form-group label.error {
    right: 11px;
    top: 37px
}
.dui-form label.checkbox-container {
    position: relative;
    min-width: 230px;
    margin: 0 8px 8px 40px;
    padding-left: 20px;
    font-size: 16px;
    cursor: pointer;
    color: #707473
}
.dui-form label.checkbox-container input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}
.dui-form label.checkbox-container input[type=checkbox]:checked + .fa {
    border: 1px solid #44a8f2;
    background: #44a8f2
}
.dui-form label.checkbox-container .fa {
    font-size: 12px;
    transform: scale(.66);
    position: absolute;
    left: 0;
    top: 2px;
    color: #fff;
    padding: 2px;
    background: #fff;
    border: 1px solid #d8d8d8
}
.dui-form label.checkbox-container p {
    padding-left: 6px
}
.spinner {
    margin: 0 auto;
    width: 82px;
    text-align: center
}
.spinner > div {
    margin: 0 2px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}
.spinner .bounce1 {
    animation-delay: -.32s
}
.spinner .bounce2 {
    animation-delay: -.16s
}
@keyframes sk-bouncedelay {
    0%, 80%, to {
        transform: scale(0)
    }
    40% {
        transform: scale(1)
    }
}
.not-translate {
    display: none
}
/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: 'FontAwesome';
    src: url(../fonts/fontawesome-webfont-aa538dec910e5ef33bf238746bbf45df.eot);
    src: url(../fonts/fontawesome-webfont-aa538dec910e5ef33bf238746bbf45df.eot) format('embedded-opentype'), url(../fonts/fontawesome-webfont-261feaba0e71dad626c7bb4b15060e69.woff2) format('woff2'), url(../fonts/fontawesome-webfont-d92d11411ec5fed256e834c68ebf0f89.woff) format('woff'), url(../fonts/fontawesome-webfont-4a3067573c030d0133d74eff54863594.ttf) format('truetype'), url(../fonts/fontawesome-webfont-979eaf5cec80ac784715551e970c0850.svg) format('svg');
    font-weight: 400;
    font-style: normal
}
.fa {
    display: inline-block;
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}
.fa-2x {
    font-size: 2em
}
.fa-3x {
    font-size: 3em
}
.fa-4x {
    font-size: 4em
}
.fa-5x {
    font-size: 5em
}
.fa-fw {
    width: 1.28571429em;
    text-align: center
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}
.fa-ul > li {
    position: relative
}
.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}
.fa-li.fa-lg {
    left: -1.85714286em
}
.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}
.fa-pull-left {
    float: left
}
.fa-pull-right, .pull-right {
    float: right
}
.fa.fa-pull-left {
    margin-right: .3em
}
.fa.fa-pull-right {
    margin-left: .3em
}
.pull-left {
    float: left
}
.fa.pull-left {
    margin-right: .3em
}
.fa.pull-right {
    margin-left: .3em
}
.fa-spin {
    animation: fa-spin 2s infinite linear
}
.fa-pulse {
    animation: fa-spin 1s infinite steps(8)
}
@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}
.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    transform: rotate(90deg)
}
.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(180deg)
}
.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(270deg)
}
.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    transform: scale(-1, 1)
}
.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    transform: scale(1, -1)
}
:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
    filter: none
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}
.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}
.fa-stack-1x {
    line-height: inherit
}
.fa-stack-2x {
    font-size: 2em
}
.fa-inverse {
    color: #fff
}
.dui-notice {
    color: #c7254e;
    margin-bottom: 8px !important
}
.dui-tpl, .hidden {
    display: none !important
}
#mask .load {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
    width: 32px;
    height: 32px;
    z-index: 999999
}
#mask .load .wait-msg {
    width: 320px;
    margin-left: -145px;
    text-align: center;
    color: #999
}
#mask .overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    top: 0;
    opacity: .7;
    z-index: 999998
}
#back-to-top, #browser-modal {
    display: none;
    position: fixed;
    z-index: 9999
}
#back-to-top {
    right: 7px;
    bottom: 18%;
    opacity: .4
}
#back-to-top .fa {
    position: absolute;
    display: inline-block;
    color: #707473;
    z-index: 9999;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -13px
}
#back-to-top .bg-cover {
    background-color: #f7f8f9;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    z-index: 9998
}
body.dji-pc .only-pc, body.dji-pc span.br-display {
    display: block !important
}
body.dji-mobile .only-pc, body.dji-pc .only-mobile, body.dji-pc span.br-mobile {
    display: none !important
}
body.dji-mobile span.br-display {
    display: inline !important
}
body.dji-mobile .only-mobile, body.dji-mobile span.br-mobile {
    display: block !important
}
#browser-modal {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    color: #303233
}
#browser-modal .browser-modal-cover {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #111;
    opacity: .5;
    z-index: -1
}
#browser-modal .browser-content {
    width: 700px;
    margin-top: 120px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80px;
    padding-top: 30px;
    background-color: #fff
}
#browser-modal .browser-content .browser-dji-logo {
    display: block;
    background-image: url(../images/logo-5c446224d9c4d72dab5fd4b764299cc9.png);
    width: 50px;
    height: 29px;
    margin: 45px auto 40px;
    background-repeat: no-repeat
}
#browser-modal .browser-content .browser-text-title {
    text-transform: uppercase;
    font-size: 24px
}
#browser-modal .browser-content .browser-text-desc {
    margin-top: 30px;
    margin-bottom: 50px;
    font-size: 14px
}
#browser-modal .browser-content .browser-list {
    width: 600px;
    margin: 40px auto;
    height: 130px
}
#browser-modal .browser-content .browser-item {
    float: left;
    width: 150px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto
}
#browser-modal .browser-content .browser-item .browser-pic {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-repeat: no-repeat
}
#browser-modal .browser-content .browser-item .browser-i-c {
    background-image: url(../images/chrome-f8da1e4a03ad0909d45c028b51f595af.jpg)
}
#browser-modal .browser-content .browser-item .browser-i-f {
    background-image: url(../images/firefox-66668bb54a996c9ddd80701402da118d.jpg)
}
#browser-modal .browser-content .browser-item .browser-i-s {
    background-image: url(../images/safari-a2923a59edfdab4943d8c48122034e43.jpg)
}
#browser-modal .browser-content .browser-item .browser-i-e {
    background-image: url(../images/edge-22c6ca44a41ac5b3a43c3d2aad77dd7d.jpg)
}
#browser-modal .browser-content .browser-item a {
    color: #1897f2;
    cursor: pointer;
    display: block
}
#browser-modal .browser-content .browser-item a img {
    display: block;
    margin: 0 auto;
    max-width: 100px;
    width: 100px;
    height: 100px
}
#browser-modal .browser-content .browser-item a h4 {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 700
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap iframe, .fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}
.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}
.fancybox-skin {
    position: relative;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}
.fancybox-opened {
    z-index: 8030
}
.fancybox-inner, .fancybox-outer {
    position: relative
}
.fancybox-inner {
    overflow: hidden
}
.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}
.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}
.fancybox-iframe, .fancybox-image {
    display: block;
    width: 100%;
    height: 100%
}
.fancybox-image {
    max-width: 100%;
    max-height: 100%
}
.fancybox-close, .fancybox-next span, .fancybox-prev span {
    background-image: url(../images/fancybox_sprite-f80222abd3156d771487a0ce18583a86.png)
}
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -41px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}
.fancybox-close {
    display: none
}
.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: url(../images/blank-e0a7e4ed5c8611d53aabad83bbf83daa.gif);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040
}
.fancybox-prev {
    left: 0
}
.fancybox-next {
    right: 0
}
.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}
.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}
.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}
.fancybox-nav:hover span {
    visibility: visible
}
.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}
.fancybox-lock {
    width: auto
}
.fancybox-lock, .fancybox-lock body {
    overflow: hidden !important
}
.fancybox-lock-test {
    overflow-y: hidden !important
}
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(../images/fancybox_overlay-aabc5629401eee6fc1eff5ed8453f2e1.png)
}
.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}
.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}
.fancybox-title {
    visibility: hidden;
    font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}
.fancybox-opened .fancybox-title {
    visibility: visible
}
.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}
.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: 0 0;
    background: rgba(0, 0, 0, .8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #fff;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap
}
.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}
.fancybox-title-inside-wrap {
    padding-top: 10px
}
.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}
.dui-navbar {
    height: 64px;
    background-color: #fff;
    border: 0;
    margin: auto;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}
.dui-navbar .navbar-container {
    width: 1200px;
    margin: 0 auto;
    display: flex
}
.dui-navbar .navbar-header {
    float: none;
    width: 130px;
    margin-right:10%;
}
.dui-navbar .navbar-header .navbar-brand {
    display: inline-block;
    float: left;
    height: auto
}
.dui-navbar .navbar-header .navbar-brand .navbar-brand-logo {
    vertical-align: middle;
    display: inline-block;
    width: 130px;
    height: 60px;
    background-size: cover
}
.dui-navbar #siteHeaderNavbar {
    -moz-flex: 1;
    flex: 1;
    display: flex;
    -moz-justify-content: space-between;
    justify-content: space-between
}
.dui-navbar ul.navbar-category {
    list-style: none;
    vertical-align: middle;
    display: inline-block;
    zoom: 1
}
.dui-navbar ul.navbar-category:after, .dui-navbar ul.navbar-category:before {
    content: "";
    display: table
}
.dui-navbar ul.navbar-category:after {
    clear: both
}
.dui-navbar ul.navbar-category > li.category-item {
    float: left;
    font-size: 14px;
    line-height: 14px
}
.dui-navbar, .dui-navbar ul.navbar-category > li.category-item.relative {
    position: relative
}
.dui-navbar ul.navbar-category > li.category-item > a {
    padding: 25px 16px;
    display: inline-block;
    transition: all .3s;
    color: #303233;
    vertical-align: middle;
    line-height: 14px;
    font-weight: 600;
    cursor: pointer
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top .grid-container:hover .nav-pill.enter-site, .dui-navbar ul.navbar-category:hover li.category-item > a {
    color: #3b3e40
}
.dui-navbar ul.navbar-category:hover li.category-item.opened > a:after, .dui-navbar ul.navbar-category:hover li.category-item > a:hover:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 1200;
    width: 100%;
    background-color: #303233
}
.dui-navbar ul.navbar-category:hover li.category-item > a:hover:after {
    height: 1px
}
.dui-navbar ul.navbar-category:hover li.category-item:hover > a {
    color: #3b3e40;
    position: relative
}
.dui-navbar ul.navbar-category:hover li.category-item:hover .dui-dropdown-menu {
    opacity: 1;
    visibility: visible
}
.dui-navbar ul.navbar-category:hover li.category-item.opened > a:after {
    height: 2px
}
.dui-navbar ul.navbar-category li:hover .dui-dropdown-menu.columns, .dui-navbar ul.navbar-category li:hover .dui-dropdown-menu.full-screen {
    display: block;
    visibility: visible
}
.dui-navbar ul.navbar-category li:hover .dui-dropdown-menu.single {
    display: block;
    visibility: visible;
    max-height: 500px;
    padding: 0 10px 10px;
    opacity: 1
}
.dui-navbar .vertical-divider {
    position: relative;
    width: 24px;
    overflow: hidden
}
.dui-navbar .vertical-divider:before {
    content: " ";
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    border-left: 1px solid #f0f1f2;
    transform: translateX(-50%);
    width: 2px
}
.dui-navbar .horizontal-divider {
    position: relative;
    height: 48px;
    overflow: hidden
}
.dui-navbar .horizontal-divider:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid #f0f1f2;
    transform: translateY(-50%);
    height: 2px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .dui-navbar .vertical-divider:before {
        width: 0
    }
    .dui-navbar .horizontal-divider:before {
        height: 0
    }
}
.dui-navbar .dui-dropdown-menu.columns, .dui-navbar .dui-dropdown-menu.full-screen {
    position: absolute;
    top: 100%;
    z-index: 1100;
    background-color: #fff;
    border-top: 1px solid #f0f1f2;
    transition: none;
    height: auto;
    display: none;
    overflow: hidden;
    width: 100%;
    min-width: 1200px;
    left: 0;
    margin-top: 0;
    -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
    -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05)
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top {
    background: #f7f9fa
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top .grid-container .grid {
    margin: 0
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top .grid-container .cell {
    width: 200px;
    padding: 0;
    border-left: 1px solid #f0f1f2
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top .nav-pill {
    font-size: 16px;
    line-height: 20px;
    padding: 0 24px;
    color: #3b3e40;
    font-weight: 600;
    position: relative;
    transition: all .3s ease;
    cursor: pointer;
    height: 72px;
    display: flex;
    -moz-align-items: center;
    align-items: center
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top .nav-pill:before {
    content: '';
    width: 3px;
    height: 40px;
    border-radius: 0 2px 2px 0;
    position: absolute;
    left: -1px;
    top: 16px;
    background: #d4d7d9;
    transition: all .3s ease
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top .nav-pill.enter-site {
    font-size: 16px;
    text-align: center;
    -moz-justify-content: center;
    justify-content: center;
    border-right: 1px solid #f0f1f2
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top .nav-pill.enter-site:before {
    display: none
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top .nav-pill.enter-site .icon-site {
    margin-right: 8px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    /*background-image: url(../fonts/684f6c82fa2f458b8dc40a5b8b5a1388.woff);*/
    background-position: center;
    background-repeat: no-repeat
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top .grid-container:hover .nav-pill {
    color: #3b3e40
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top .grid-container:hover .nav-pill:hover:before {
    background: #3b3e40
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top.enter-site-hover .grid-container:hover .nav-pill {
    color: #303233
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .grid-container {
    padding-top: 24px
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .grid {
    margin: 0
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    width: 384px;
    display: flex
}
.dui-navbar .dui-dropdown-menu.columns .nav-columns a, .dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item .cursor-default, .dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item a {
    cursor: text
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item a[href^=http]:hover {
    text-decoration: underline;
    cursor: pointer
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item .product-img {
    width: 160px;
    height: 160px;
    display: inline-block;
    -moz-justify-content: center;
    justify-content: center;
    -moz-align-items: center;
    align-items: center;
    margin-right: 16px
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item .product-img a {
    display: block
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item .product-img img {
    width: 100%;
    height: auto
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item .product-link {
    display: inline-block;
    max-width: 208px
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item .title {
    color: #3b3e40;
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 600;
    display: block
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item .content {
    color: #6c7073;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 16px;
    padding-right: 16px
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item ul li.nav-item a {
    color: #3b3e40;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 8px;
    display: inline-block;
    word-break: break-word
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item ul li:last-child a {
    margin-bottom: 0
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .no-bottom-pill {
    padding-bottom: 24px
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .no-bottom-pill .horizontal-divider:last-child {
    display: none
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom {
    display: inherit
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .grid-container {
    padding: 0 0 32px
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .btn-compare {
    color: #3b3e40;
    background-image: linear-gradient(-180deg, #d4d7d9, #babdbf);
    margin-right: 24px;
    height: 48px;
    line-height: 24px;
    border-radius: 4px;
    padding: 12px 16px 12px 28px;
    transition: all .3s;
    font-size: 14px
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .btn-compare:hover {
    background-image: linear-gradient(-180deg, #f0f1f2, #d4d7d9)
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .btn-compare:active {
    background-image: linear-gradient(-180deg, #babdbf, #d4d7d9)
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .btn-compare p {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .btn-compare span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 4px;
    margin-left: 20px;
    vertical-align: top;
    background-size: cover
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .btn-compare .icon-compare, .dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .btn-compare span {
    background-image: url(../fonts/compare2-3bbe671e963feecf56bc3b42bcb4c343.svg)
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .btn-compare .icon-setup {
    background-image: url(../fonts/setup2-c25861afb1bfb2869acf8549fa443f27.svg)
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .btn-compare .icon-explore_more {
    background-image: url(../fonts/site-89de0b45cb4e8f60dad5f32658204c1a.svg)
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .btn-compare .icon-list {
    background-image: url(../fonts/1f578f527f9f47b5b348ecc2099a8103.woff)
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns.lite .column-item {
    width: 282px
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns.lite .column-item .product-img {
    width: 56px
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns.lite .column-item .product-link {
    max-width: 218px
}
.dui-navbar .dui-dropdown-menu.columns .vertical-divider {
    width: 48px
}
.dui-navbar .dui-dropdown-menu.columns .nav-columns .grid-container {
    padding-top: 24px;
    padding-bottom: 48px
}
.dui-navbar .dui-dropdown-menu.columns .nav-columns .grid {
    margin: 0
}
.dui-navbar .dui-dropdown-menu.columns .nav-columns .column-item {
    position: relative;
    padding-left: 0;
    width: 264px
}
.dui-navbar .dui-dropdown-menu.columns .nav-columns a[href^=http]:hover {
    text-decoration: underline;
    cursor: pointer
}
.dui-navbar .dui-dropdown-menu.columns .nav-columns .title {
    color: #3b3e40;
    font-size: 16px;
    line-height: 24px;
    display: block;
    margin-bottom: 8px;
    font-weight: 600
}
.dui-navbar .dui-dropdown-menu.columns .nav-columns .desc {
    color: #6c7073;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 16px
}
.dui-navbar .dui-dropdown-menu.columns .nav-columns .nav-item-link {
    display: inline-block;
    color: #3b3e40;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 8px
}
.dui-navbar .dui-dropdown-menu.single, .dui-navbar ul.navbar-right li.nav-store .count {
    position: absolute;
    transform: translate(-50%, 0);
    width: auto
}
.dui-navbar .dui-dropdown-menu.single {
    z-index: 1100;
    background: 0 0;
    border: none;
    margin-top: 0;
    opacity: 0;
    overflow: hidden;
    display: none;
    top: 100%;
    left: 50%;
    color: #303233;
    height: auto;
    padding: 0
}
.dui-navbar .dui-dropdown-menu.single ul {
    background: #fff;
    margin-top: 16px;
    -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
    -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05)
}
.dui-navbar .dui-dropdown-menu.single li.nav-item {
    display: block;
    width: 100%;
    font-size: 12px;
    transition: all .3s
}
.dui-navbar .dui-dropdown-menu.single li.nav-item > a {
    padding: 16px 32px;
    white-space: nowrap;
    display: inline-block;
    color: #303233;
    line-height: 1;
    height: auto;
    background: 0 0;
    text-align: center;
    width: 100%
}
.dui-navbar .dui-dropdown-menu.single li.nav-item:hover, .dui-navbar .search-item li.active, .dui-navbar .search-item li:hover {
    background: #ebeff2
}
.dui-navbar .navbar-right .dui-dropdown-menu.single {
    display: block;
    max-height: 0;
    transition: max-height .7s
}
.navbar-category .dui-dropdown-menu.single .dropdown-container > ul {
    margin-top: 0;
    border-top: 1px solid #f0f1f2
}
.dui-navbar ul.navbar-right {
    float: right;
    list-style: none;
    vertical-align: middle;
    line-height:64px;
}
.dui-navbar ul.navbar-right { color: #3b3e40;
    position: relative;
    right: -70px;
}
.dui-navbar.collapsed ul.navbar-right { color: #fff;
}
.dui-navbar ul.navbar-right > li {
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 14px;
    padding: 20px 12px
}
.dui-navbar ul.navbar-right > li > a {
    display: inline-block;
    color: #303233;
    font-size: 14px;
    vertical-align: middle
}
.dui-navbar .search-btn, .dui-navbar ul.navbar-right > li > a span {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background-size: cover
}
.dui-navbar ul.navbar-right > li > a span {
    background-position: center center
}
.dui-navbar ul.navbar-right > li > a span.user-icon {
    width: 24px;
    height: 24px;
    background-image: url(../fonts/user-ab280f4807cc9843ed51d34f78e7c960.svg)
}
.dui-navbar ul.navbar-right li.nav-store {
    padding: 17px 10px 17px 0;
    margin-right: 24px
}
.dui-navbar ul.navbar-right li.nav-store a.btn-store {
    color: #fff;
    position: relative;
    max-width: 100px;
    border-radius: 4px;
    font-weight: 600;
    background-image: linear-gradient(-180deg, #42b7ff, #1897f2)
}
.dui-navbar ul.navbar-right li.nav-store a.btn-store:hover {
    background-image: linear-gradient(-180deg, #6bcbff, #42b7ff)
}
.dui-navbar ul.navbar-right li.nav-store a.btn-store:active {
    background-image: linear-gradient(-180deg, #1897f2, #42b7ff)
}
.dui-navbar ul.navbar-right li.nav-store .count {
    left: 100%;
    top: -8px;
    min-width: 20px;
    height: 16px;
    color: #fff;
    background-color: #3b3e40;
    border-radius: 8px;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    padding: 0 4px
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu {
    width: 340px
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .product-list {
    padding: 16px 32px 8px;
    max-height: 375px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .product-list:before {
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -8px;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: transparent transparent #fff transparent
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .product-list .product {
    display: block;
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px solid #f2f2f2
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .product-list .product a {
    line-height: initial;
    height: initial;
    width: 100%;
    display: flex;
    -moz-align-items: center;
    align-items: center
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .product-list .product .photo {
    width: 64px;
    height: 64px;
    margin-right: 16px
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .product-list .product .text .name {
    max-height: 32px;
    margin-bottom: 8px;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #303233
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .product-list .product .text .cost {
    color: #919699;
    font-size: 14px
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .meta {
    background-color: #fff;
    -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
    -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05)
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .meta .total {
    color: #919699;
    font-size: 12px;
    text-align: center
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .meta .checkout {
    padding: 24px 32px
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .meta .checkout a {
    text-align: center;
    color: #fff;
    display: inline-block;
    width: 100%
}
.dui-navbar ul.navbar-right li.nav-language {
    width: 124px;
    padding-right: 24px
}
.dui-navbar ul.navbar-right li.nav-language a.nav-link {
    display: flex;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -moz-align-items: center;
    align-items: center;
    color: #303233
}
.dui-navbar ul.navbar-right li.nav-language .icon-language {
    margin-right: 8px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: cover;
    background-image: url(../fonts/language-6b1074d5248b189a1921c73412dca963.svg)
}
.dui-navbar ul.navbar-right li.nav-language li.nav-item {
    padding-right: initial
}
.dui-navbar ul.navbar-right li.nav-language:hover:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    border-radius: 1px 1px 0 0;
    background-color: #303233
}
.dui-navbar ul.navbar-right li.nav-language .dui-dropdown-menu > ul {
    width: 124px
}
.dui-navbar ul.navbar-right li.nav-user .avatar-icon {
    display: block;
    background-position: center center;
    background-size: cover;
    background-image: url(../fonts/user-ab280f4807cc9843ed51d34f78e7c960.svg);
    width: 24px;
    height: 24px
}
.dui-navbar ul.navbar-right li.nav-user .dui-dropdown-menu li.nick-name {
    border-bottom: 1px solid #dae1e6
}
.dui-navbar ul.navbar-right li.nav-user .dui-dropdown-menu li.nick-name > a {
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden
}
.dui-navbar ul.navbar-right li.nav-user .dui-dropdown-menu li.nick-name:hover {
    background: #fff;
    font-weight: 400
}
.dui-navbar ul.navbar-right li.nav-account .dui-dropdown-menu, .dui-navbar ul.navbar-right li.nav-user .dui-dropdown-menu {
    width: auto;
    right: -10px;
    left: auto;
    transform: none;
    min-width: 100px
}
.dui-navbar ul.navbar-right li.nav-account .dui-dropdown-menu ul:before, .dui-navbar ul.navbar-right li.nav-user .dui-dropdown-menu ul:before {
    position: absolute;
    top: 8px;
    right: 26px;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: transparent transparent #fff transparent
}
.dui-navbar ul.navbar-right li.nav-account .dui-dropdown-menu li.nav-item, .dui-navbar ul.navbar-right li.nav-user .dui-dropdown-menu li.nav-item {
    text-align: center
}
.dui-navbar ul.navbar-right li:hover .dui-dropdown-menu {
    padding: 0 10px 10px;
    max-height: 500px;
    opacity: 1
}
.dui-navbar .search-btn {
    cursor: pointer;
    border: 0;
    background:url(../fonts/search2-f59385661d469676263d42217b56605a.svg)
}
#siteHeaderSearch .search-btn {
    background:#fff url(../fonts/search2-f59385661d469676263d42217b56605a.svg);
    background-size: 100% !important;
}
.dui-navbar #siteHeaderSearch {
    position: absolute;
    width: 1116px;
    top: 0;
    left: 50%;
    margin-left: -516px;
    display: none
}
.dui-navbar.navbar-searching #siteHeaderSearch .search-btn, .dui-navbar.navbar-searching #siteHeaderSearch .search-input {
    animation-name: slideInRight;
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-timing-function: ease
}
.dui-navbar .search-box {
    position: relative
}
.dui-navbar .search-box form {
    display: inline-block
}
.dui-navbar .search-box .search-input {
    display: inline-block;
    width: 640px;
    outline: none;
    font-size: 16px;
    height: 32px;
    padding: 4px 8px;
    border: none
}
.dui-navbar .search-box-cover {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 64px;
    left: 0;
    opacity: .5;
    background-color: #000;
    z-index: 990
}
.dui-navbar .search-box {
    padding: 16px 0
}
.dui-navbar .search-box .search-btn {
    margin-right: 4px;
    margin-left: 182px
}
.dui-navbar .search-box .close-btn {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 20px;
    position: absolute;
    top: 50%;
    color: #616466;
    cursor: pointer;
    margin-left: 244px;
    margin-top: -12px;
    background-size: cover;
}
.dui-navbar .search-push {
    display: none;
    position: fixed;
    background-color: #fff;
    border-top: solid 1px #e7eef3;
    z-index: 1001;
    top: 64px;
    width: 704px;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 16px;
    line-height: 16px;
    border-radius: 2px;
    padding: 16px 0
}
.dui-navbar .search-push .hot-words-list {
    padding-bottom: 8px
}
.dui-navbar .search-item {
    display: none
}
.dui-navbar .search-item a {
    padding: 8px 40px;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #303233
}
.dui-navbar .search-item li.active em, .dui-navbar .search-item li:hover em {
    font-weight: 600
}
.dui-navbar .search-item h3 {
    font-size: 12px;
    padding: 8px 0;
    margin: 0 40px;
    color: #919699
}
.dui-navbar .search-item h3 .clean-history-list {
    display: inline-block;
    width: auto;
    float: right;
    padding: 0;
    color: #919699;
    font-size: 12px;
    vertical-align: middle
}
.dui-navbar .search-item h3 .clean-history-list:hover {
    opacity: .5
}
.dui-navbar .search-item .quick-link .fa-bolt {
    color: #1897f2;
    margin-right: 5px
}
.dui-navbar .search-item .quick-link em {
    font-style: initial;
    font-weight: 600
}
.dui-navbar.dji-enterprise .dui-dropdown-menu.full-screen {
    -ms-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .05);
    -o-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .05);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .05)
}
.dui-navbar.dji-enterprise .navbar-category .dui-dropdown-menu.single .dropdown-container > ul {
    border-radius: 4px;
    padding: 8px 0
}
.search-input::-ms-clear {
    display: none
}
@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .fancybox-close, .fancybox-next span, .fancybox-prev span {
        background-image: url(../images/fancybox_sprite@2x-52185e12690d85ae1c54087fafe5d946.png);
        background-size: 44px 152px
    }
}
body #site-header .navbar-header .navbar-brand-logo {
    background: url('../images/logo-new2.png') left center no-repeat;
    background-size: 100%;
}
body #site-header:hover .navbar-header .navbar-brand .navbar-brand-logo, body .dui-navbar.navbar-searching .navbar-header .navbar-brand-logo {
    background: url('../images/logo-new.png') left center no-repeat;
    background-size:100%;
}
.homepage-banner .banner-logo{
   font-size: 30px;
   position: static;
   width: auto;
   height: 40px;
   line-height: 40px;
   text-align: center;
   text-transform: uppercase;
   clip-path: none;
   margin: 15px 0;
}
.homepage-banner .swiper-control-next{border-radius:8px 0 0 8px;right: 0;left: auto;}
.homepage-banner .swiper-control-prev{border-radius: 0 8px 8px 0;left: 0;}
.homepage-1{margin: 15px 0 15px;height: auto;position: relative;}
.homepage-1 .swiper-slide{
    width: 1200px;
}
.homepage-1 .swiper-slide a{display: block;
    width: 100%;
    height: 0;overflow: hidden;
    padding-bottom: 52%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
}
.homepage-1  .swiper-slide .slide-grid-video {position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;
    /* width: 126%; */
    height: 100%;
    transform: scale(1);
    transition: transform .6s cubic-bezier(.25,.39,.25,1),opacity .6s ease-in-out;
}
.homepage-1  .swiper-slide .text{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    text-align: center;
    padding-top: 48px;
    color: #fff;
    box-sizing: border-box;
}
.homepage-1  .swiper-slide .text .d1{
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    color: #fff;
    padding-bottom: 4px;
}
.homepage-1  .swiper-slide .text .d2{
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    color: #fff;
    padding-bottom: 4px;
}
.homepage-1  .swiper-slide .text .d3{
    font-size: 16px;
    line-height: 24px;
}
.homepage-1 .swiper-pagination-bullet{width: 16px;height: 2px;background: #fff;margin: 0 2px !important;border-radius: 0;}
.homepage-2 .row {
    text-align: center;
    padding-top: 100px;
    background-attachment: fixed;
    height: 300px;
    color: white;
    margin-left: 0;
    margin-right: 0;
    background-size: cover;
}
.homepage-2 .row h2 {font-size: 36px;}
.homepage-2 .row .description {font-size: 30px;}
.homepage-3{background: #F3F6FF;padding: 65px 0 25px;}
.homepage-3 .t{text-align: center;margin-bottom: 10px;font-size: 36px;font-weight: bold;}
.homepage-3 h2{text-align: center;margin-bottom: 40px;font-size: 24px;text-transform: uppercase;}
.homepage-3 .box{text-align: center;width: 1200px;margin: 0 auto;overflow: hidden;}
.homepage-3 .box li{width: 32%;float: left;margin-bottom: 40px;background: #fff;border-radius: 0px;overflow: hidden;margin-right: 2%;transition: all 0.5s;background: #fff;}
.homepage-3 .box li:nth-child(3n){margin-right: 0;}
.homepage-3 .box li .img{width: 100%;
    height:0;
    padding-bottom: 52%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
}
.homepage-3 .box li .img img{width: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;transition: all 0.15s;}
.homepage-3 .box li:hover .img img{transform: scale(1.05);}
.homepage-3 .box li .text{padding: 15px 0;}
.homepage-3 .box li .text p{font-size: 18px;margin-bottom: 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.homepage-3 .box li .text span{font-size: 16px;color: #999;    display: block;}
.homepage-3 .m{display: block;margin: 5px auto 20px;width: 120px;height: 40px;line-height: 40px;text-align: center;border-radius: 40px;font-size: 16px;color: #222;background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, .1);}
.homepage-3 .box li .img {
    width: 100%;
    height: 0;
    padding-bottom: 52%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: relative;
}
.homepage-4{padding: 50px 0;background-color: #e9e9e9;overflow: hidden;}
.homepage-4 .row{width: 1200px;margin: 0 auto;}
.homepage-4 .col-sm-3{float: left;width: 25%;text-align: center;cursor: pointer;}
.homepage-4 h3{font-size: 36px;margin-bottom: 5px;}
.homepage-4 h4{font-size: 18px;}
.homepage-4 .col-sm-3:hover{    color: #9a0000;}
.homepage-5  .row{padding-top: 60px;}
.homepage-2 .row h2 {font-size: 36px;}
.homepage-2 .row h3 {font-size: 24px;}
.homepage-2 .row .description {font-size: 20px;
    width: 1200px;
    margin: 0 auto;
    max-width: 94%;
}
.home, .path-frontpage {margin-top: 0 !important;background-color: white;}
.modules {padding: 50px 0;}
.homepage-6 .logos{
    padding-top: 10px;
    padding-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    width: 1200px;
    margin: 0 auto;
}
.homepage-6 .swiper-button-next-2{width: 44px;height: 44px;border-radius: 44px;right: -70px;}
.homepage-6 .swiper-button-prev-2{width: 44px;height: 44px;border-radius: 44px;left: -70px;}
.homepage-6 .swiper-button-next-2:hover{background: #CDCDCD;}
.homepage-6 .swiper-button-prev-2:hover{background: #CDCDCD;}
.case-body .box .right .swiper-button-next-2{width: 44px;height: 44px;border-radius: 44px;right: -70px;}
.case-body .box .right .swiper-button-prev-2{width: 44px;height: 44px;border-radius: 44px;left: -70px;}
.case-body .box .right  .swiper-button-prev:after, .case-body .box .right .swiper-button-next:after {
    color: #000;
    font-size: 20px;
}
.case-body .box .right .swiper-button-next-2:hover{background: #CDCDCD;}
.case-body .box .right .swiper-button-prev-2:hover{background: #CDCDCD;}
.big-img .swiper-button-next-2{width: 44px;height: 44px;border-radius: 44px;right: -100px;}
.big-img  .swiper-button-prev-2{width: 44px;height: 44px;border-radius: 44px;left: -100px;}
.big-img  .swiper-button-next-2:hover{background: #CDCDCD;}
.big-img  .swiper-button-prev-2:hover{background: #CDCDCD;}
.team-list .about-team-next{width: 44px;height: 44px;border-radius: 44px;right: -100px;}
.team-list .about-team-prev{width: 44px;height: 44px;border-radius: 44px;left: -100px;}
.team-list .about-team-next:hover{background: #CDCDCD;}
.team-list .about-team-prev:hover{background: #CDCDCD;}
.homepage-6 .logos h2{font-size: 36px}
.homepage-6 .description {
    font-size: 24px;
    margin-bottom: 40px;
}
.homepage-6 .logos__item, .path-frontpage .logos__item {
    position: relative;
    padding: 20px 5px;
    position: relative;
    /* float: left; */
    /* width: 16.66667%; */
    overflow: hidden;
    filter: grayscale(100%);
    box-sizing: border-box;
}
.homepage-6 .swiper-slide{
    height: auto !important;
}
.homepage-6 .swiper-wrapper{    flex-direction: inherit !important;}
.homepage-6 .logos__item::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: rgba(255,255,255,3.5);
    content: '';
    transition: transform 0.5s;
    transform: scale3d(1,1,1) rotate3d(0,0,1,45deg) translate3d(0,-170%,0);
}
.homepage-6 .logos__item:hover{filter: grayscale(0);    transition: filter 0.5s; }
.homepage-6 .logos__item:hover::before{
    transform:scale3d(1,1,1) rotate3d(0,0,1,45deg) translate3d(0,270%,0)
}
.homepage-6 .swiper-button-prev:after,.homepage-6 .swiper-button-next:after {
    color: #000;
    font-size: 25px;
}
.homepage7 .box4,.homepage7 .box5{width: 1200px;margin: 0 auto 50px;}
.homepage7 {
    background-color: #f8f8f8;
    padding: 40px 0;
}
.homepage7 .box4 .ibox{
    width: 375px;
    margin-right: 31px;
    background-color: #fff;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 0px;
    vertical-align: top;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}
.homepage7 .box4 .ibox:nth-child(3n){
    margin-right: 0
}
.homepage7 .box4 .ibox .header{
    width: 100%;
    display: inline-block;
    background-color: #000;
    cursor: pointer;
        height:0;
        padding-bottom: 50%;
        overflow:hidden;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size:cover;
        -moz-background-size:cover;
        background-size:cover;
        position: relative;
    }
.homepage7 .box4 .ibox .header img {
    pointer-events: none;
    width: 100%;
    width: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;
}
.homepage7 .box4 .ibox .footer{
    height: 150px;
    text-align: left;
    margin: 30px;
    position: relative;
    overflow: hidden
}
.homepage7 .box4 .ibox .footer .arrow{
    position: absolute;
    bottom: 0;
    color:#ff0000;
    opacity: 0.6;
}
.homepage7 .box4 .ibox .footer h2{
    font-size: 22px;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all
}
.homepage7 .box4 .ibox .footer h3{
    margin-top: 11px;
    font-size: 16px;
    color: #5b5a5a;
    line-height: 24px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}
.homepage7 .box4 .ibox:hover {
    -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.03);
    box-shadow: 0 0 30px 0 rgba(0,0,0,.03)
}
.homepage7 .box5 .ibox{
    width: 375px;
    margin-left: 31px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    text-align: left
}
.homepage7 .box5 .ibox:first-child {
    margin-left: 0
}
.homepage7 .box5 .ibox .header {
    font-size: 20px;
    color: #000
}
.homepage7 .box5 .ibox .header span{
    color: #ba2926;
    font-weight: 900;
    padding-right: 11px;
    vertical-align: .5px
}
.homepage7 .box5 .ibox .footer {
    margin: 0 18px;
    text-align: right;
    color:#ff0000;
    opacity: 0.6;
}
.homepage7 .box5 .ibox .footer a{
    color:#ff0000;
    opacity: 0.6;
    margin-top: 30px;display: block}
.homepage7 .box5 .ibox .list {
    font-size: 16px;
    margin: 8px 18px 0
}
.homepage7 .box5 .footer a i{
    margin-left: 4px;
}
.homepage7 .box5 .ibox .list ul li h2 {
    font-size: 14px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    color: #5b5a5a
}
.homepage7 .box5 .ibox .list ul li h2:hover {
    color: #ba2926
}
/* footer */
.footer-wrap{width: 100%; background: #fff; height: 321px;}
.footer-inner{position: absolute; width: 100%; height: 321px;}
.footer-wrap .footer-con{width: 1200px; padding: 50px 0; margin: 0 auto;}
.footer-wrap .left .column-item{font-size: 12px; line-height: 1.5; width:150px;}
.footer-wrap .left .column-item:last-child{width: 90px;}
.footer-wrap .left .column-item .title{padding-bottom: 20px;}
.footer-wrap .left .column-item .list li{/*font-weight: 300;*/margin-bottom: 14px;}
.footer-wrap .left .column-item .list li:last-child{margin-bottom: 0; min-width: 92px;}
.footer-wrap .left .column-item .list li a{color: #999;}
.footer-wrap .left .column-item .list li a:hover{color: #666;}
.footer-wrap .left .column-item .list a{color: #999;display: block;margin-bottom: 14px;}
.footer-wrap .left .column-item .list a:hover{color: #666;}
.footer-wrap .center{margin-left:7%;}
.footer-wrap .center .ma{width: 150px;margin: 0 20px;text-align: center;}
.footer-wrap .center .ma p{margin-bottom: 20px;}
.footer-wrap .right{width: 240px;}
.footer-wrap .right .d1{text-align: center;font-size: 18px;margin-bottom: 20px;}
.footer-wrap .right .d2{font-size: 16px;line-height: 32px;}
.footer-wrap .right .d1.t {
    text-align: left;
    font-weight: bold;
}
.footer-wrap .footer-bottom{background-color: #f1f1f1;}
.footer-wrap .footer-bottom .bottom-con{height: 56px; width: 1140px; margin: 0 auto; line-height: 56px; padding: 0 20px;}
.footer-wrap .footer-bottom .bottom-con .copyright{font-size: 12px; color: #999; margin-right: 27px;}
.footer-wrap .footer-bottom .bottom-con .copyright a{display: inline-block; color: #999;}
.footer-wrap .footer-bottom .bottom-con .copyright img{width: 20px; margin-right: 5px; vertical-align: middle;}
.footer-wrap .footer-bottom .bottom-con .copyright a:hover p{color: #666;}
.footer-wrap .footer-bottom .bottom-con span{vertical-align: middle;}
.footer-wrap .footer-bottom .other-wrap{float: right; height: 56px;}
.footer-wrap .footer-bottom .other-wrap a{display: inline-block; margin-left: 36px; height: 56px;position: relative;}
.footer-wrap .footer-bottom .other-wrap a span{line-height: 56px!important;}
.footer-wrap .weibo .icon-weibo:before, .footer-wrap .weixin .icon-weixin:before{color: #333; font-size: 18px; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.footer-wrap .weibo:hover .icon-weibo:before, .footer-wrap .weixin:hover .icon-weixin:before{color: #666;}
.footer-wrap .footer-bottom .record{margin: 10px 0 0 0;}
.footer-wrap .footer-bottom .other-wrap .weixin{position: relative;}
.footer-wrap .footer-bottom .other-wrap .weixin:hover .qr-wrap{display: block;}
.footer-wrap .footer-bottom .other-wrap .qr-wrap{width: 90px; height: 100px; background: #fff; position: absolute; left: -35px; top: -95px; text-align: center; display: none; box-shadow: 0 0 8px rgba(0,0,0,.1); z-index: 1000;}
.footer-wrap .footer-bottom .other-wrap .qr-wrap:after{content: ''; display: block; position: absolute; border: 8px solid rgba(255, 255, 255, 0); border-top: 15px solid rgba(255, 255, 255, 1); top: 94px; left: 35px;}
.footer-wrap .footer-bottom .other-wrap .qr-wrap .qr-title{font-size: 10px; opacity: .7; color: #000; padding-top: 10px; line-height: 1.5;}
.footer-wrap .footer-bottom .other-wrap .qr-img{width: 70px; height: 70px; display: inline-block;}
.footer-wrap .footer-bottom .other-wrap .qr-img img{width: 100%;}
/*footer 移动端和微信*/
.footer-wrap .footer-bottom .other-wrap .hover-qrcode{display: inline-block;position: relative;}
.footer-wrap .footer-bottom .other-wrap .hover-qrcode>a {cursor: pointer;}
.footer-wrap .footer-bottom .other-wrap .hover-qrcode .icon-iphone::before{font-size:20px;color:#333}.footer-wrap .footer-bottom .other-wrap .hover-qrcode:hover .icon-iphone::before{color:#999}
.footer-wrap .footer-bottom .other-wrap .hover-qrcode em{display:inline-block;vertical-align:top;height:100%;font-style:normal;color:#333}.footer-wrap .footer-bottom .other-wrap .hover-qrcode:hover em{color:#999}
.footer-wrap .footer-bottom .other-wrap .hover-qrcode .qr-wrap{width:120px;height:140px;display:block;box-sizing:border-box;position:absolute;left:0;top:-136px;padding:5px;display:none;z-index: 10002;}
.footer-wrap .footer-bottom .other-wrap .hover-qrcode.weixin .qr-wrap{padding:0;left:-58px}
.footer-wrap .footer-bottom .other-wrap .hover-qrcode .qr-wrap em{font-size:12px;color:#333;font-style:normal;letter-spacing:2px;text-align:center;position:absolute;left:0;right:0;bottom:5px;height:17px;line-height:17px!important}
.footer-wrap .footer-bottom .other-wrap .hover-qrcode:hover .qr-wrap{display:block}
.footer-wrap .footer-bottom .other-wrap .hover-qrcode .qr-wrap:after{top:140px;left:56px;border-top:6px solid rgba(255,255,255,1)}
.footer-wrap .footer-bottom .other-wrap .hover-qrcode .qr-wrap img{width:100%}
.footer-wrap .footer-bottom .other-wrap .hover-qrcode .qr-wrap{cursor: default;}
.footer-wrap .footer-bottom .other-wrap .hover-qrcode a{display: block;position: relative;}
.flink{width: 1200px;margin: 0 auto;}
.flink p{font-size: 12px;display: inline;}
.flink a{font-size: 12px; color:#999;margin-left:10px;display: inline;}
section.banner{position: relative;}
.grid-container {width: 100%;height: 100%;margin: 0 auto;position: absolute;top: 0;display: flex;flex-direction: column;justify-content: center;}
section.banner .text {color: #fff;width: 1200px;max-width: 90%;margin: 0 auto;}
section.banner .text h1.title {font-size: 40px;font-weight: 600;}
section.banner .text .logo, section.banner .text h1.title {line-height: 1;margin-bottom: 16px;}
section.banner .text p.content {font-size: 16px;line-height: 24px;}
.p-list{background: #F5F5F5;}
.type-p{text-align: center;margin-bottom: 50px;}
.type-p a{display: inline-block;margin: 0 20px;    font-weight: 600;}
.type-p a.active{font-weight: 550;color: #222;}
.case-top{position: relative;width: 100%;background-color: #181818;z-index: 99;}
.case-top .banner-linear {background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));height: 100%;}
.case-top .filmplay {width: 100%;overflow: hidden;padding-top: 0px;}
.case-top video{margin: 0 auto;display: block;width: 1200px;}
.case-body{padding: 30px 0;}
.case-body .box{width: 1200px;margin: 0 auto;}
.case-body .box::after{content: '';display: block;clear: both;}
.case-body .box .right{background: #fff;float: right;width: 100%;box-sizing: border-box;padding: 20px 0;}
.case-body .box .right .t{margin-bottom: 20px;font-size: 18px;}
.case-body .box .right .t a{float: right;font-size: 16px;}
.case-body .box ul{overflow: hidden;width: 1500px;position: relative;left: -150px;}
.case-body .box .right .swiper-slide{width: 25%;}
.case-body .box .right .swiper-slide .img{float: left;width: 100%;
    height:0;
    padding-bottom: 52%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
    background: #000;
}
.case-body .box .right .swiper-slide .img img{max-width: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;transition: .15s ease-in-out;-webkit-transition: .15s ease-in-out;}
.case-body .box .right .swiper-slide .btn{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;opacity: 0;transition: .15s ease-in-out;-webkit-transition: .15s ease-in-out;}
.case-body .box .right .swiper-slide:hover .btn{opacity: 1;}
.case-body .box .right .swiper-slide:hover .img img{opacity: 0.7;}
.case-body .box .left{background: #fff;float: left;width: 100%;box-sizing: border-box;padding: 20px 0;margin-bottom: 30px;}
.case-body .box .left .d1{font-size: 26px;color: #333;line-height: 40px;}
.case-body .box .left .d2{color: #999999;font-size: 12px;margin: 5px 0 20px;}
.case-body .box .left .d2 span{display: inline-block;margin-right: 10px;}
.case-body .box .left .d3{position: relative;padding: 20px 0;word-wrap: break-word;    border-bottom: 1px solid #f0f0f0;border-top: 1px solid #f0f0f0;font-size: 14px;line-height: 24px;color: #666;}
.case-body .box .left .d3 img{max-width: 100% !important;height: auto !important;}
.case-body .box .left .d4{margin-top: 20px;}
.case-body .box .left .d4 a{display: inline-block;margin-right: 15px;background: #f7f8fa;
    border-radius: 2px;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    line-height: 1;
    transition: .15s ease-in-out;-webkit-transition: .15s ease-in-out;
}
.case-body .box .left .d4 a:hover {
    background-color: #e3e4e5;
}
.hx-list{padding: 50px 0 1px;background-color: #f7f7f7;}
.hx-list .t{text-align: center;font-size: 36px;margin-bottom: 10px;}
.hx-list h2{text-align: center;font-size: 24px;margin-bottom: 40px;text-transform: uppercase;}
.hx-list .box{width: 1200px;margin: 0 auto;position: relative;}
.hx-list .box p{margin-top: 30px;font-size: 16px;}
.hx-list .box .img{width: 100%;
    height:0;
    padding-bottom: 56.5%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
}
.hx-list .box .img img{width: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.hx-list .box .swiper-button-next{margin-top: 0;top: calc(50% - 22px);right: -70px;transition: all 150ms;}
.hx-list .box .swiper-button-prev{margin-top: 0;top: calc(50% - 22px);left: -70px;transition: all 150ms;}
.hx-list .box .swiper-button-prev:after,.hx-list .box  .swiper-button-next:after{    color: #000 !important;}
.hx-list .box .swiper-button-prev:hover ,.hx-list .box .swiper-button-next:hover{background: rgba(0,0,0,.3);}
.hx-list .t2{width: 1200px;margin: 30px auto 40px;position: relative;    text-align: left;}
.about-mod4{margin:80px 0;}
/***************aboutus******************/
.location {height:40px; line-height:40px; font-size:14px; background:#f5f5f5;}
.subtitle {margin-bottom:20px; text-align:center;}
.subtitle h2 {font-size:36px; margin-bottom:5px;}
.subtitle-en {font-size:24px;}
.subtitle-text {font-size:16px; line-height:24px; margin-top:30px; color:#8d8d8d;}
.subtitle-text.t1 {display:block;}
.subtitle-text.t2 {display:none;}
@media screen and (max-width:768px) {
    .about-mod4{margin:40px 0;}
    .location {height:40px; line-height:40px; font-size:0.875rem;}
    .subtitle {margin-bottom:10px; text-align:center;}
    .subtitle h2 {font-size:1.125rem; margin-bottom:3px; font-weight:bold;}
    .subtitle-en {font-size:0.875rem;}
    .subtitle-text {font-size:0.75rem; line-height:22px; margin-top:10px;}
    .subtitle-text.t1 {display:none;}
    .subtitle-text.t2 {display:block;}
}
.about-team {position:relative; margin-top:30px; text-align:center;}
.about-team .name {margin-top:10px; font-size:22px; line-height:30px;}
.about-team .duties{font-size:16px; line-height:30px; color:#737373;}
.about-team .view{margin:10px auto 0; width:45%; height:30px; line-height:30px; font-size:14px; color:#737373; border:1px solid #b2b2b2; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.about-team a:hover .view {color:#da251c; border-color:#da251c;}
.team-list .main {
    position: relative;
    margin: 0 auto;
    width: 96%;
    max-width: 1200px;
}
.team-list .main .img{
    width:100%;
    height:0;
    padding-bottom: 148%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
}
.team-list .main .img img{width: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.team-list .big-img{position: relative;}
.team-list .about-team-prev{margin-top: -80px;font-size: 30px;}
.team-list .about-team-next{margin-top: -80px;font-size: 30px;}
.team-list .about-team-prev:after, .team-list .about-team-next:after{color: #222;}
.team-list .swiper-button-prev-2{ margin-top: -80px;font-size: 30px;top: calc(50% - 22px);margin-top: 0px;}
.team-list .swiper-button-next-2{margin-top: -80px;font-size: 30px;top: calc(50% - 22px);margin-top: 0px;}
.team-list .swiper-button-prev-2:after, .team-list .swiper-button-next-2:after{color: #222;}
/*联系我们*/
.contact{overflow:hidden;margin:50px auto; width:96%; max-width:1200px;}
.contacttext{overflow:hidden;margin:20px auto 0; width:88%; max-width:1200px; padding:3% 6%; background:#f5f5f5;}
.contacttext1{overflow:hidden; margin:0 auto; width:100%; max-width:1200px; padding:3% 6%; background:#ffffff; font-size:14px; line-height:26px; color:#666;}
.contacttext2{ margin:40px 0px; background:#fff;}
@media screen and (max-width: 768px) {
    .contact{overflow:hidden;margin:20px auto; width:96%;}
}
.team-show .img{float: left;width: 40%;
    height:0;
    padding-bottom: 59%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
    margin-left: 5%;
}
.team-show .img img{width: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.team-show .text{float: right;width: 40%;padding-top: 10px;margin-right: 8%;}
.team-show .text img{display: none;}
.team-show .text .d1{font-size: 22px;color: #222;font-weight: bold;font-family: 'SimHei';}
.team-show .text .d2{font-size: 12px;margin-bottom: 20px;color: #222;}
.team-show .text .d3{font-size: 16px;margin-bottom: 10px;color: #222;font-weight: bold;font-family: 'SimHei';}
.team-show .text .d4{font-size: 12px;line-height: 16px;margin-bottom: 10px;font-family: 'SimHei';color: #222;}
.contacttext2{margin-top: 30px;}
.n-list .box4 .ibox{margin-bottom: 30px;}
.homepage-1 .swiper-slide .text .d2{
    opacity: 0;
    transform: translateY(100%);
    transition: all 0.6s ease 0s;
}
.homepage-1 .swiper-slide.swiper-slide-active .text .d2 {
    opacity: 1;
    transform: translateY(0px);
}
.homepage-1 .swiper-button-next,.homepage-1 .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    margin-top: -24px;
    background-color: rgba(0,0,0,.3);
}
.homepage-1 .swiper-button-next {right: 19%;}
.homepage-1 .swiper-button-prev {left: 19%;}
 #siteHeaderSearch{background: #fff;}
    /*手机端导航样式*/
    .rg{display: none;float: right;width: 30px;height: 30px;background: url(../images/nav_btn2.png) center no-repeat;background-size: 100%;    margin-top: 10px;}
    .dui-navbar.collapsed .rg{background: url(../images/nav_btn.png);background-size: 100%;}
    .rg img{width: 100%;}
    .a_txt{position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:999999999999;}
    .a_txt .div1{position:absolute;width:100%;height:100%;
        /* background:rgba(0,0,0,0.8); */
        filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
    .a_txt .div2{position:absolute;left:5%;top:5%;z-index:999999;    width: 30px;
        height: 30px;background: #f2f2f2;;padding: 4px;box-sizing: border-box;text-align:center;filter:alpha(opacity=0);opacity:0;display: none;}
    .a_txt .div2 img{width: 100%}
    .a_txt .div2 a{color: #000;}
    .a_txt .div3{position:absolute;right:0px;top:0px;background:#f2f2f2;height:100%;z-index:100;right:-50%;padding-top: 3%;}
    .a_txt .div3 .rlogo{margin: 0 auto 40px;}
    .a_txt .div3{width: 40%;text-align: center;margin-bottom: 70px;}
    .a_txt .div3 li{width: 100%;line-height: 35px;text-align: left;padding-left: 30px;box-sizing: border-box;}
    .a_txt .div3 li a{font-size: 16px;display: block}
    .a_txt .div3 ul li{border-bottom:1px solid #e1e1e1}
    .a_txt .div3 ul li a{display:block;height:35px;line-height:35px;padding-left:5%;font-size:16px}
    .a_txt .div3 ul li.bg2 {padding-left: 10px;}
    .a_txt .div3 ul li.bg .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
    .a_txt .div3 ul li.bg .a_js22{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
    .a_txt .div3 ul li.bg .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
    .a_txt .div3 ul li.bg .a_js22_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
    .a_txt .div3 ul li .a_txt2{display:none}
    .a_txt .div3 ul li .a_txt22{display:none}
    .a_txt .div3 ul li .a_txt2 a{height:35px;line-height:35px;font-size:14px;padding-left: 10px;color: #999;}
    .a_txt .div3 ul li .a_txt22 a{height:30px;line-height:30px;font-size:12px;padding-left: 15px;color: #999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    .list-page {
        text-align: center;
        margin-top:30px;
    }
    .pagination {
        margin: 0;
        border-radius: 0
    }
    .pagination>li{display: inline-block;margin: 0 5px 20px}
    .pagination>li>a {
        padding: 4px 10px;
        color: #555;
        background-color: #fff;
        border: 1px solid #eee
    }
    .pagination>li>a:hover {
        color: #fff;
        background-color: #c96;
        border: 1px solid #c96
    }
    .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #c96;
        border-color: #c96
    }
    .pagination>li:first-child>a {
        margin-left: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .pagination>li:last-child>a {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    /*news*/
.news {
	background-color: #fff
}
.news .dl-horizontal {
	margin: 0 0 30px 0
}
.news .dl-horizontal dt {
	font-size: 20px;
	color: #c96;
	font-weight: normal;
	text-align: left;
	width: 60px;
	float: left
}
.news .dl-horizontal dt span {
	display: block;
	font-size: 12px;
	color: #ccc
}
.news .dl-horizontal dd {
	text-align: left;
	padding-left: 20px;
	margin-left: 80px;
	border-left: 1px solid #ddd
}
.news .dl-horizontal dd h3 {
	font-size: 16px;
	margin: 0 0 10px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.news .dl-horizontal dd h3 a {
	color: #c96
}
.news .dl-horizontal dd h3 a:hover {
	color: #c96
}
.news .dl-horizontal dd p {
	line-height: 200%;
	margin-bottom: 0
}
@media (min-width:1200px) {
.news .dl-horizontal dd p {
	min-height: 56px
}
}
@media (min-width:319px) and (max-width:999px) {
.news .dl-horizontal {
	padding: 0 0 20px 0;
	border-bottom: 1px solid #ddd;
	margin-top: 20px;
	margin-bottom: 10px
}
.news .dl-horizontal:hover {
	background-color: transparent
}
.news .dl-horizontal dt {
	display: none
}
.news .dl-horizontal dd {
	margin-left: 0;
	border: 0;
	text-align: center
}
}
.news-page {
	background-color: transparent;
    padding:50px 0;
}
.news-page .dl-horizontal {
	margin-bottom: 20px;
	margin-top: 20px
}
.news-page .container{width: 1200px;margin: 0 auto;}
.news-page .col-lg-4 {
    width: 33.33333333%;
    padding: 0 15px;
    float: left;
}
.news-page .row{overflow: hidden;}
.content header .title {
	font-size: 24px;
	color: #333;
	margin: 0 0 10px 0;
    text-align: center;
}
.content header .info {
	font-size: 12px;
	color: #999;
	padding: 0 0 10px 0;
	margin: 0 0 40px 0;
	border-bottom: 1px solid #ddd;
    text-align: center;
}
.content header .info small {
	height: 12px;
	margin-right: 20px
}
.content img{height: auto !important;max-width: 100%;}
.search-div{width: 1200px;margin: 50px auto;}
.search-div .resultbar{font-size: 20px;margin-bottom: 40px;}
.search-div .result_content h2{margin-bottom: 20px;}
.search-div .result_content li{font-size: 15px;line-height: 24px;}
.dsp-list{background: #F5F5F5;    padding: 65px 0 25px;}
.dsp-t{text-align: center;margin-bottom: 40px;}
.dsp-t p{font-size: 30px;color: #222;margin-bottom: 5px;}
.dsp-t span{font-size: 16px;}
.dsp-list .box{width: 1200px;margin: 0 auto;overflow: hidden;}
.dsp-list .box li{width: 23%;margin-right:calc(8% / 3);margin-bottom: 30px;float: left;background: #fff;text-align: center;}
.dsp-list .box li:nth-child(4n){margin-right: 0;}
.dsp-list .box li .img{width: 100%;
    height:0;
    padding-bottom: 151%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
}
.dsp-list .box li .img img{width: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;transition: all 0.15s;}
.dsp-list .box li:hover .img img{transform: scale(1.05);}
.dsp-list .box li .text{padding: 15px 0;}
.dsp-list .box li .text p{font-size: 18px;margin-bottom: 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.homepage-3 .box li .img {
    width: 100%;
    height: 0;
    padding-bottom: 52%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: relative;
}
.position{background: #f5f5f5;line-height: 50px;padding-top: 40px;font-size: 16px;}
.position p{width: 1200px;margin: 0 auto;}
section.m-banner{display: none;}
.homepage-3 .box li:nth-child(10){display: none;}
.yp-list,.jj-list,.hj-list{margin: 110px 0;}
.jj-list .text{
    position: relative;
    margin: 0 auto;
    width: 96%;
    max-width: 1200px;
    overflow: hidden;
}
.yp-list ul{
    position: relative;
    margin: 0 auto;
    width: 96%;
    max-width: 1200px;
    overflow: hidden;
}
.yp-list ul li:nth-child(1){width: 100%;margin-bottom: 35px;float: left;}
.yp-list ul li:nth-child(1) .img{
    width:100%;
    height:0;
    padding-bottom: 52%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
}
.yp-list ul li:nth-child(1) .img  img{width: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.yp-list ul li:nth-child(2){width: 48%;margin-bottom: 35px;float: left;}
.yp-list ul li:nth-child(2) .img,.yp-list ul li:nth-child(3) .img{
    width:100%;
    height:0;
    padding-bottom: 56%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
}
.yp-list ul li:nth-child(2) .img img,.yp-list ul li:nth-child(3) .img img{width: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.yp-list ul li:nth-child(4) .img,.yp-list ul li:nth-child(5) .img,.yp-list ul li:nth-child(6) .img{
    width:100%;
    height:0;
    padding-bottom: 82%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
}
.yp-list ul li:nth-child(4) .img img,.yp-list ul li:nth-child(5) .img img,.yp-list ul li:nth-child(6) .img img{width: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.yp-list ul li:nth-child(3){width: 48%;margin-bottom: 35px;float: right;}
.yp-list ul li:nth-child(4){width: 32%;float: left;margin-right: 2%;}
.yp-list ul li:nth-child(5){width: 32%;float: left;margin-right: 2%;}
.yp-list ul li:nth-child(6){width: 32%;float: right;}
.hj-list ul{
    position: relative;
    margin: 0 auto;
    width: 96%;
    max-width: 1200px;
    overflow: hidden;
}
.hj-list ul li:nth-child(1){width: 100%;margin-bottom: 35px;float: left;}
.hj-list ul li:nth-child(1) .img{
    width:100%;
    height:0;
    padding-bottom: 41%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
}
.hj-list ul li:nth-child(1) .img  img{width: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.hj-list ul li:nth-child(n+2){width: 48%;float: left;margin-bottom: 35px;}
.hj-list ul li:nth-child(3){float: right;}
.hj-list ul li:nth-child(5){float: right;}
.hj-list ul li:nth-child(n+2) .img{
    width:100%;
    height:0;
    padding-bottom: 56%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
}
.hj-list ul li:nth-child(n+2) .img img{width: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
section.homepage-banner .banner-text{width: 90% !important;}
.hpage1-m{display: none;}
@media screen and (max-width: 1620px) {
    .homepage-1 .swiper-button-next {right: 14%;}
    .homepage-1 .swiper-button-prev {left: 14%;}
}
@media screen and (max-width: 1420px) {
    .homepage-1 .swiper-button-next {right: 8%;}
    .homepage-1 .swiper-button-prev {left: 8%;}
    .hx-list .box .swiper-button-next{right: 0px;}
    .hx-list .box .swiper-button-prev{left: 0px;}
    .homepage-6 .swiper-button-next-2{right: 0px;}
    .homepage-6 .swiper-button-prev-2{left: 0px;}
    .dui-navbar ul.navbar-right {
        position: relative;
        right: 00px;
    }
    .case-body .box .right .swiper-button-next-2{right:0px;}
    .case-body .box .right .swiper-button-prev-2{left: 0px;}
    .big-img .swiper-button-next-2{right: 0px;}
    .big-img  .swiper-button-prev-2{left: 0px;}
    .team-list .about-team-next{right: 0px;}
    .team-list .about-team-prev{left: 0px;}
    section.homepage-banner .banner-content {
        background-size: auto 650px !important;
    }
    section.homepage-banner .swiper-slide{height: 650px !important;}
    section.homepage-banner{height: 650px !important;}
}
 @media screen and (max-width: 1220px) {
    .homepage-1 .swiper-button-next {right: 2%;}
    .homepage-1 .swiper-button-prev {left: 2%;}
    .dui-navbar .navbar-container,.homepage-3 .box,.homepage-4 .row,.footer-wrap .footer-con,.footer-wrap .footer-bottom .bottom-con,.grid-container,.homepage-3 .box,.hx-list .box,.news-page .container,.search-div,.dsp-list .box,.case-body .box,.case-top video,.position p,.homepage-6 .logos{margin:0 auto; width:96%;}
    .homepage7 .box4, .homepage7 .box5,.type-p  {width:96%;margin: 0 auto 30px;}
    .dui-navbar #siteHeaderSearch{width: 100%;    left: 0%;margin-left: 0px;}
    .dui-navbar .search-box .search-btn {margin-right: 4px;margin-left: 4%;}
    .dui-navbar .search-box .search-input {display: inline-block;width: 80%;}
    .dui-navbar .search-box form{width: 100%;}
    .dui-navbar .search-box .close-btn {top: 50%; right: 4%;margin-left: 0;margin-top: -12px;}
    .homepage-1 .swiper-slide {width: 100%;height: auto;}
    .homepage7 .box4, .homepage7 .box5{overflow: hidden;}
    .homepage7 .box4 .ibox,.homepage7 .box5 .ibox {width: 32%;margin-right: 2%;float: left;margin-left: 0;}
    .homepage7 .box5 .ibox:nth-child(3n){margin-right: 0;}
    .footer-wrap .left .column-item {width: 100px;}
    .footer-wrap .center {margin-left: 20px;}
    .hx-list .t2 {width:96%;margin: 30px auto 40px;}
    .homepage-6 .logos__item img {transform: scale(1);}
    .dui-navbar .navbar-header {margin-right: 8%;}
    .dui-navbar ul.navbar-category > li.category-item > a {padding: 25px 12px;}
    .case-body .box ul {width: 120%;left: -10%;}
    .homepage-banner .banner-logo {
        font-size: 20px;
    }
    section.homepage-banner .banner-slogan {
        font-size: 14px;
        line-height: 24px;
        font-weight: 500;
    }
}
@media screen and (max-width: 1000px) {
    .dui-navbar ul.navbar-category > li.category-item > a {padding: 25px 10px;}
    .footer-wrap .center .ma {width: 90px;margin: 0 10px;}
    .type-p a {margin: 0 5px;font-size: 12px;}
    .news-page .col-lg-4 { width: 100%;}
    .case-top video {width: 90% !important;}
    .dui-navbar ul.navbar-category > li.category-item > a {padding: 25px 5px;}
    .dui-navbar.collapsed ul.navbar-right{font-size: 12px;}
    .dui-navbar .navbar-header {margin-right: 5%;}
}
@media screen and (max-width: 768px) {
    .dui-navbar ul.navbar-category{display: none;}
    .dui-navbar ul.navbar-right li.nav-store{display: none;}
    section.homepage-banner{height: 650px !important;}
    section.homepage-banner .swiper-slide{height: 650px !important;}
    section.homepage-banner .banner-content {background-size: auto 650px !important;}
    .homepage-1 {margin: 40px 0;height: auto;}
    .homepage-3 {padding: 40px 0 20px;}
    .homepage-3 .box li .text p {font-size: 14px;width: 90%;margin: 0 auto 5px;}
    .homepage-3 .box li .text span {font-size: 12px;}
    .homepage-3 .t {font-size: 20px;margin-bottom: 5px;}
    .homepage-3 h2{font-size: 14px;margin-bottom: 30px;}
    .homepage-3 .box li {margin-bottom: 20px;}
    .homepage7 .box4{margin: 0 auto 30px;}
    .homepage7 .box5 {margin: 0 auto ;}
    .rg{display: block;}
    .modules {padding: 30px 0;}
    .homepage-6 .logos__item, .path-frontpage .logos__item {padding: 30px 20px; width: calc(100% / 3);}
    .footer-wrap .footer-con .left{width: 100%;}
    .footer-wrap .footer-con .left .column-item{width: 100%;}
    .footer-wrap .left .column-item .title{display: none;}
    .footer-wrap .left .column-item .list li{display: inline-block;margin-right: 4px;}
    .footer-wrap .left .column-item .list a{display: inline-block;margin-right: 4px;}
    .footer-wrap .footer-con .center{display: none;}
    .footer-wrap .footer-con .right{display: none;}
    .footer-wrap .footer-bottom .bottom-con .copyright:nth-child(2){display: none;}
    .footer-wrap .footer-bottom .bottom-con .copyright:nth-child(3){display: none;}
    .footer-inner,.footer-wrap{height: auto;}
    .footer-wrap .footer-con {padding: 20px 0;}
    .footer-wrap .footer-bottom .bottom-con .copyright {margin-right:0px;}
    .hx-list {padding: 20px 0 1px;}
    .about-team-prev { margin-left: 1%;margin-top: -80px !important;}
    .about-team-next { margin-right:1%;margin-top: -80px !important;}
    .team-show .img {float: none;width: 100%;padding-bottom: 148%;margin-left: 0%;margin-bottom: 30px;}
    .team-show .text {float: none;width: 100%;padding-top: 0px;}
    .dsp-list .box li {width: 48.5%;margin-right: 0;}
    .dsp-list .box li:nth-child(2n){float: right;}
    .dsp-list {padding: 40px 0 20px;}
    .dsp-t p {font-size: 20px;}
    .dsp-t span {font-size: 14px;}
    .case-body .box .left{width: 100%;margin-bottom: 20px;}
    .case-body .box .right{width: 100%;padding-top: 10px;}
    ul.navbar-right{display: none;}
    .case-body .box .left {margin-bottom: 0px;}
    /* .case-body .box .right li{width: 49%;float: left;margin-bottom: 15px;}
    .case-body .box .right li:nth-child(2n){float: right;}
    .case-body .box .right li:nth-child(5){display: none;} */
    .hx-list .t {font-size: 20px;margin-bottom: 5px;}
    .hx-list h2 {font-size: 14px;margin-bottom: 30px;}
    .homepage-6 .logos h2 {font-size: 20px;margin-bottom: 5px;}
    .homepage-6 .description{font-size: 14px;margin-bottom: 30px;}
    section.m-banner{display: block;}
    .homepage-banner{display: none;}
    .homepage-2 .row h2 {font-size: 20px;}
    .homepage-2 .row{height: 140px;padding-top: 35px;}
    .homepage-5 .row h3 {font-size: 14px;}
    .homepage-5 .row .description { font-size: 12px;}
    .homepage7 .box4 .ibox .footer {margin: 15px; }
    .homepage-5 .row {
        height: 180px;
        padding-top: 35px;
    }
    .footer-wrap .footer-bottom .bottom-con{text-align: center;height: auto;line-height: 30px;}
    .footer-wrap .footer-bottom .other-wrap{height: auto;    float: none;}
    .footer-wrap .footer-bottom .other-wrap a {height: auto;margin: 0 10px;}
    .footer-wrap .footer-bottom .other-wrap a span{line-height: 30px !important;}
    .case-body .box .right .swiper-slide {
        width: 50%;
    }
    /* section.banner .text {height: 200px;} */
    section.banner .text h1.title {font-size: 24px;}
    section.banner .text p.content {font-size: 14px;}
    .dui-navbar .navbar-header .navbar-brand {
        padding: 4px 0 13px 0;
    }
    .yp-list ul li:nth-child(2){width: 100%}
    .yp-list ul li:nth-child(3){width: 100%}
    .hj-list ul li:nth-child(n+2){width: 100%}
    .yp-list ul li,.hj-list ul li{margin-bottom: 20px !important;}
    .yp-list, .jj-list, .hj-list {margin: 30px 0;}
    .hpage1-m{display: block;}
    .hpage1{display: none;}
}
@media screen and (max-width: 450px) {
    .homepage-1 {margin: 20px 0;}
    .homepage-1 .swiper-slide .text {padding-top: 20px;}
    .homepage-1 .swiper-slide .text .d1{font-size: 16px;line-height: 24px;padding-bottom: 0;}
    .homepage-1 .swiper-slide .text .d2{font-size: 20px;line-height: 30px;}
    .homepage-1 .swiper-slide .text .d3 {font-size: 12px;}
    .homepage-2 .row h2 {font-size: 16px;}
    .homepage-2 .row .description {font-size: 14px;}
    .homepage-3 .box li {
        width: 49%;
        margin-bottom: 20px;
        border-radius: 10px;
        margin-right: 0%;
    }
    .homepage-3 .box li:nth-child(2n){float: right;}
    .homepage-3 .box li:nth-child(10){display: block;}
    .homepage-4 {padding: 20px 0;}
    .homepage-4 .col-sm-3{width: 50%;}
    .homepage-4 h3 {font-size: 24px;margin-bottom: 5px;}
    .homepage-4 h4 {font-size: 14px;}
    .homepage-4 .col-sm-3:nth-child(-n+2){margin-bottom: 20px;}
    .homepage-5 .row h3 {font-size: 13px;}
    .homepage-5 .row .description {font-size: 12px;}
    .homepage-6 .logos h2 {font-size: 20px;}
    .homepage-6 .description {font-size: 14px;margin-bottom: 20px;}
    .homepage7 .box4 .ibox, .homepage7 .box5 .ibox{width: 100%;margin-left: 0;margin-bottom: 20px;}
    .homepage7 .box4 .ibox .footer{height: auto;}
    .homepage7 .box4 .ibox .footer { margin: 15px;}
    .homepage7 .box4 .ibox .footer h1 {font-size: 20px;}
    .homepage7 .box4 .ibox .footer h3 {margin-top: 5px;font-size: 14px;line-height: 24px;margin-bottom: 10px;}
    .homepage7 .box4 .ibox .footer .arrow {position: static;}
    .homepage7 {padding: 30px 0;}
    .homepage7 .box4 {margin: 0 auto;}
    .homepage7 .box5 .ibox .footer a {margin-top: 10px;}
    .homepage7 .box5 .ibox .list ul li h2 {font-size: 14px;line-height: 24px;}
    .about-team .name {margin-top: 10px; font-size: 16px;line-height: 24px;}

    .homepage-2 .row{
    height: 90px;
    padding-top: 15px;
    }
    .homepage-5 .row {
        height: 130px;
        padding-top: 10px;
    }
    .homepage-5 .row h2{font-size: 14px;}
    .homepage-5 .row h3 {font-size: 12px;}
    .yp-list ul li:nth-child(4){width: 100%}
    .yp-list ul li:nth-child(5){width: 100%}
    .yp-list ul li:nth-child(6){width: 100%}
    .dui-navbar .navbar-header .navbar-brand .navbar-brand-logo {
        width: 100px;    height: 45px;
    }
    section.banner .text h1.title {
        font-size: 14px;
        margin-bottom: 0px;
        margin-top: 4px;
    }
    section.banner .text p.content {
        font-size: 12px;
    }
    .position {
        line-height: 50px;
        padding-top: 0px;
        font-size: 13px;
    }
    .homepage-1 .swiper-slide .slide-grid-video {
        width: 122%;
        left: -11%;
    }
}