@charset "UTF-8";
/* reset start */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, button, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

a { text-decoration: none; }

ol, ul { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; }

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

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: 700; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -.5em; }

sub { bottom: -.25em; }

img { border: 0; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; margin: 0; outline: none; }

button { overflow: visible; }

button, select { text-transform: none; }

button, input { border: none; background: none; }

button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; }

input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: 700; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

em, i { font-style: normal; }

figure { margin: 0; }

body, html { width: 100%; height: 100%; background: #fff; line-height: 1.4; font-size: 16px; font-family: Microsoft YaHei UI, Source Han Sans CN Normal, Helvetica Neue, PingFang SC, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif, Helvetica, Microsoft Yahei, Arial;  }

a:active, a:hover, a:link, a:visited { text-decoration: none; outline: none; }

a { color: inherit; font-size: inherit; }

/*reset end */
/*布局公共样式 S*/
.hover-cover { overflow: hidden; }

.hover-cover .img { -webkit-transition: all .4s; transition: all .4s; }

.hover-cover:hover .img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.wraper { width: 100%; }

.full-bg-cover { background-size: cover; background-repeat: no-repeat; background-position: 50%; }

.box-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.img-responsive { width: 100%; max-width: 100%; height: auto; }

.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.ellipsis-2 { -webkit-line-clamp: 2; }

.ellipsis-2, .ellipsis-3 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-box-orient: vertical; }

.ellipsis-3 { -webkit-line-clamp: 3; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.fixed { position: fixed; top: 0; width: 100%; }

.display-middle { display: inline-block; vertical-align: middle; }

.display-table { display: table; }

.display-table-cell { display: table-cell; vertical-align: middle; }

.clearfix:after { clear: both; }

.row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; }

.row-fluid:after { clear: both; }

.pull-left { float: left; }

.pull-right { float: right; }

.container-fluid { padding-left: 6%; padding-right: 6%; margin-right: auto; margin-left: auto; }

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

.row-fluid { margin-left: 0; margin-right: 0; }

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

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

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

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

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

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

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

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

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

.col-xs-pull-11 { right: 91.66666667%; }

.col-xs-pull-10 { right: 83.33333333%; }

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

.col-xs-pull-8 { right: 66.66666667%; }

.col-xs-pull-7 { right: 58.33333333%; }

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

.col-xs-pull-5 { right: 41.66666667%; }

.col-xs-pull-4 { right: 33.33333333%; }

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

.col-xs-pull-2 { right: 16.66666667%; }

.col-xs-pull-1 { right: 8.33333333%; }

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

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

.col-xs-push-11 { left: 91.66666667%; }

.col-xs-push-10 { left: 83.33333333%; }

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

.col-xs-push-8 { left: 66.66666667%; }

.col-xs-push-7 { left: 58.33333333%; }

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

.col-xs-push-5 { left: 41.66666667%; }

.col-xs-push-4 { left: 33.33333333%; }

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

.col-xs-push-2 { left: 16.66666667%; }

