/* 未能缩小。正在返回未缩小的内容。
(1139,15): run-time error CSS1036: Expected expression, found '.'
(1635,10): run-time error CSS1036: Expected expression, found ';'
 */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 0. sassCore's style
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  overflow-y: scroll;
  /* 0 */
  -webkit-overflow-scrolling: touch;
  /* 0 */
}

/**
 * 1. Remove default margin
 * 0. sassCore's style.
 */
body {
  margin: 0;
  /* 1 */
  font-size: 12px;
  /* 0 */
  line-height: 2;
  /* 0 */
  color: #333;
  /* 0 */
  background-color: #fff;
  /* 0 */
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 * 3. Correct `inline-block` display in IE 6/7.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
  *display: inline;
  /* 3 */
  *zoom: 1;
  /* 3 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background color from active links in IE 10.
 * 2. Improve readability when focused and also mouse hovered in all browsers.
 * 0. sassCore's style.
 */
a {
  background: transparent;
  /* 1 */
  /* 0 */
  text-decoration: none;
  color: #08c;
}
a:active, a:hover {
  outline: 0;
  /* 2 */
}
a:hover {
  color: #006699;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improve image quality when scaled in IE 7.
 * 0. sassCore's style.
 */
img {
  border: 0;
  /* 1 */
  vertical-align: middle;
  /* 0 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * 1. Contain overflow in all browsers.
 * 2. Improve readability of pre-formatted text in all browsers.
 */
pre {
  overflow: auto;
  /* 1 */
  white-space: pre;
  /* 2 */
  white-space: pre-wrap;
  /* 2 */
  word-wrap: break-word;
  /* 2 */
}

/**
 * 1. Address odd `em`-unit font size rendering in all browsers.
 * 2. Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  _font-family: 'courier new', monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea:focus,
input:focus {
  outline: none;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9/10/11.
 * 0. sassCore's style
 */
textarea {
  overflow: auto;
  /* 1 */
  resize: vertical;
  /* 0 */
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

html,
button,
input,
select,
textarea {
  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {
  margin: 0;
}

ul, ol, li, dl, dd {
  margin: 0;
  padding: 0;
}

ul, ol {
  list-style: none outside none;
}

h1, h2, h3 {
  line-height: 2;
  font-weight: normal;
}

h1 {
  font-size: 18px;
}

h2 {
  font-size: 15.6px;
}

h3 {
  font-size: 14.04px;
}

h4 {
  font-size: 12px;
}

h5, h6 {
  font-size: 10.2px;
  text-transform: uppercase;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #ccc;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #ccc;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #ccc;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ccc;
}

.clear {
  clear: both;
}

.f-cb {
  zoom: 1;
}

.f-cb:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: ".";
}

.fl {
  float: left;
  display: inline;
}

.fr {
  float: right;
  display: inline;
}

.por {
  position: relative;
}

.poa {
  position: absolute;
}

.pof {
  position: fixed;
}

.poa-f {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ovh {
  overflow: hidden;
}

.noselect {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.z1 {
  z-index: 1;
}

.z2 {
  z-index: 2;
}

.z3 {
  z-index: 3;
}

.dn {
  display: none;
}

.dib {
  display: inline-block;
}

.w-f {
  width: 100%;
}

.h-f {
  height: 100%;
}

.fwn {
  font-weight: normal;
}

.tac {
  text-align: center;
}

.t-f {
  transition: all 0.5s;
}

.t-c {
  transition: color 0.5s;
}

.t-bg {
  transition: background 0.5s;
}

.loader {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-left: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  animation: spinner 700ms infinite linear;
}

.loader.white {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=reset.css.map */

@charset "utf-8";

header{
	padding:0 .3rem;
	height:1.2rem;
}

header .logo{
	width:4rem;
	height:.46rem;
	margin:.35rem 0 0;
}

header .logo img{
	display: block;
	width:100%;
}

.navbtn-box{
	padding-top: .32rem;
}

.navbtn{
	display: block;
	width:.4rem;
	padding-top:.05rem;
}

.navbtn .line{
	display: block;
	width:.4rem;
	height:.04rem;
	background: #404040;
	margin: .08rem 0;
}

.navbtn .line:nth-child(1){
	transition:all .3s linear;
}

.navbtn .line:nth-child(3){
	transition:all .3s linear;
}

.navbtn.cur .line:nth-child(1){
	transform:rotate(42deg);
	transform-origin:left top;
	width:.38rem;
}

.navbtn.cur .line:nth-child(2){
	opacity: 0;
	filter: alpha(opacity=0);
}

.navbtn.cur .line:nth-child(3){
	transform:rotate(-42deg);
	transform-origin:left bottom;
	width:.38rem;
}

.navbtn-box .lang{
	width:.56rem;
	height:.56rem;
	margin-right: .25rem;
}

.navbtn-box .lang img{
	display: block;
	width:100%;
	height:100%;
}

.nav{
	position: absolute;
	width:100%;
	top:1.2rem;
	left:0;
	background: #f5f5f5;
	box-sizing:border-box;
	padding:0 .45rem;
	z-index: 80;
	display: none;
}

.nav li{
	width:100%;
	border-bottom:1px solid #dcdcdc;
}

.nav li a{
	display: block;
}

.nav li>a{
	color:#000;
	font-size: .28rem;
	padding:.15rem 0 .15rem .3rem;
	background: url(/Resources/Web/Images/Moblie/jia.png) no-repeat 6rem center / .26rem .26rem;
}

.navson{
	display: none;
	padding:.2rem 0 .2rem .3rem;
}

.navson a{
	background: url(/Resources/Web/Images/Moblie/fang.png) no-repeat 0 center / 5px 5px;
	color:#666;
	font-size: .28rem;
	padding: 0 .2rem;
}

.nav li.on>a{
	background:#016ba7 url(/Resources/Web/Images/Moblie/jian.png) no-repeat 6rem center / .26rem 2px;
	color:#fff;
}

.navson .third{
	display: none;
}

.navson .third a{
	background: none;
	font-size: .24rem;
}

.black{
	position: fixed;
	top:1.2rem;
	left:0;
	width:100%;
	height:100%;
	background: #000;
	opacity: .7;
	filter: alpha(opacity=70);
	z-index: 33;
	display: none;
}

.load-bg{
	position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: #f5f5f5;
    z-index: 9999;
    /*display: none;*/
}

.load-bg .loading{
	width: .62rem;
    height: .46rem;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -.23rem 0 0 -.31rem;
}

.gray, 
.orange {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: .62rem;
}

.gray{
    background: url(/Resources/Web/Images/Moblie/load1.png) no-repeat left bottom;
    background-size: .62rem .46rem;
    height: .46rem;
}

.orange{
	background: url(/Resources/Web/Images/Moblie/load2.png) no-repeat left bottom;
	background-size: .62rem .46rem;
    -webkit-animation:fill 3s linear infinite forwards;
    -moz-animation:fill 3s linear infinite forwards;
    -ms-animation:fill 3s linear infinite forwards;
    height: .46rem;
}

@-moz-keyframes fill {
   	0% { height: 0px; }
    20% { height: .1rem; }
    40% { height: .2rem; }
    60% { height: .3rem; }
    100% { height: .46rem; }
}

@-webkit-keyframes fill {
   0% { height: 0px; }
   20% { height: .1rem; }
   40% { height: .2rem; }
   60% { height: .3rem; }
   100% { height: .46rem; }
}

@keyframes fill {
	0% { height: 0px; }
	20% { height: .1rem; }
	40% { height: .2rem; }
	60% { height: .3rem; }
	100% { height: .46rem; }
}




/***********header end**************/

footer{
	/*height:1.1rem;*/
	background: #363434;
	padding:.2rem .3rem;
	box-sizing:border-box;
	text-align: center;
}

footer .copy{
	color:#9b9a9a;
	font-size: .24rem;
	line-height: .36rem;
}

footer .copy a{
	color:#9b9a9a;
	font-size: .24rem;
	line-height: .28rem;
}
footer .copy .police{
	display: inline-block;
	line-height: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(/Resources/Web/Images/Moblie/police.png);
}


/*************footer end*****************/

.iban.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
	width:.15rem;
	height:.15rem;
	background: #fff;
	border-radius: 100%;
	margin:0 .1rem;
}

.iban.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet-active{
	background: #037cbf;
}

.manufacture-box{
	padding:.7rem .3rem .35rem;
}

.index-tit .line{
	width:.6rem;
	height:1px;
	background: #017ec4;
}

.index-tit .num{
	width:1.3rem;
	height:.52rem;
	margin:.25rem 0 0;
}

.index-tit .num img{
	display: block;
	width:100%;
}

.index-tit .num .text{
	font-size: .4rem;
	color:#333;
	line-height: .5rem;
}

.manufacture{
	margin:.2rem 0 0;
}

.manufacture li{
}

.manufacture a{
	display: block;
	font-size: .28rem;
	color:#666;
}

.manufacture a.tit{
	font-size: .28rem;
	color:#017ec4;

}

.manufacture a.text{
	line-height: .5rem;
}

.more{
	display: block;
	width:2.3rem;
	height:.65rem;
	line-height: .65rem;
	background: #017ec4;
	text-align: center;
	color:#fff;
	font-size: .28rem;
	font-family: arial;
	font-weight: bold;
	text-transform: uppercase;
}

.manufacture-box .more{
	margin:.45rem 0 0;
}

.manufacture-box .video-box{
	height:4.8rem;
	margin:.85rem 0 0;
}

.manufacture-box .video-box video{
	width:100%;
	height:100%;
	background: #000;
}

.research-box{
	padding:.85rem .3rem .55rem;
}

.research-box .research-text{
	font-size: .28rem;
	color:#666;
	line-height: .5rem;
	margin:.2rem 0 0;
}

.research-box .more{
	margin:.45rem 0 .35rem;
}

.research-box .research{
	background: url(/Resources/Web/Images/Moblie/blue-line.jpg) repeat-y .38rem top;
	padding:.4rem 0 .25rem;
}

.research-box .research li{
	margin-bottom: .6rem;
}

.research-box .research .content-box .icon{
	width:.79rem;
	height:.79rem;
}

.research-box .research .content-box .icon img{
	width:100%;
	height:100%;
}

.research-box .research .text-box{
	font-size: .28rem;
	font-weight: bold;
	padding:.15rem 0 0;
	margin-left: .35rem;
}

.research-box .research .text-box span{
	display: block;
}

.research-box .research .text-box span.line{
	width:.5rem;
	height:1px;
	background: #017ec4;
}
.research-box .research .text-box span.text{
	font-size: .28rem;
	line-height: .32rem;
	color:#017ec4;
	margin:.15rem 0 0;
}

.research-box .research .content-box2{
	margin:.3rem 0;
}

.research-box .research .content-box2 .icon2{
	width:.15rem;
	height:.15rem;
	margin:.2rem 0 0 .3rem;
}

.research-box .research .icon2 img{
	display: block;
	width:100%;
	height:100%;
}

.research-box .research .text-box2{
	font-size: .28rem;
	color:#017ec4;
	margin-left: .68rem;
}

.i-quality-box{
	padding:.9rem .3rem;
}

.i-quality-box .img{
	display: block;
	width:6.9rem;
	height:4.5rem;
	margin:.5rem 0 0;
}

.i-quality-box .img img{
	width:100%;
	height:100%;
}

.i-quality-box .i-quality .content-box{
	margin:.25rem 0 0;
}

.i-quality-box .content-box .link{
	font-size: 0;
}

.i-quality-box .content-box .link a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: .28rem;
	color:#017ec4;
	font-weight: bold;
	margin-right: .88rem;
}

.i-quality-box .content-box .content{
	font-size: .24rem;
	color:#666;
	line-height: .48rem;
}

.i-quality-box .more{
	margin:.5rem 0 0;
}

.i-service-box{
	padding:.7rem .3rem 1.2rem;
	background: #f8f8f8;
}

.i-service-box .i-service{
	margin:.35rem 0 0;
}

.i-service-box .i-service .img{
	width:6.9rem;
	height:3.6rem;
}

.i-service-box .i-service .img img{
	width:100%;
	height:100%;
}

.i-service-box .i-service .content{
	font-size: .28rem;
	color:#666;
	line-height: ..48rem;
	margin:.35rem 0 0;
}

.i-service-box .i-service .more{
	margin:.45rem 0 0;
}

/**********welcome end*********/

.sub-banner{
	width:100%;
	height:1.76rem;
	text-align: center;
	line-height: 1.76rem;
	color:#fff;
}

.industry-box{
	padding-bottom:.8rem;
}

.industry-box li{
	padding:.38rem .23rem;
	box-sizing:border-box;
	border-bottom:1px solid #efefef;
}

.industry-box li .img{
	width:3.1rem;
	height:2.26rem;
	box-sizing:border-box;
	border:1px solid #e9e9e9;
	box-shadow: 0 0 .35rem #d5d5d5;
}

.industry-box li .img img{
	width:100%;
	height: 100%;
}

.industry-box li .text-box{
	width:3.6rem;
	line-height: .38rem;
}

.industry-box li .text-box .time,
.industry-box li .text-box .tit{
	font-size: .28rem;
	color:#017ec4;
}

.industry-box li .text-box .content{
	font-size: .25rem;
	color:#555;
	margin:.1rem 0 0;
}

.industry-box .content-box{
	padding:0 .23rem;
}

.industry-box .img-box{
	height:5rem;
	margin:.38rem auto;
	box-shadow: 0 0 .35rem #d5d5d5;
}

.industry-box .img-box img{
	width:100%;
	height: 100%;
}

.industry-box .content{
	color:#555;
	font-size: .24rem;
}

.industry-box .content h3{
	font-size: .28rem;
	color:#017ec4;
	margin-bottom: .15rem;
}

/*********Industrial end*************/

.manudtl-box{
	padding:.3rem .3rem .95rem;
}

.manudtl-box .text-box{
	font-size: .28rem;
	line-height: .48rem;
	color:#555;
}

.manudtl-box .text-box .text2{
	color:#017ec4;
}

.manudtl-box img{
	max-width: 100%;
	max-height:  5rem;
}

/**********ManufactureDetail end**********/

.design-box{
	padding:.35rem 0 .65rem;
}

.design-box .design{
	padding:0 .3rem;
	font-size: .28rem;
	line-height: .48rem;
	color:#555;
}

.design-box img{
	max-width: 100%;
	max-height: 5rem;
}

/**********DesignCenter end***************/

.important-box{
	padding:.5rem .3rem .85rem;
}

.important-box li{
	margin-bottom: .8rem;
}

.important-box li:last-child{
	margin:0;
}

.important-box .text-box{
	font-size: .28rem;
	color:#555;
	line-height: .48rem;
}

.important-box .text-box h3{
	font-size: .4rem;
	color:#333;
	font-weight: bold;
	padding-bottom: .2rem;
	border-bottom:1px solid #dcdcdc;
}

.important-box .text{
	margin:.2rem 0 .4rem;
}

.important-box .img{
	width:3.1rem;
	height:3.1rem;
	margin:0 auto;
}

.important-box .img img{
	width:100%;
}

/************important end**************/

.tab{
	padding:.3rem .3rem .16rem;
	background: #eee;
}

.tab a{
	float: left;
	width: 2.2rem;
	height:.8rem;
	/*background: #fff url(/Resources/Web/Images/Moblie/arrow.png) no-repeat 1.9rem center / .12rem .08rem;*/
	background: #fff;
	margin:0 .14rem .14rem 0;
	font-size: .28rem;
	color:#555;
	line-height: .8rem;
	box-sizing:border-box;
	/*padding-left: .24rem;*/
	text-align: center;
}

.tab a:nth-child(3n){
	margin-right: 0;
}

.tab a.cur{
	/*background: #0f3f89 url(/Resources/Web/Images/Moblie/arrow2.png) no-repeat 1.9rem center / .12rem .08rem;*/
	background: #0f3f89;
	color:#fff;
}

.product-box{
	padding:.65rem .3rem .6rem;
}

.product-box .text-box{
	color:#555;
	font-size: .28rem;
	line-height: .48rem;
}

.product-box .text-box .img{
	width:6.9rem;
	height: 3.05rem;
}

.product-box .text-box img{
	max-width: 100%;
}

.product-box .text-box .content{
	padding:.3rem 0;
	border-bottom:1px solid #eaeaea;
}
.product-box .product{
	margin:.5rem 0 0;
}
.product-box .product li{
	float:left;
	width:3.33rem;
	margin-bottom: .3rem;
}

.product-box .product li:nth-child(2n){
	float:right;
}

.product-box .product li .img{
	width:3.33rem;
	height:3.33rem;
}

.product-box .product .img img{
	width:100%;
}

.product-box .product .text{
	font-size: .28rem;
	color:#333;
	height:.45rem;
	line-height: .45rem;
	margin:.2rem 0 0;
}

.ajaxload{
	width: .5rem;
	margin:0 auto;
	display: none;
}

.ajaxload img{
	display: block;
	width:100%;
	height:100%;
}

/***********product end*************/

.brand-box li{
	padding:.4rem .3rem .7rem;
	background: #eee;
}

.brand-box li:nth-child(2n){
	background: #fff;
}

.brand-box .brand-logo{
	width: 1.3rem;
	margin:0 auto .3rem;
}

.brand-box .brand-logo img{
	display: block;
	width:100%;
}
.brand-box .content img {
    max-width:100%;
}

.brand-box .content{
	font-size: .28rem;
	color:#666;
	line-height: .48rem;
	padding-top: .3rem;
	border-top:1px solid #dcdcdc;
}

/***********brand end*************/

.network-box{
	padding:.5rem .3rem .35rem;
}

.network-box .content-box{
	color:#666;
	font-size: .28rem;
	line-height: .48rem;
}

.network-box .content-box h3{
	font-size: .4rem;
	color:#017ec4;
	line-height: .7rem;
	text-align: center;
	margin-bottom: .15rem;
}

.network-box .content-box img{
	max-width: 100%;
	max-height: 5rem;
}

.network-box .network{
	margin:.6rem 0 0;
}

.network-box .network li{
	float:left;
	width: 3.36rem;
	margin-bottom: .25rem
}

.network-box .network li:nth-child(2n){
	float:right;
}

.network-box .network li .img{
	width:3.36rem;
	height:2.42rem;
}

.network-box .network li .img img{
	width:100%;
	height: 100%;
}

.network-box .network li .text{
	font-size: .28rem;
	color:#444;
}

/*******SalesNetwork end*************/

.culture-tit{
	padding:.35rem .3rem;
	font-size: .3rem;
	color:#017ec4;
	font-weight: bold;
}

.worth-box .worth{
	background: #f8f8f8;
}

.culture-img{
	width:100%;
	height:2.48rem;
}

.culture-img img{
	width:100%;
	height:100%;
}

.worth-box .worth-list li{
	border-bottom: 2px solid #fff;
	padding:.4rem .3rem .35rem;
}

.worth-box .worth-list .tit{
	font-size: .28rem;
	color:#fff;
	text-align: center;
	width:2.9rem;
	height:.6rem;
	line-height: .6rem;
	background: #016ba7;
	margin:0 auto;
}

.worth-box .worth-list .content{
	font-size: .28rem;
	color:#555;
	line-height: .48rem;
	margin:.2rem 0 0;
}

.culture .text-box{
	font-size: .28rem;
	color:#555;
	line-height: .46rem;
	padding:.3rem .3rem .35rem;
	background: #f8f8f8;
}

.culture .text-box p{
	margin-bottom: .15rem;
}

/*****************culture end************/

.ad-box{
	padding:.3rem;
	min-height: 7rem;
}

.ad-box .video-box{
	width: 100%;
	height:4.3rem;
}

.ad-box .video-box video{
	width:100%;
	height:100%;
	background: #000;
}

/**********adVideo end*********/

.develop-box{
	padding:.3rem .3rem 0;
}

.develop-box .deve-logo{
	position: absolute;
	left:.07rem;
	top:.27rem;
	width:.76rem;
	height:.76rem;
}

.develop-box .deve-logo img{
	width:100%;
	height:100%;
}

.develop{
	padding:.9rem 0 .7rem;
	background: url(/Resources/Web/Images/Moblie/dot.png) repeat-y .15rem top;
}

.develop li{
	margin-bottom: .2rem;
	position: relative;
}

.develop .s-logo{
	position: absolute;
	left:.08rem;
	top:.43rem;
	width:.15rem;
	height:.15rem;
	background: url(/Resources/Web/Images/Moblie/deve-logo2.png) no-repeat center / cover;
}

.develop .line{
	position: absolute;
	left:.18rem;
	top:.5rem;
	width:.7rem;
	height:1px;
	background: url(/Resources/Web/Images/Moblie/line.png) repeat-x;
}

.develop li .text-box{
	float:right;
	padding:.15rem .25rem;
	width:6rem;
	box-sizing:border-box;
	border:1px dotted #2c94ce;
	border-radius: .08rem;
}

.develop li h3{
	font-size: .24rem;
	color:#017ec4;
	font-weight: bold;
	line-height: .35rem;
}

.develop li .text{
	font-size: .24rem;
	color:#444;
	line-height: .38rem;
}

/***********Develop end*************/

.news-box{
	padding:;
}

.news-box li{
	padding:.4rem .3rem;
	border-bottom:1px solid #f1f1f1;
}

.news-box a{
	display: block;
}

.news-box .pic{
	width:2.44rem;
	height:1.45rem;
}

.news-box .pic img{
	width:100%;
	height:100%;
}

.news-box .text-box{
	width: 4.2rem;
}

.news-box .text-box .tit{
	font-size: .28rem;
	color:#444;
	line-height: .38rem;
	height:1.1rem;
	overflow: hidden;
}

.news-box .text-box .time{
	font-size: .24rem;
	color:#888;
}

.news-box .ajaxload{
	padding:.4rem 0;
}

/**********News end***********/

.talent-box{
	padding:.4rem 0 .5rem;
}

.talent-box .talent{
	padding:0 .3rem;
}

.talent-box .tit{
	font-size: .4rem;
	color:#017ec4;
	font-weight: bold;
	text-align: center;
	margin-bottom: .15rem;
}

.talent-box .talent-text{
	font-size: .28rem;
	color:#555;
	line-height: .48rem;
}

.talent-box .talent-text img{
	max-width: 100%;
}

.talent-box .idea{
	margin:.5rem 0 0;
	font-size: .28rem;
	color:#555;
	line-height: .48rem;
}

.talent-box .idea li{
	margin-bottom: .45rem;
}

.talent-box .idea-tit{
	width:4.88rem;
	height:.6rem;
	margin:0 auto .3rem;
	text-align: center;
	line-height: .6rem;
	color:#fff;
	font-size: .28rem;
	font-weight: bold;
	background: #016ba7;
}

.talent-box .plan-box{
	padding:.4rem 0 .7rem;
	background: #f8f8f8;
}

.talent-box .plan-box .plan{
	padding:0 .3rem;
}

.talent-box .train-box{
	padding:.4rem .3rem .5rem;
}

/**********Talent end*************/

.recruit-box{
	padding:.5rem 0;
	min-height: 7rem;
}

.recruit-box li{
	margin-bottom:.1rem;
}

.recruit-box li .tit{
	display: block;
	width:100%;
	height:.76rem;
	background: #f5f5f5;
	font-size: .28rem;
	color:#444;
	padding:0 .3rem;
	line-height: .76rem;
	box-sizing:border-box;
}

.recruit-box li .icon{
	width:.42rem;
	height:.76rem;
	line-height: .76rem;
	background: url(/Resources/Web/Images/Moblie/r-jia.png) no-repeat center / .42rem .42rem;
}

.recruit-box .msg-box{
	padding:.3rem;
	display: none;
}

.recruit-box .msg-box .desc{
	font-size: .28rem;
	color:#007cc3;
	line-height: .46rem;
}

.recruit-box .desc p{
	float: left;
	width:2.5rem;
	margin-right: .5rem;
}

.recruit-box .msg .require{
	font-size: .28rem;
	color:#666;
	line-height: .48rem;
}

.recruit-box .msg .apply{
	display: block;
	width:1.8rem;
	height:.62rem;
	border:1px solid #999;
	color:#999;
	font-size: .28rem;
	text-align: center;
	line-height: .62rem;
	border-radius: .31rem;
	margin:.3rem 0 0;
}

.recruit-box li.cur .tit{
	background: #007cc3;
	color:#fff;
}

.recruit-box li.cur .icon{
	background: url(/Resources/Web/Images/Moblie/r-jian.png) no-repeat center / .42rem .42rem;
}

/*.recruit-box .ajaxload{
	padding: .4rem 0 0;
}

.recruit-box .ajaxload.on{
	padding:.5rem 0;
}
*/

.page{
	font-size: 0;
	text-align: center;
}

.page a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: .28rem;
	color:#08c;
	padding:.03rem .2rem;
	border:1px solid #08c;
	margin:0 3px;
}

.page a.active{
	background: #08c;
	color:#fff;
}

.recruit-box .page{
	margin:.5rem 0 0;
}

/**************recruit end***********/

.relief-box{
	padding:.4rem .3rem;
}

.relief-box .text-box{
	font-size: .28rem;
	color: #555;
	line-height: .48rem;
}

.relief-box .text-box .tit{
	text-align: center;
	color: #017ec4;
	font-size: .4rem;
}

.relief-box .text-box .content{
	margin:.2rem 0 0;
}

.relief-box .relief{
	margin:.4rem 0 0;
}

.relief-box .relief .img{
	width:6.9rem;
	height:4.54rem;
	border-radius: .08rem;
}

.relief-box .relief img{
	width:100%;
	height:100%;
	border-radius: .08rem;
}

.relief-box .relief li{
	margin-bottom: .5rem;
}

.relief-box .relief .text{
	text-align: center;
	font-size: .28rem;
	color:#555;
	margin:.2rem 0 0;
}

/***********Relief end************/

.newsdtl {
	padding:.5rem .3rem;
}

.c-tit{
	text-align: center;
}

.c-tit h3{
	font-size: .32rem;
	line-height: .4rem;
	font-weight: bold;
}

.c-tit .time{
	font-size: .28rem;
	color:#888;
}

.content .page-box{
	margin:.4rem 0 0;
}

.newsdtl .content{
	font-size: .28rem;
	line-height: .48rem;
	color:#444;
}

.newsdtl .content img{
	max-width: 100%;
}

.content a{
	display: block;
	font-size: .28rem;
	color:#333;
}

.page-box .back{
	margin:.4rem auto 0;
	width:1.65rem;
	height:.6rem;
	background: #017ec4;
	color:#fff;
	line-height: .6rem;
	text-align: center;
	font-size: .2rem;
	border-radius: .1rem;
}

/**********Article end**************/

.recruitdtl-box{
	padding:.5rem .3rem;
}

.recruitdtl-box tr td{
/*	width:95%;*/
	font-size: .28rem;
	line-height: .48rem;
	padding:.1rem 0;
}

.recruitdtl-box tr td:nth-child(2n+1){
	text-align: right;
	width:1.3rem;
}

.recruitdtl-box input,
.recruitdtl-box textarea,
.recruitdtl-box select{
	line-height: .32rem;
	border:1px solid #ddd;
	outline: none;
	font-size: .28rem;
	color:#000;
	width:4.5rem;
	padding:.1rem .2rem;
	height:.7rem;
	margin:0;
	box-shadow: 2px 2px 2px #f4f4f4 inset;
	border-radius: 0;
	margin-left: .3rem;
	box-sizing:border-box;
}

.recruitdtl-box textarea{
	height:4rem;
	padding:.2rem;
	resize:none;
}

.recruitdtl-box .spred{
	color:#f00;
}

.recruitdtl-box input[type=file]{
	border:none;
	box-shadow: none;
}

.recruitdtl-box .check input{
	width:2rem;
}

.recruitdtl-box .check img{
	width:1.5rem;
	height: .7rem;
	border:1px solid #ddd;
}

.recruitdtl-box input[type=button]{
	display: block;
	box-shadow: none;
	width:1.5rem;
	height:.7rem;
	background: #017ec4;
	color:#fff;
	text-align: center;
	border-radius: .35rem;
	margin:0 auto;
}

.recruitdtl-box .error{
	border:1px solid #f00;
}


/**********RecruitDetail end*************/

/**
 * Swiper 3.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 6, 2015
 */
.swiper-slide,
.swiper-wrapper {
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    width: 100%;
}
.swiper-pagination,
.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-slide{
    /*min-height: 363px;*/
}
.swiper-slide,
.swiper-wrapper {
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}
.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-fles-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
}
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
    position: absolute;
    left: 0;
    bottom: 5%;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
    width: 105%;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-pagination-bullet {
    display: inline-block;
    width: 13px;
    height: 13px;
    /*background: url(../../img/bg_btn02.png) no-repeat;*/
    margin-right: 17px;
    /*border-radius: 100%;
    background: #000;
    opacity: 0.2;*/
}
.swiper-pagination-bullet img{
    width: 82%;
    padding: 0 9%;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff;
}
.swiper-pagination-bullet-active {
    background: #9c9c9c;
    /*background: #007aff;*/
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}
.swiper-container-vertical>.swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block;
}
.swiper-container-horizontal>.swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px;
}
.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube {
    overflow: visible;
}
.swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter:blur(50px);
}
.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
    z-index: 0;
}
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1);
}
.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s step-end infinite;
    -moz-animation: swiper-preloader-spin 1s step-end infinite;
    animation: swiper-preloader-spin 1s step-end infinite;
}
.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0);
    }
    8.33333333% {
        -webkit-transform: rotate(30deg);
    }
    16.66666667% {
        -webkit-transform: rotate(60deg);
    }
    25% {
        -webkit-transform: rotate(90deg);
    }
    33.33333333% {
        -webkit-transform: rotate(120deg);
    }
    41.66666667% {
        -webkit-transform: rotate(150deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    58.33333333% {
        -webkit-transform: rotate(210deg);
    }
    66.66666667% {
        -webkit-transform: rotate(240deg);
    }
    75% {
        -webkit-transform: rotate(270deg);
    }
    83.33333333% {
        -webkit-transform: rotate(300deg);
    }
    91.66666667% {
        -webkit-transform: rotate(330deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0);
    }
    8.33333333% {
        transform: rotate(30deg);
    }
    16.66666667% {
        transform: rotate(60deg);
    }
    25% {
        transform: rotate(90deg);
    }
    33.33333333% {
        transform: rotate(120deg);
    }
    41.66666667% {
        transform: rotate(150deg);
    }
    50% {
        transform: rotate(180deg);
    }
    58.33333333% {
        transform: rotate(210deg);
    }
    66.66666667% {
        transform: rotate(240deg);
    }
    75% {
        transform: rotate(270deg);
    }
    83.33333333% {
        transform: rotate(300deg);
    }
    91.66666667% {
        transform: rotate(330deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(/Resources/Web/Images/Moblie/loader.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(/Resources/Web/Images/Moblie/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}#swipebox-top-bar{color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}