.col-xs-push-1 { left: 8.33333333%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-pull-11 { right: 91.66666667%; }
  .col-sm-pull-10 { right: 83.33333333%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-8 { right: 66.66666667%; }
  .col-sm-pull-7 { right: 58.33333333%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-5 { right: 41.66666667%; }
  .col-sm-pull-4 { right: 33.33333333%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-2 { right: 16.66666667%; }
  .col-sm-pull-1 { right: 8.33333333%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-push-11 { left: 91.66666667%; }
  .col-sm-push-10 { left: 83.33333333%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-8 { left: 66.66666667%; }
  .col-sm-push-7 { left: 58.33333333%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-5 { left: 41.66666667%; }
  .col-sm-push-4 { left: 33.33333333%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-2 { left: 16.66666667%; }
  .col-sm-push-1 { left: 8.33333333%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-offset-12 { margin-left: 100%; }
  .col-sm-offset-11 { margin-left: 91.66666667%; }
  .col-sm-offset-10 { margin-left: 83.33333333%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-8 { margin-left: 66.66666667%; }
  .col-sm-offset-7 { margin-left: 58.33333333%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-5 { margin-left: 41.66666667%; }
  .col-sm-offset-4 { margin-left: 33.33333333%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-2 { margin-left: 16.66666667%; }
  .col-sm-offset-1 { margin-left: 8.33333333%; }
  .col-sm-offset-0 { margin-left: 0; } }

@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-pull-11 { right: 91.66666667%; }
  .col-md-pull-10 { right: 83.33333333%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-8 { right: 66.66666667%; }
  .col-md-pull-7 { right: 58.33333333%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-5 { right: 41.66666667%; }
  .col-md-pull-4 { right: 33.33333333%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-2 { right: 16.66666667%; }
  .col-md-pull-1 { right: 8.33333333%; }
  .col-md-pull-0 { right: auto; }
  .col-md-push-12 { left: 100%; }
  .col-md-push-11 { left: 91.66666667%; }
  .col-md-push-10 { left: 83.33333333%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-8 { left: 66.66666667%; }
  .col-md-push-7 { left: 58.33333333%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-5 { left: 41.66666667%; }
  .col-md-push-4 { left: 33.33333333%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-2 { left: 16.66666667%; }
  .col-md-push-1 { left: 8.33333333%; }
  .col-md-push-0 { left: auto; }
  .col-md-offset-12 { margin-left: 100%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-8 { margin-left: 66.66666667%; }
  .col-md-offset-7 { margin-left: 58.33333333%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-5 { margin-left: 41.66666667%; }
  .col-md-offset-4 { margin-left: 33.33333333%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-1 { margin-left: 8.33333333%; }
  .col-md-offset-0 { margin-left: 0; } }

@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-pull-11 { right: 91.66666667%; }
  .col-lg-pull-10 { right: 83.33333333%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-8 { right: 66.66666667%; }
  .col-lg-pull-7 { right: 58.33333333%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-5 { right: 41.66666667%; }
  .col-lg-pull-4 { right: 33.33333333%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-2 { right: 16.66666667%; }
  .col-lg-pull-1 { right: 8.33333333%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-push-11 { left: 91.66666667%; }
  .col-lg-push-10 { left: 83.33333333%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-8 { left: 66.66666667%; }
  .col-lg-push-7 { left: 58.33333333%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-5 { left: 41.66666667%; }
  .col-lg-push-4 { left: 33.33333333%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-2 { left: 16.66666667%; }
  .col-lg-push-1 { left: 8.33333333%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-offset-12 { margin-left: 100%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-8 { margin-left: 66.66666667%; }
  .col-lg-offset-7 { margin-left: 58.33333333%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-5 { margin-left: 41.66666667%; }
  .col-lg-offset-4 { margin-left: 33.33333333%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-2 { margin-left: 16.66666667%; }
  .col-lg-offset-1 { margin-left: 8.33333333%; }
  .col-lg-offset-0 { margin-left: 0; } }

.clearfix { *zoom: 1; }

.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }

.clearfix:after { clear: both; }

.row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; }

.row-fluid:after { clear: both; }

.pull-left { float: left; }

.pull-right { float: right; }

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

html::-webkit-scrollbar { position: absolute; width: 4px; height: 4px; background: #010b1f; }

html::-webkit-scrollbar-thumb { width: 4px; height: 4px; border-radius: 3px; background-color: #010b1f; }

html::-webkit-scrollbar-track { background: #010b1f; }

html::-webkit-scrollbar-corner { background: transparent; height: 0; width: 0; }

/*布局公共样式 E*/
/*login S*/
.login-bg { height: 100vh; width: 100%; background-repeat: no-repeat; background-size: 100% 100%; background-color: #0062df; padding: 90px 2.6% 0; }
.login-bg  .login-top .back{padding-left:15px;color:#fff;font-size:15px;margin-top:6px;}
.login-main .form-box .input-box { display: -webkit-box; display: -ms-flexbox; display: flex; height: 45px; }
.login-bg  .login-top .back span{font-family: simsun;}
.login-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: calc(100vh - 210px); }

.login-main .tit { font-weight: 600; text-align: center; font-style: italic; color: #fff; font-size: 50px; }

.login-main .form-box { padding-top: 15%; width: 368px; margin: auto; }

.login-main .form-box .input-box { margin-bottom: 20px; background: #fff; border-radius: 10px; overflow: hidden; height: 54px; }

.login-main .form-box input { height: 52px; padding-left: 15px; font-size: 18px; }

.login-main .form-box .sbcode {margin: 15px 0; padding-left: 20px; border-right: 1px solid #bcbfc8; font-size: 20px; line-height: 27px; }

.login-main .form-box .sbcode .arrow { margin-left: 20px; }

.login-main .form-box .getCode { height: 54px; float: right; padding-right: 15px; font-size: 16px; color: #bcbfc8; }

.login-main .form-box .submit-btn { border-radius: 10px; border: 1px solid #fff; width: 100%; font-size: 22px; height: 52px; color: #fff; }

.login-main .form-box .submit-btn a { display: block; height: 100%; line-height: 52px; }

/*login E*/
body { background-color: #010b1f; }

/*分页 S*/
.pager { margin-top: 30px; }

.pager .pagination-bar { text-align: center; font-size: 0; }

.pager .pagination-bar li { min-width: 30px; height: 30px; line-height: 30px; text-align: center; color: #666; font-size: 16px; background-color: #292d37; display: inline-block; vertical-align: middle; margin: 0 5px; -webkit-transition: all 0s; transition: all 0s; }

.pager .pagination-bar li.disabled { cursor: not-allowed; }

.pager .pagination-bar li.active, .pager .pagination-bar li:hover { background: #005cdb; color: #fff; }

.pager .pagination-bar li.first, .pager .pagination-bar li.last, .pager .pagination-bar li.next, .pager .pagination-bar li.prev { font-family: simsun; }
.pager .pagination-bar li a{display:block;}

/*分页 E*/
/* 案例公共样式 S */
.cases-container .case-list { padding-right: 5%; margin-right: -12px; margin-left: -12px; }

.cases-container .case-item .info-wrap { background: rgba(0, 0, 0, 0.1); width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: 10; text-align: center; color: #fff; -webkit-transition: all .5s; transition: all .5s; }

.cases-container .case-item .infos { width: 100%; height: 100%; left: 0; top: 0; position: absolute; }

.cases-container .case-item .cover-info { font-size: 18px; }

.cases-container .case-item .cover-info { font-size: 18px; }

.cases-container .case-item .cover-info .bdr-bt, .cases-container .case-item .cover-info .bdr-lt { position: absolute; height: 45px; width: 35px; border: 6px solid #0062df; -webkit-transition: all .5s; transition: all .5s; display: none; }

.cases-container .case-item .cover-info .bdr-lt { border-right-width: 0; border-bottom-width: 0; top: 20px; left: 25px; opacity: 0; }

.cases-container .case-item .cover-info .bdr-bt { border-top-width: 0; border-left-width: 0; bottom: 20px; right: 25px; opacity: 0; }

.cases-container .case-item .cover-info .case-tit { font-size: 30px; padding-bottom: 4%; }

.cases-container .case-item .cover-info .case-belong { font-size: 18px; padding-bottom: 1%; }

.cases-container .case-item .cover-info .line { width: 1px; height: 40px; background-color: #fff; margin-left: auto; margin-right: auto; display: block; }

.cases-container .case-item .cover-info .line { margin-bottom: 10px; }

.cases-container .case-item .cover-info .watch-more { padding-top: 3%; display: inline-block; font-size: 16px; }

.cases-container .case-item .bg { background: #ccc url(../images/img_loading.gif) no-repeat 50%; width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: 2; }

.cases-container .case-item:hover .info-wrap { background: #fff; }

.cases-container .case-item:hover .case-ercode { opacity: 1; }

.cases-container .case-item:hover .info-wrap .bdr-lt, .cases-container .case-item:hover .info-wrap .bdr-bt { opacity: 1; }

.cases-container .case-item:hover .bdr-lt { left: 20px; }

.cases-container .case-item:hover .bdr-bt { right: 20px; }

.cases-container .case-item { width: 25%; padding: 0 12px; margin-bottom: 20px; float: left; }

.cases-container .case-item .img-box { height: 380px; position: relative; }

.cases-container .case-item .img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 7; -o-object-fit: cover; object-fit: cover; }

.cases-container .case-item .meta { padding: 50px 15px; background-color: #fff; -webkit-transition: all 0.4s; transition: all 0.4s; position: relative; text-align: center; }

.cases-container .case-item .case-logo { height: 30px; display: inline-block; vertical-align: middle; }

.cases-container .case-item .title { color: #000; font-size: 20px; line-height: 30px; -webkit-transition: all 0.4s; transition: all 0.4s; font-weight: 600; padding-left: 10px; display: inline-block; vertical-align: middle; }

.cases-container .case-item .arrow-wrap { width: 30%; display: inline-block; vertical-align: middle; background-image: url(../images/jiantou-3_o.png); background-repeat: no-repeat; background-position: right center; height: 30px; -webkit-transition: all 0.5s; transition: all 0.5s; }

.cases-container .case-item .pla-meta { position: absolute; bottom: 15px; left: 0; width: 100%; height: 125%; text-align: center; padding: 10px 0; opacity: 0; background: #fff; z-index:10;}

.cases-container .case-item .pla-meta .ptitle { display: block; padding-top: 8px; position: relative; padding-bottom: 15px; font-weight: 600; }

.cases-container .case-item .pla-meta .ptitle::after { position: absolute; content: ""; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 6px; background-color: #0a8ddb; border-radius: 4px; -webkit-transition: all 0.5s; transition: all 0.5s; }

.cases-container .case-item:hover .ptitle::after { width: 55px; }

.cases-container .case-item:hover .meta { background-color: #fff; }

.cases-container .case-item:hover .pla-meta { opacity: 1; }

.cases-container .case-item:hover .arrow-wrap { background-image: url(../images/icon_jiantou-3.png); -webkit-transform: translateX(-20px); transform: translateX(-20px); }

.cases-container .case-item .case-info { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 20; }

.cases-container .case-item .info-logo { height: auto; height: 50px; max-width: 80%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; -webkit-transition: all 0.4s; transition: all 0.4s; display: none; }

.cases-container .case-item .case-ercode { height: auto; width: 70%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; }

.cases-container .case-item a { position: relative; display: block; }

.cases-container .mcase-meta { padding: 30px 10px; background-color: #fff; text-align: center; }

.cases-container .mcase-meta .name { font-size: 24px; color: #525252; display: block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }

.cases-container .mcase-meta .type { font-size: 16px; color: #a3a3a5; display: block; }

.cases-container .scan-info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; color: #000; z-index: 20; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; }

.cases-container .scan-info .title { text-align: center; position: relative; padding-bottom: 10px; width: 100%; margin-top: -70px; z-index: 20; }

.cases-container .scan-info .title::after { content: ""; position: absolute; height: 4px; background-color: #0a8ddb; border-radius: 4px; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }

.cases-container .scan-info .desc { color: rgba(1, 11, 31, 0.8); font-size: 12px; padding: 0 20px; position: relative; z-index: 20; text-align: justify; }

.cases-container .case-item:hover .scan-info { opacity: 1; visibility: visible; }

.cases-container .case-item:hover .scan-info .case-ercode { opacity: 1; }

.cases-container .case-item:hover .title::after { width: 45px; }

/* 案例公共样式 */
.main-layout { min-height: 100%; overflow-x: hidden; }

.main-layout .common-page { height: 100%; overflow-x: hidden; }

.main-layout .aside { position: fixed; left: 0; top: 0; height: 100vh; width: 235px; z-index: 100; padding-top: 14%; }

.main-layout .aside li { position: relative; }

.main-layout .aside li:hover .target { color: #fff; }

.main-layout .aside li.active::before { content: ""; position: absolute; left: 50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 20px; width: 3px; background-color: #fff; }

.main-layout .aside li.active .target { color: #fff; }

.main-layout .aside li .target { padding-left: 70px; margin: 25px 0; display: block; cursor: pointer; color: rgba(255, 255, 255, 0.5); }

/*pc顶部导航 S*/
.header { position: fixed; width: 100%; left: 0; top: 0; padding: 30px 0; z-index: 1001; -webkit-transition: all 0.5s; transition: all 0.5s; }

.header.fixed-top { background-color: rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); }

.header .header-wrap { padding-left: 2.7%; padding-right: 11%; }

.header .logo { height: 50px; display: block; }

.header .login-btn { color: #fff; padding: 4px 20px; border-radius: 6px; border: solid 1px #ffffff; font-size: 14px; display: inline-block; }

.header .login-btn .icon-login { margin-right: 10px; }

/*pc顶部导航 E*/
/* 移动端导航 S */
.mobile-header { position: fixed; top: 0; left: 0; width: 100%; display: none; z-index: 14; /* .header-wrap.m-open .mobile-menu { transform: translateX(0); } */ }

.mobile-header.fixed-top .con { background-color: #0062df; }

.mobile-header .con { padding: 12px 3%; }

.mobile-header .menu-bar { position: relative; height: 20px; width: 30px; margin-top: 8px; z-index: 104; }

.mobile-header .menu-bar .item-bar { position: absolute; width: 30px; height: 1.5px; background: #fff; z-index: 10; -webkit-transition: all 0.3s; transition: all 0.3s; }

.mobile-header .menu-bar .item-bar:nth-child(1) { top: 0; }

.mobile-header .menu-bar .item-bar:nth-child(2) { top: 8px; width: 16px; }

.mobile-header .menu-bar .item-bar:nth-child(3) { top: 16px; }

.mobile-header .login-btn { font-size: 14px; color: #fff; border: 1px solid #fff; border-radius: 4px; padding: 5px 10px; display: block; }

.mobile-header .icon-login { height: 12px; }

.mobile-header .logo-wrap { position: relative; z-index: 20px; }

.mobile-header .logo { height: 35px; }

body.over { overflow: hidden; }

.mobile-header .mobile-menu { position: fixed; width: 100%; height: 100vh; -webkit-transition: all 0.8s; transition: all 0.8s; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; z-index: 102; opacity: 0; visibility: hidden; }

.mobile-header .mobile-menu .mobile-nav-bar { position: absolute; right: 10px; top: 15px; z-index: 98; }

.mobile-header .mobile-menu .mobile-nav { padding-top: 30%; opacity: 1; visibility: visible; }

.mobile-header .mobile-menu .item-nav { text-align: center; font-size: 18px; padding: 8px 0; color: #fff; opacity: 0; }

.mobile-header .mobile-menu .item-nav a { position: relative; display: inline-block; }

.mobile-header .mobile-menu .logo-wrap { /* width:60%; */ margin-left: 3%; }

.mobile-header .mobile-menu .contact { position: absolute; bottom: 50px; width: 100%; text-align: center; color: #ffffff; opacity: 0; visibility: hidden; -webkit-transition: all 0.7s; transition: all 0.7s; }

.mobile-header .mobile-menu .contact .name { font-size: 16px; }

.mobile-header .mobile-menu .contact .tel { font-size: 20px; padding-top: 10px; }

.mobile-header .mobile-menu .menu-head { position: fixed; width: 100%; top: 0; left: 0; padding-top: 15px; padding-left: 10px; display: none; }

.mobile-header .mobile-menu .logo-wrap .logo-img { height: 34px; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; }

.mobile-header .mobile-menu .mobile-nav { opacity: 0; visibility: hidden; }

.mobile-header.m-open .menu-bar .item-bar:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 4px; }

.mobile-header.m-open .menu-bar .item-bar:nth-child(2) { display: none; }

.mobile-header.m-open .menu-bar .item-bar:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 4px; }

.m-open .mobile-menu .item-nav { opacity: 1; }

.m-open .mobile-menu { height: 100vh; padding-top: 20px; padding-bottom: 50px; visibility: visible; opacity: 1; }

.m-open .mobile-menu .contact { opacity: 1; visibility: visible; }

.m-open .menu-bar { position: absolute; right: 0; top: 17px; margin-right: 3%; }

.over { position: relative; }

.over .mobile-menu { visibility: visible; opacity: 1; }

.shad-box { position: fixed; width: 200vw; height: 200vh; background: #005cdb; opacity: 0; z-index: 90; right: 100vw; top: -200vh; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s; transition: all 0.5s; border-radius: 50%; }

.shad-box.shad { -webkit-transform: scale(1); transform: scale(1); top: -50vh; right: -50vw; opacity: 1; }

.m-open .mobile-menu .mobile-nav, .m-open .mobile-menu .logo-wrap .logo-img { opacity: 1; visibility: visible; }

.m-open .mobile-menu .contact { visibility: visible; opacity: 1; }

/* 移动端导航 E */
/*底部 S*/
.footer { position: relative; }

.footer-top { padding: 70px 2.6%; background: #010b1f; }

.footer-top .space1 { margin-left: 30px; height: 10px; }

.footer-top .space1, .footer-top .space2 { margin-right: 10px; display: block; width: 1px; background: #585858; }

.footer-top .space2 { margin-left: 10px; height: 30px; }

.footer-top .phones { font-size: 16px; color: #787878; }

.footer-top .phone-mobile { font-size: 30px; font-weight: 600; color: #e2e2e2; padding: 10px 0; }

.footer-nav .item-nav { padding: 0 10px; line-height: 1; border-right: 1px solid #fff; display: inline-block; color: #fff; cursor: pointer; }

.footer-nav .item-nav:hover { color: #005cdb; }

.footer-nav .item-nav:last-child { border-right-width: 0; }

.footer .social-share { margin-top: 50px; text-align: center; }

.footer .social-share .icon { width: 40px; height: 40px; border-radius: 50%; display: inline-block; margin: 0 20px; -webkit-transition: all .5s; transition: all .5s; background-repeat: no-repeat; background-image: url(../images/icon_share_sprite.png); color: transparent; background-color: #252525; position: relative; }

.footer .social-share .icon-qq { background-position: 0 0; }

.footer .social-share .icon-qq:hover { background-position: -50px 0; }

.footer .social-share .icon-wx { background-position: -100px 0; }

.footer .code1-box { background: #fff; width: 110px; text-align: center; }

.footer .code1 { max-width: 85%; margin-top: 8px; }

.footer .code1-box p { font-size: 12px; color: #000; margin-top: -5px; padding-bottom: 5px; }

.footer .social-share .wx-code { position: absolute; top: 50px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100px; background-image: url(../images/share_wx_bg.png); background-size: 50%; background-repeat: no-repeat; background-color: #fff; opacity: 0; visibility: hidden; }

.footer .social-share .wx-code img { margin-top: 10px; max-width: 80%; }

.footer .social-share .wx-code p { font-size: 12px; color: #000; padding: 6px 0; }

.footer .social-share .icon-wx:hover { background-position: -100px -50px; }

.footer .social-share .icon-wx:hover .wx-code { opacity: 1; visibility: visible; }

.footer .social-share .icon-wb { background-position: 0 -50px; }

.footer .social-share .icon-wb:hover { background-position: -50px -50px; }

.footer .address-wrap { float: right; }

.footer .contact-address .item { padding-left: 40px; font-size: 16px; color: #fff; background-repeat: no-repeat; }

.footer .email { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABbklEQVR42szUzyuEQRzH8edZS9rabEIOyk3+AQdclYODAxcbbtafQOGqlBIpK3Hdi6LYs5OLcsFhk92Llhy0sZctPx7vqY+ahkd27cG3XvXMMzPfnpn5PuMHQeDVMyJenaPuCaOIYwP9KNeYJ4YcZj32MIo+FIPa4xnDaDAJV9CEQXVUGy8YRQSrJuE9dsxpY1IDqok5zU3jyTxcqWNeHQtVJEtrzpLaBdO4VOMVUxqw/YtkB2bPMGO9y9sJTZQxpD09+iHZOdowgoqb8MIZfIcEOjTRjVv0KuGj05c3he07NbWLd5h/chzXVp+p0ySKeMPml4p0lrxlHUwB7RiwljWBuFa1rLHrYUveV5GPWQlO0YokFhHDsXWIKSXN6N2Npz05QbO+xt2XQ/iauOf0VXQwjcii5OnLutFpPjnkVNdUp9/FA3p0SBlP+9SFsz/8yzklTZilRHTbTKMUcpt8VkLYbdyCLFL+v7+xPwQYAHaXlyN2dg7ZAAAAAElFTkSuQmCC); }

.footer .address { margin-top: 30px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABMklEQVR42qzVPy9DYRTH8V5/2kR3EWIgIRIidgm7od6N1FZLbRYTidnC1lqExCJegEEibMJENBHaquP7XKfx5LruPa7+kk/b4fT03Oc+T28gIrkeJMAi5vp60GwBmziB5NyEGc1jC/fylWPkszSawQ5u5TstrITL94dG46jiTn7mCEVrwwls4EHi84ZStz6p0TTKuJHk1FBIaugubR1Xkh63dqv+9/1Gw6jgUuypYzDacARrOlFHC917WydoqmjesRS9woCXKTbkLD7wgo5+bqGtRnGAorehayiFm9mPccuMoeFN94rluFrr0RvS89rNPs7jCrOc5Wfs6VJkbjigXOq4+K3Q2tDVFfCEXb1x/27o1vAUZ2mFluTxiG3LL1vv8mHadOFft/ERMIl+XKcVfgowAOjAhYcpBsEQAAAAAElFTkSuQmCC); }

.footer-copyright { font-size: 14px; padding: 20px 0; }

.footer .footer-record { font-size: 14px; color: #8e94a0; width: 20%; float: left; text-align: right; }

.footer .record-code { padding-left: 5px; }

.footer .foot-links { color: #fff; width: 60%; float: left; }

.footer .foot-links .link-tit { font-size: 18px; font-size: 14px; line-height: 22px; }

.footer .foot-links .link-div { text-align: center; }

.footer .foot-links a { margin-left: 8px; padding-right: 8px; font-size: 12px; }

.footer .foot-links a:hover { color: #005cdb; }

.footer-top .col-lg-4 { width: 27%; }

.footer-top .col-lg-6 { width: 43%; }

.footer-top .col-lg-3 { width: 30%; padding-left: 9%; }

.footer .site-copyright { position: relative; }

.footer .footer-bottom { padding: 20px 2.6%; background-color: #000; }

.footer .icp { width: 20%; float: left; color: #8e94a0; font-size: 12px; line-height: 24px; }

#scrollUp { position: fixed; border-radius: 50%; bottom: 70px; color: #fff; font-size: 22px; height: 60px; width: 60px; line-height: 60px; right: 15px; text-align: center; -webkit-box-shadow: 0 10px 20px 0 rgba(23, 22, 49, 0.1); box-shadow: 0 10px 20px 0 rgba(23, 22, 49, 0.1); font-weight: 400; z-index: 50; font-size: 14px; background: #3c3838 url(../images/icon_mobile_top.png) no-repeat center center; background-size: 65%; display: none; }

.mobile-footer { display: none; background: #101010; color: #fff; padding-top: 35px; padding-bottom: 60px; }

.mobile-footer .contact { padding-bottom: 23px; border-bottom: 1px solid #333333; }

.bg-lc { background-repeat: no-repeat; background-position: left center; }

.bg-cc { background-repeat: no-repeat; background-position: center center; }

.mobile-footer .contact .item .name { color: #b7b7b7; font-size: 14px; padding-left: 22px; display: inline-block; background-repeat: no-repeat; background-position: left center; background-size: 18px; line-height: 20px; }

.mobile-footer .contact .item { padding-left: 10px; }

.mobile-footer .contact .item .info { font-size: 12px; padding-top: 10px; }

.mobile-footer .contact .tel .name { background-image: url(../images/icon_foot_mobiletel.png); }

.mobile-footer .contact .tel .info { font-size: 15px; }

.mobile-footer .contact .address .name { background-image: url(../images/icon_foot_address.png); }

.mobile-footer .copyright { text-align: center; color: #999999; font-size: 12px; line-height: 1.6; padding-top: 20px; padding-bottom: 22px; }

.mobile-fixed-menu { width: 100%; position: fixed; bottom: 0; left: 0; background: #005cdb; color: #fff; font-size: 14px; display: none; z-index: 100; }

.mobile-fixed-menu .item { width: 33.3333%; float: left; text-align: center; padding: 15px 0; line-height: 22px; }

.mobile-fixed-menu .item span { display: inline-block; padding-left: 30px; background-repeat: no-repeat; background-position: left center; background-size: 27px; }

.mobile-fixed-menu .wx span { background-image: url(../images/icon_mobile_wx.png); }

.mobile-fixed-menu .online span { background-image: url(../images/icon_mobile_qq.png); }

.mobile-fixed-menu .tel span { background-image: url(../images/icon_mobile_tel.png); }

/*底部 E*/
.space-header { padding-top: 130px; }

.common-page { background-color: #010b1f; }

.common-page .layout-container { margin-left: 235px; width: calc(100vw - 235px); padding-right: 7%; background-color: #010b1f; }

.common-page .main { padding-bottom: 70px; }

.common-page #Aside { background-color: #010b1f; }

.page-cases .case-cate-menu { padding-right: 5%; color: #fff; margin-bottom: 45px; }

.page-cases .case-cate-menu span { float: left; }

.page-cases .case-cate-menu a { float: left; padding: 0 20px; display: block; }

.page-cases .case-cate-menu a:hover, .page-cases .case-cate-menu a.active { color: #0a8ddb; }

.page-cases .case-cate-menu a:last-child { padding-right: 10px; }

.page-cases .mobile-cate { display: none; position: relative; padding: 10px 0; margin-bottom: 15px; margin-left: 3%; margin-right: 3%; }

.page-cases .mobile-cate .target-page { color: #fff; font-size: 14px; }

.page-cases .mobile-cate .toggle-menu { position: absolute; top: 40px; left: 0; width: 100%; display: none; z-index: 20; background-color: #fff; }

.page-cases .mobile-cate .toggle-menu li { font-size: 14px; color: #716565; text-align: center; padding: 7px 0; border-bottom: 1px solid rgba(0, 98, 223, 0.3); }

.page-cases .mobile-cate .toggle-menu li:last-child { border-width: 0; }

.page-cases .mobile-cate .target-toggle img { height: 20px; }

.page-cases .case-detail { padding-right: 5%; }

.page-cases .case-detail .case-banner { position: relative; }

.page-cases .case-detail .case-banner .case-name { color: #fff; padding-left: 6.25%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; font-size: 30px; }

.page-cases .case-detail .case-banner .case-name.anim-show { -webkit-animation: fadeInDown 0.7s; animation: fadeInDown 0.7s; }

.page-cases .case-detail .case-banner .banner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }

.page-cases .case-detail .case-about { margin-top: 35px; background-color: #1a2436; padding: 60px 55px; }

.page-cases .case-detail .case-about.anim-show { -webkit-animation: fadeInRight 0.7s; animation: fadeInRight 0.7s; }

.page-cases .case-detail .case-about .tit { color: #fff; font-size: 34px; font-weight: bold; margin-bottom: 10px; }

.page-cases .case-detail .case-about .bar { display: inline-block; width: 50px; height: 4px; background-color: #0a8ddb; }

.page-cases .case-detail .case-about .desc { width: 75%; font-size: 16px; color: #fff; line-height: 1.6; padding-top: 30px; }

.page-cases .case-detail .case-about .btns {float:right; }

.page-cases .case-detail .case-about .btns .btn { display: block; width: 195px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 20px; margin-bottom: 25px; -webkit-box-shadow: 2px 2px 0px 0px #fff; box-shadow: 2px 2px 0px 0px #fff; }

.page-cases .case-detail .case-about .btns .icon { margin-right: 10px; }

.page-cases .case-detail .case-about .btns .watch-btn { position: relative; background: #0a8ddb url(../images/icon_saoyisao.png) no-repeat 20px center/20px 20px; padding-left: 20px; }

.page-cases .case-detail .case-about .btns .watch-btn .code-box { position: absolute; left: 0; top: -160px; height: 160px; background-color: #fff; width: 100%; padding: 10px; display: none; }

.page-cases .case-detail .case-about .btns .watch-btn .code-img { max-width: 80%; }

.page-cases .case-detail .case-about .btns .watch-btn:hover { background-color: #fff; background-image: url(../images/icon_saoyisao_aa.png); color: #0a8ddb; -webkit-box-shadow: inherit; box-shadow: inherit; }

.page-cases .case-detail .case-about .btns .watch-btn:hover .code-box { display: block; }

.page-cases .case-detail .case-about .btns .contact-btn { background-color: #ed6179; }

.page-cases .case-detail .case-show { margin-top: 35px; background-color: #1a2436; padding-top: 60px; }

.page-cases .case-detail .case-show.anim-show { -webkit-animation: fadeInUp 0.7s; animation: fadeInUp 0.7s; }

.page-cases .case-detail .case-show .show-tit { color: #fff; margin-bottom: 40px; text-align: center; }

.page-cases .case-detail .case-show .tit { font-size: 46px; font-weight: 600; }

.page-cases .case-detail .case-show .eng-tit { font-size: 20px; }

.page-cases .case-detail .detail-content img { width: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.page-cases .case-detail .case-guid { text-align: center; color: #fff; padding: 50px 0; background-color: #1a2436; }

.page-cases .case-detail .case-guid.anim-show { -webkit-animation: fadeInUp 0.7s; animation: fadeInUp 0.7s; }

.page-cases .case-detail .case-guid .guid { width: 30%; display: inline-block; vertical-align: middle; font-size: 0; }

.page-cases .case-detail .case-guid .guid .arrow { position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; }

.page-cases .case-detail .case-guid .guid:hover .guid-name { color: #0a8ddb; }

.page-cases .case-detail .case-guid .guid.prev:hover .arrow { left: -5px; }

.page-cases .case-detail .case-guid .guid.next:hover .arrow { right: -5px; }

.page-cases .case-detail .case-guid .cover { width: 145px; height: 104px; display: inline-block; vertical-align: middle; }

.page-cases .case-detail .case-guid .cover .img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.page-cases .case-detail .case-guid .work-name { width: 110px; }

.page-cases .case-detail .case-guid .guid-name { display: inline-block; vertical-align: middle; font-size: 18px; width: 120px; }

.page-cases .case-detail .case-guid .mguid-name { display: none; font-size: 15px; }

.page-cases .case-detail .case-guid .mguid-name .work-name { width: auto; }

.page-cases .case-detail .case-guid .arrow { display: inline-block; vertical-align: middle; }

.page-cases .case-detail .case-guid .prev .mguid-name { padding-left: 25px; text-align: left; }

.page-cases .case-detail .case-guid .prev .guid-name { padding-left: 3%; text-align: justify; }

.page-cases .case-detail .case-guid .prev .arrow { margin-right: 3%; }

.page-cases .case-detail .case-guid .next .mguid-name { padding-right: 25px; text-align: right; }

.page-cases .case-detail .case-guid .next .arrow { text-align: right; }

.page-cases .case-detail .case-guid .next .guid-name { padding-right: 3%; text-align: right; }

.page-cases .case-detail .case-guid .next .arrow { margin-left: 3%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.page-cases .case-detail .case-guid .guid-menu { width: 10%; display: inline-block; vertical-align: middle; }

@media screen and (max-width: 1681px) { #fullpage .commpage-tit .tit-png { height: 90px; }
  #fullpage .about .lg-tit { padding-top: 3%; }
  #fullpage .about .accout-data { padding-top: 3%; }
  #fullpage .scene .smallPro-list .inner { padding: 40px 0; }
  #fullpage .form .subtit { font-size: 34px; }
  .cases-container .case-item .img-box { height: 320px; }
  #fullpage .scene .smallPro-list .item { padding: 0 20px; }
  .page-cases .case-detail .case-about .btns .btn {font-size: 16px; width: 165px; height: 40px; line-height: 40px; }
  #fullpage .footer-top .phones { width: auto; float: left; padding-top: 0; }
  #fullpage .bussicard .slogn .slogn-img { height: 55px; }
  .cases-container .case-item .meta { padding: 30px 15px; } 
  .cases-container .case-item .title{
    font-size:17px;
    max-width:;
  }
  .cases-container .case-item .title{
    width: 100%;
    display: block;
  }
}

@media screen and (max-width: 1441px) { #fullpage .form .title { font-size: 54px; }
  #fullpage .form .subtit { font-size: 30px; }
  #fullpage .form .submit-btn { font-size: 22px; }
  #fullpage .form .input-box { height: 56px; }
  #fullpage .form .sbcode { height: 56px; line-height: 56px; }
  #fullpage .form .sbcode {  padding-left: 10px; padding-right: 10px; }
  #fullpage .form .sbcode .sbcode-arrow { margin-left: 5px; }
  #fullpage .form input { width: 120px; }
  .cases-container .case-item .img-box { height: 290px; }
  #fullpage .bussicard .slogn .slogn-img { height: 52px; }
  #fullpage .bussicard .slogn i { font-size: 30px; }
  #fullpage .bussicard .detail-box .desc { font-size: 28px; }
  #fullpage .bussicard .detail-box .small { font-size: 18px; }
  #fullpage .bussicard .items .txt-tit { font-size: 20px; }
  #fullpage .bussicard .items .item { padding: 15px; }
  .cases-container .case-item .img-box { height: 240px; }
  .cases-container .case-item .title { font-size: 16px; }
  .page-cases .case-detail .case-guid .guid { width: 40%; }
  .page-cases .case-detail .case-guid .cover { width: 115px; height: 80px; }
  .page-cases .case-detail .case-guid .guid-name { font-size: 16px; }
  #fullpage .cases-container .case-item .title { display: block; width: 100%; }
  .footer-top .phones { width: 100%; padding-top: 10px; }
  .footer-top .phone-mobile { padding: 0; }
  #fullpage .footer-top .phones { width: 100%; padding-top: 10px; }
  #fullpage .footer-top .phone-mobile { padding: 0; } 
     .main-layout .aside{width:200px;}
  #fullpage .content-fullbg{padding-left:240px;}
}

@media screen and (max-width: 1367px) { #fullpage .about .lg-tit { display: none; }
  .page-cases .case-detail .case-guid .cover { width: 100px; height: 60px; }
  .page-cases .case-detail .case-guid .guid-name { font-size: 16px; }
  .page-cases .case-detail .case-guid .guid-menu img { height: 20px; }
  .page-cases .case-detail .case-guid .arrow img { height: 20px; } }

@media screen and (max-width: 1241px) { #fullpage .bussicard .slogn .slogn-img { height: 42px; }
#fullpage .form .sbcode{padding-left:20px;padding-right:20px;}
    #fullpage .form .input-box{width:38%;}
    #fullpage .form .submitWrap-box{margin-top:25px;width:21%;}
}

@media screen and (max-width: 640px) { .footer, #fullpage .footer { display: none; }
  .mobile-footer { display: block; }
  #scrollUp { height: 40px; width: 40px; line-height: 40px; background-size: 75%; }
  .aside { display: none; }
  .header { display: none; }
  .mobile-header { display: block; }
  .common-page .layout-container { width: 100%; margin-left: 0; padding-right: 0; }
  .common-page .main { padding-bottom: 0; }
  .container-fluid { padding-left: 3%; padding-right: 3%; }
  #fullpage .section .page-arrowdown { bottom: 65px; }
  #fullpage .cases-container .case-list .case-item { width: 100%; }
  #fullpage .cases-container .case-item .meta { background: #010b1f; padding: 15px 0; }
  #fullpage .cases-container .case-item .info-logo { display: block; }
  #fullpage .cases-container .case-item .case-ercode { width: 60%; }
  #fullpage .cases-container .case-item .case-meta { display: block; }
  #fullpage .cases-container .case-list .case-item { width: 100%; }
  #fullpage .cases-container .case-item .pla-meta { display: none; }
  #fullpage .cases-container .case-item .title, #fullpage .cases-container .case-item .case-logo { display: none; }
  #fullpage .cases-container .case-mobile-list { display: block; }
  #fullpage .bussicard .service-list .item .inner:hover, #fullpage .bussicard .items .item:hover, #fullpage .scene .smallPro-list .inner:hover { background-color: #0062df; }
  .cases-container .case-list { padding-right: 0; }
  .cases-container .pc-pager { display: none; }
  .cases-container .case-mobile-more { display: block; }
  .space-header { padding-top: 75px; }
  .login-bg { background-color: #0062df; background-image: none !important;padding-top:35px; }
  .login-bg .logo-wrap { display: none; }
  .login-bg .tit img { height: 35px; }
  .login-main .form-box { width: 92%; }
  .login-main .form-box .input-box { display: -webkit-box; display: -ms-flexbox; display: flex; height: 45px; }
  .login-main .form-box .input-box input { width: 150px; font-size: 14px; height: 43px; }
  .login-main .form-box .sbcode { font-size: 16px; margin: 10px 0; }
  .login-main .form-box .sbcode .arrow { margin-left: 5px; }
  .login-main .form-box .getCode { height: 45px; font-size: 14px; }
  .login-main .form-box .submit-btn { height: 43px; font-size: 16px; line-height: 43px; }
  #fullpage .section .page-arrowdown .icon-xiahua { height: 20px; }
  #fullpage { height: auto; }
  #fullpage .content-fullbg { height: auto; padding-left:0;padding-right:0;}
  #fullpage .service, #fullpage .page3, #fullpage .page4, #fullpage .about, #fullpage .bussicard, #fullpage .scene { background-image: none !important; }
  #fullpage .content-fullbg .content { padding-left: 0; margin-left: 0; padding-right: 0; width: 100%; }
  #fullpage .content-fullbg.form .content { padding-top: 0; }
  #fullpage .content-fullbg.index{padding-left:0;}
  #fullpage .form { height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; }
  #fullpage .form .title { font-size: 30px; margin-bottom: 5%; }
  #fullpage .form .subtit { font-size: 16px; margin-bottom: 5%; }
  #fullpage .form .form-wrap { width: 75%;margin:auto; }
  #fullpage .form .input-box { width: 100%; height: 45px; margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; }
  #fullpage .form .sbcode { height: 45px; line-height: 45px; width: 95px; padding: 0 10px; }
  #fullpage .section .page-arrowdown { display: none; }
  #fullpage .section.form .page-arrowdown { display: block; }
  #fullpage .form input { width: 150px; }
  #fullpage .form .getcode { display: block; line-height: 45px; padding-right: 0; text-align: right; margin-left: 20px; }
  #fullpage .form .sbcode .sbcode-arrow { margin-left: 10px; }
  #fullpage .form .submitWrap-box { background: transparent; }
  #fullpage .form input { height: 22px; }
  #fullpage .form .submit-btn { line-height: 40px; color: #ffffff; background: transparent; font-size: 16px; border: 1px solid #fff; }
  #fullpage .commpage-tit { padding-top: 14%; padding-right: 0; width: 80%; margin: auto; text-align: center; }
  #fullpage .commpage-tit .mtit-png { display: inline-block; height: 45px; top: -55px; position: relative; }
  #fullpage .commpage-tit .tit-png { display: none; }
  #fullpage .commpage-tit .title { font-size: 24px; text-align: center; }
  #fullpage .service .func-list { padding-right: 0; }
  #fullpage .service .func-list .func-item { width: 33.333%; margin-bottom: 5%; }
  #fullpage .service .func-list .func-item .icons { width: 65px; height: 65px; line-height: 65px; }
  #fullpage .service .func-list .func-item .icon { height: 24px; }
  #fullpage .service .func-list .name { font-size: 15px; padding-top: 11px; }
  #fullpage .service .func-list .desc { font-size: 12px; }
  #fullpage .commpage-content { padding-top: 2%; padding-left: 3%; padding-right: 3%; }
  #fullpage .service .commpage-content { background-image: url(../images/mbg_function.png); background-repeat: no-repeat; background-size: cover; background-position: center; }
  #fullpage .bussicard .detail-show { background-image: url(../images/mbg_card.png); background-repeat: no-repeat; background-size: cover; }
  #fullpage .page3 .theme-list { padding-right: 0; }
  #fullpage .page3 .theme-list .theme-item { width: 100%; margin-bottom: 20px; }
  #fullpage .about .company-pic { width: 100%; }
  #fullpage .about .about-main { padding-right: 0; }
  #fullpage .about .pic-box { height: auto; }
  #fullpage .about .company-desc { padding-top: 20px; padding-left: 0; width: 100%; }
  #fullpage .about .desc { font-size: 15px; color: #6f7d9b; }
  #fullpage .about .lg-tit { display: none; }
  #fullpage .about .accout-data .accout-item > span { font-size: 26px; }
  #fullpage .about .accout-data .accout-item > p { font-size: 14px; }
  #fullpage .commpage-tit .free-expbtn { display: none; }
  #fullpage .bussicard .slogn { font-size: 26px; text-align: center; color: #0062df; }
  #fullpage .bussicard .slogn .slogn-img { width: 100%; margin-left: 0; display: none; }
  #fullpage .bussicard .slogn .mslogn-img { width: 100%; display: block; margin-left: 0; }
  #fullpage .bussicard .items .icon { height: 26px; }
  #fullpage .bussicard .service-list .item { width: 50%; }
  #fullpage .bussicard .bussiness-main { padding-right: 0; }
  #fullpage .bussicard .service-list .item .inner { font-size: 14px; padding: 5px 0; height: auto; }
  #fullpage .bussicard .service-list { margin-bottom: 0; }
  #fullpage .bussicard .detail-box { width: 100%; }
  #fullpage .bussicard .detail-box .box-inner { padding: 20px 15px 10px 15px; }
  #fullpage .bussicard .detail-box .desc { font-size: 20px; }
  #fullpage .bussicard .detail-box .small { font-size: 15px; }
  #fullpage .bussicard .items { width: 100%; padding-bottom: 30px; }
  #fullpage .bussicard .items .item { padding: 20px 0; padding-left: 35px; width: 100%; }
  #fullpage .bussicard .items .meta { padding-left: 15px; margin-left: 50px; }
  #fullpage .bussicard .detail-box .squradot-img { height: 4px; }
  #fullpage .bussicard .items .txt-tit { font-size: 16px; }
  #fullpage .scene .smallPro-list { padding-right: 0; margin: 0 -8px; }
  #fullpage .scene .smallPro-list .inner { padding: 20px 0; }
  #fullpage .scene .smallPro-list .item { width: 50%; padding: 0 8px; margin-bottom: 16px; }
  #fullpage .scene .smallPro-list .icon { height: 34px; }
  #fullpage .scene .smallPro-list .title { font-size: 16px; }
  #fullpage .scene .smallPro-list .txt { padding-top: 3px; }
  .page-cases .pager { margin-top: 10px; }
  .page-cases .case-cate-menu { display: none; }
  .page-cases .mobile-cate { display: block; }
  .page-cases .cases-container { padding-left: 3%; padding-right: 3%; }
  .page-cases .cases-container .case-item { width: 100%; }
  .page-cases .cases-container .case-item .meta { display: none; }
  .page-cases .cases-container .case-item .mcase-meta { display: block; }
  #fullpage .cases .more-wrap .more { background-color: #1a2436; width: 100%; color: #6f7d9b; font-size: 14px; padding: 10px 0; margin-top: -20px; }
  .page-cases .case-detail { padding-right: 3%; padding-left: 3%; }
  .page-cases .case-detail .case-banner img { height: 180px; }
  .page-cases .case-detail .case-banner .case-name { padding: 5px; font-size: 16px; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); background: rgba(0, 0, 0, 0.6); }
  .page-cases .case-detail .case-about { padding: 25px 20px; margin-top: 25px; }
  .page-cases .case-detail .case-about .tit { font-size: 20px; margin-bottom: 0; }
  .page-cases .case-detail .case-about .bar { height: 2px; width: 42px; }
  .page-cases .case-detail .case-about .desc { width: 100%; font-size: 15px; float: inherit; text-align: justify; padding-top: 15px; }
  .page-cases .case-detail .case-about .btns { width: 100%; padding-left: 0; margin-top: 20px; }
  .page-cases .case-detail .case-about .btns .icon { margin-right: 7px; height: 18px; }
  .page-cases .case-detail .case-about .btns .btn { margin-left: 0; float: left; font-size: 14px; width: 135px; height: auto; line-height: 24px; padding: 5px 10px; margin-bottom: 0; }
  .page-cases .case-detail .case-about .btns .watch-btn { padding-left: 50px; }
  .page-cases .case-detail .case-about .btns .btn:last-child { float: right; }
  .page-cases .case-detail .case-show { margin-top: 25px; padding: 30px 0; }
  .page-cases .case-detail .case-show .show-tit { margin-bottom: 25px; }
  .page-cases .case-detail .case-show .tit { font-size: 24px; }
  .page-cases .case-detail .case-show .eng-tit { font-size: 14px; }
  .page-cases .case-detail .case-guid .guid-name { font-size: 15px; display: none; }
  .page-cases .case-detail .case-guid .mguid-name { display: block; font-size: 13px; padding-top: 3px; }
  .page-cases .case-detail .case-guid { padding-top: 0; padding-bottom: 30px; }
  .page-cases .case-detail .case-guid .cover { width: 90px; height: 60px; }
  .page-cases .case-detail .case-guid .arrow img { height: 20px; }
  .page-cases .case-detail .case-guid .guid-menu img { height: 20px; }
  .page-cases .case-detail .case-guid { padding-left: 3%; padding-right: 3%; }
  .page-cases .case-detail .case-guid .guid { width: 38%; }
  .page-cases .case-detail .case-guid .guid-menu { text-align: center; margin: 15px 0; }
  .page-cases .case-detail .case-guid .guid.prev { text-align: left; float: left; }
  .page-cases .case-detail .case-guid .guid.next { float: right; text-align: right; }
  #fullpage .service .service-list .service-item { width: 50%; text-align: center; margin-bottom: 30px; }
  #fullpage .service .service-list .service-item .icons { float: none; margin: auto; }
  #fullpage .service .service-list .meta { margin-left: 0; padding-left: 0; width: 100%; }
  #fullpage .service .service-list .name { display: inline-block; }
  #fullpage .service .service-list .name::after { left: 0; width: 100%; height: 1px; }
  #fullpage .service .service-list .service-item .icon { height: 55px; }
  #fullpage .service .service-list .name { padding-top: 15px; font-size: 16px; }
  #fullpage .build .func-list .func-item { width: 33.333%; }
  #fullpage .build .func-list .func-item .icons { height: 65px; width: 65px; margin: auto; line-height: 65px; }
  #fullpage .build .func-list .func-item .icon { height: 30px; }
  #fullpage .build .func-list .func-item { margin-bottom: 30px; }
  #fullpage .build .func-list .func-item:hover .icons { background: #0062df; }
  #fullpage .build .func-list .name { font-size: 16px; }
  #fullpage .build .func-list .desc { font-size: 12px; }
  #fullpage .bussicard .slogn i { font-size: 24px; }
  .cases-container .mcase-meta { text-align: left; background: #010b1f; padding: 15px 0; }
  .cases-container .mcase-meta .name { color: #fff; display: inline-block; font-size: 16px; }
  .cases-container .mcase-meta .type { color: rgba(255, 255, 255, 0.5); display: inline-block; padding-left: 20px; font-size: 14px; padding-top: 0; }
  .cases-container .case-item .info-logo { display: block; }
  .cases-container .case-item .scan-info { display: none; }
  .cases-container .mcase-meta { padding: 20px 10px; }
  .cases-container .case-item .cover-info .bdr-bt, .cases-container .case-item .cover-info .bdr-lt { display: block; }
  .main-layout .aside { display: none !important; }
  #fullpage .commpage-tit .sub-tit { width: 100%; }
  .page-cases .case-detail .case-about .btns .watch-btn .code-box { height: 110px; top: -110px; }
  .login-main .form-box .submit-btn a { line-height: 43px; }
  .cases-container .scan-info .desc { padding: 0 10px; }
  .login-main .tit { font-size: 32px; }
  
  #fullpage .content-fullbg.cases .content { background-image: none !important; } }
  .cases-container .case-item .pcase-logo{
    max-height: 70px;
  }
  .anim{visibility: hidden;}
.anim.up{visibility: visible; animation: up 1s 1; -o-animation: up 1s 1; -ms-animation: up 1s 1; -moz-animation: up 1s 1; -webkit-animation: up 1s 1;}
.anim.left{visibility: visible; animation: left 1s 1; -o-animation: left 1s 1; -ms-animation: left 1s 1; -moz-animation: left 1s 1; -webkit-animation: left 1s 1;}
.anim.right{visibility: visible; animation: right 1s 1; -o-animation: right 1s 1; -ms-animation: right 1s 1; -moz-animation: right 1s 1; -webkit-animation: right 1s 1;}
.anim.float{visibility: visible; animation: float 5s infinite; -o-animation: float 5s infinite; -ms-animation: float 5s infinite; -moz-animation: float 5s infinite; -webkit-animation: float 5s infinite;}
@keyframes up{
	0% {opacity: 0; transform: translateY(60px); -o-transform: translateY(60px); -ms-transform: translateY(60px); -moz-transform: translateY(60px); -webkit-transform: translateY(60px);}
	100% {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0);}
}
@-o-keyframes up{
	0% {opacity: 0; transform: translateY(60px); -o-transform: translateY(60px); -ms-transform: translateY(60px); -moz-transform: translateY(60px); -webkit-transform: translateY(60px);}
	100% {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0);}
}
@-moz-keyframes up{
	0% {opacity: 0; transform: translateY(60px); -o-transform: translateY(60px); -ms-transform: translateY(60px); -moz-transform: translateY(60px); -webkit-transform: translateY(60px);}
	100% {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0);}
}
@-webkit-keyframes up{
	0% {opacity: 0; transform: translateY(60px); -o-transform: translateY(60px); -ms-transform: translateY(60px); -moz-transform: translateY(60px); -webkit-transform: translateY(60px);}
	100% {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0);}
}
@keyframes left{
	0% {opacity: 0; transform: translateX(60px); -o-transform: translateX(60px); -ms-transform: translateX(60px); -moz-transform: translateX(60px); -webkit-transform: translateX(60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@-o-keyframes left{
	0% {opacity: 0; transform: translateX(60px); -o-transform: translateX(60px); -ms-transform: translateX(60px); -moz-transform: translateX(60px); -webkit-transform: translateX(60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@-moz-keyframes left{
	0% {opacity: 0; transform: translateX(60px); -o-transform: translateX(60px); -ms-transform: translateX(60px); -moz-transform: translateX(60px); -webkit-transform: translateX(60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@-webkit-keyframes left{
	0% {opacity: 0; transform: translateX(60px); -o-transform: translateX(60px); -ms-transform: translateX(60px); -moz-transform: translateX(60px); -webkit-transform: translateX(60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@keyframes right{
	0% {opacity: 0; transform: translateX(-60px); -o-transform: translateX(-60px); -ms-transform: translateX(-60px); -moz-transform: translateX(-60px); -webkit-transform: translateX(-60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@-o-keyframes right{
	0% {opacity: 0; transform: translateX(-60px); -o-transform: translateX(-60px); -ms-transform: translateX(-60px); -moz-transform: translateX(-60px); -webkit-transform: translateX(-60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@-moz-keyframes right{
	0% {opacity: 0; transform: translateX(-60px); -o-transform: translateX(-60px); -ms-transform: translateX(-60px); -moz-transform: translateX(-60px); -webkit-transform: translateX(-60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@-webkit-keyframes right{
	0% {opacity: 0; transform: translateX(-60px); -o-transform: translateX(-60px); -ms-transform: translateX(-60px); -moz-transform: translateX(-60px); -webkit-transform: translateX(-60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@keyframes float{
	0% {transform: translateX(0px) translateY(0px); -o-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); -moz-transform: translateX(0px) translateY(0px); -webkit-transform: translateX(0px) translateY(0px);}
	25% {transform: translateX(-15px) translateY(15px); -o-transform: translateX(-15px) translateY(15px); -ms-transform: translateX(-15px) translateY(15px); -moz-transform: translateX(-15px) translateY(15px); -webkit-transform: translateX(-15px) translateY(15px);}
	50% {transform: translateX(-30px) translateY(-15px); -o-transform: translateX(-30px) translateY(-15px); -ms-transform: translateX(-30px) translateY(-15px); -moz-transform: translateX(-30px) translateY(-15px); -webkit-transform: translateX(-30px) translateY(-15px);}
	75% {transform: translateX(-15px) translateY(15px); -o-transform: translateX(-15px) translateY(15px); -ms-transform: translateX(-15px) translateY(15px); -moz-transform: translateX(-15px) translateY(15px); -webkit-transform: translateX(-15px) translateY(15px);}
	100% {transform: translateX(0px) translateY(0px); -o-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); -moz-transform: translateX(0px) translateY(0px); -webkit-transform: translateX(0px) translateY(0px);}
}