.help { font-size: inherit; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

/** Scaffolding ---------------------------------------------------------------------------- */
/** Make sliding smoothly in mobiles. */
* { -webkit-overflow-scrolling: touch; }

/** Give `body` a basic style. */
body { font-family: "PingFang SC", Helvetica, "Helvetica Neue", "Microsoft YaHei", "SimSun", Tahoma, Arial, sans-serif; line-height: 1; background-color: white; }

/** Reset list. */
ul, li, ol { padding: 0; }

ul { margin: 0; }

li { list-style-type: none; }

/** Reset forms. */
input, button, select, textarea { padding: 0; font-family: inherit; font-size: inherit; line-height: inherit; outline: none; border: none; }

/** Remove default `cross` clear button in IE. */
input::-ms-clear { display: none; }

/** Remove default background color in Chrome. */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

/** Remove default inner shadow in Safari for mobile. */
input, textarea { -webkit-appearance: none; }

/** Remove default border-color in Chrome. */
input:focus, textarea:focus { outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; }

/** Remove tap highlight in mobiles. */
a, a:active, label, label:active, div, div:active { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); }

/** Remove image's default margin bottom. */
img { vertical-align: middle; }

/** Typography ---------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #909090; }

h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; }
h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; }

h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; }
h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; }

h1, .h1 { font-size: 36px; }

h2, .h2 { font-size: 32px; }

h3, .h3 { font-size: 28px; }

h4, .h4 { font-size: 18px; }

h5, .h5 { font-size: 14px; }

h6, .h6 { font-size: 12px; }

/** vertical scroll ---------------------------------------- */
/* vertical scroll common */
.mCS-my-theme.mCSB_scrollTools { right: -4px; }
.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: gray; }
.mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

/* vertical scroll special */
.mCS-my-theme-special.mCSB_scrollTools { right: -30px; }
.mCS-my-theme-special.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #006de6; }
.mCS-my-theme-special.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 109, 230, 0.3); }

/** horizontal scroll ---------------------------------------- */
/* horizontal scroll common */
.mCS-my-theme-h.mCSB_scrollTools { bottom: 27px; z-index: 99999; }
.mCS-my-theme-h.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { height: 6px; border-radius: 3px; background-color: gray; }
.mCS-my-theme-h.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

/** Buttons ---------------------------------------------------------------------------- */
.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; text-decoration: none; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 22px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.btn:hover, .btn:focus, .btn.focus { color: #404040; text-decoration: none; }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.4; filter: alpha(opacity=40); -webkit-box-shadow: none; box-shadow: none; }

a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; }

/** Alternate buttons */
.btn-solid { color: #404040; background-color: #fff; border-color: #ccc; }
.btn-solid:hover { color: #404040; background-color: #f2f2f2; border-color: #bfbfbf; -webkit-box-shadow: 0 2px 6px rgba(204, 204, 204, 0.1); box-shadow: 0 2px 6px rgba(204, 204, 204, 0.1); }

.btn-solid-primary { color: #fff; background-color: #006de6; border-color: #0061cd; }
.btn-solid-primary:hover { color: #fff; background-color: #0061cd; border-color: #0055b3; -webkit-box-shadow: 0 2px 6px rgba(0, 97, 205, 0.1); box-shadow: 0 2px 6px rgba(0, 97, 205, 0.1); }

.btn-solid-secondary { color: #fff; background-color: #8f969e; border-color: #818992; }
.btn-solid-secondary:hover { color: #fff; background-color: #818992; border-color: #747c86; -webkit-box-shadow: 0 2px 6px rgba(129, 137, 146, 0.1); box-shadow: 0 2px 6px rgba(129, 137, 146, 0.1); }

.btn-solid-success { color: #fff; background-color: #25bf78; border-color: #21aa6b; }
.btn-solid-success:hover { color: #fff; background-color: #21aa6b; border-color: #1d945d; -webkit-box-shadow: 0 2px 6px rgba(33, 170, 107, 0.1); box-shadow: 0 2px 6px rgba(33, 170, 107, 0.1); }

.btn-solid-warning { color: #fff; background-color: #ffa200; border-color: #e69200; }
.btn-solid-warning:hover { color: #fff; background-color: #e69200; border-color: #cc8200; -webkit-box-shadow: 0 2px 6px rgba(230, 146, 0, 0.1); box-shadow: 0 2px 6px rgba(230, 146, 0, 0.1); }

.btn-solid-danger { color: #fff; background-color: #f71717; border-color: #ec0808; }
.btn-solid-danger:hover { color: #fff; background-color: #ec0808; border-color: #d40707; -webkit-box-shadow: 0 2px 6px rgba(236, 8, 8, 0.1); box-shadow: 0 2px 6px rgba(236, 8, 8, 0.1); }

.btn-solid-light { color: #404040; background-color: #f7f7f7; border-color: #eaeaea; }
.btn-solid-light:hover { color: #404040; background-color: #eaeaea; border-color: #dedede; -webkit-box-shadow: 0 2px 6px rgba(234, 234, 234, 0.1); box-shadow: 0 2px 6px rgba(234, 234, 234, 0.1); }

.btn-solid-dark { color: #fff; background-color: #404040; border-color: #333333; }
.btn-solid-dark:hover { color: #fff; background-color: #333333; border-color: #272727; -webkit-box-shadow: 0 2px 6px rgba(51, 51, 51, 0.1); box-shadow: 0 2px 6px rgba(51, 51, 51, 0.1); }

.btn-hollow { color: #404040; background-color: transparent; border-color: #ccc; }
.btn-hollow:hover { color: white; background-color: #ccc; }

.btn-hollow-primary { color: #006de6; background-color: transparent; border-color: #006de6; }
.btn-hollow-primary:hover { color: white; background-color: #006de6; }

.btn-hollow-secondary { color: #8f969e; background-color: transparent; border-color: #8f969e; }
.btn-hollow-secondary:hover { color: white; background-color: #8f969e; }

.btn-hollow-success { color: #25bf78; background-color: transparent; border-color: #25bf78; }
.btn-hollow-success:hover { color: white; background-color: #25bf78; }

.btn-hollow-warning { color: #ffa200; background-color: transparent; border-color: #ffa200; }
.btn-hollow-warning:hover { color: white; background-color: #ffa200; }

.btn-hollow-danger { color: #f71717; background-color: transparent; border-color: #f71717; }
.btn-hollow-danger:hover { color: white; background-color: #f71717; }

.btn-hollow-light { color: #eaeaea; background-color: transparent; border-color: #eaeaea; }
.btn-hollow-light:hover { color: white; background-color: #eaeaea; }

.btn-hollow-dark { color: #404040; background-color: transparent; border-color: #404040; }
.btn-hollow-dark:hover { color: white; background-color: #404040; }

.btn-outline { color: #404040; background-color: white; border-color: #ccc; }
.btn-outline:hover { color: #404040; background-color: whitesmoke; }

.btn-outline-primary { color: #006de6; background-color: #b3d7ff; border-color: #006de6; }
.btn-outline-primary:hover { color: #006de6; background-color: #9fccff; }

.btn-outline-secondary { color: #8f969e; background-color: #fcfcfd; border-color: #8f969e; }
.btn-outline-secondary:hover { color: #8f969e; background-color: #f1f2f3; }

.btn-outline-success { color: #25bf78; background-color: #bef2da; border-color: #25bf78; }
.btn-outline-success:hover { color: #25bf78; background-color: #adefd0; }

.btn-outline-warning { color: #ffa200; background-color: #ffeccc; border-color: #ffa200; }
.btn-outline-warning:hover { color: #ffa200; background-color: #ffe5b8; }

.btn-outline-danger { color: #f71717; background-color: #fedcdc; border-color: #f71717; }
.btn-outline-danger:hover { color: #f71717; background-color: #fdc8c8; }

.btn-outline-light { color: #eaeaea; background-color: white; border-color: #eaeaea; }
.btn-outline-light:hover { color: #eaeaea; background-color: whitesmoke; }

.btn-outline-dark { color: #404040; background-color: #a6a6a6; border-color: #404040; }
.btn-outline-dark:hover { color: #404040; background-color: #9c9c9c; }

.btn-prefix-icon, .btn-suffix-icon { display: inline-block; vertical-align: middle; }
.btn-prefix-icon i, .btn-suffix-icon i { display: inline-block; font-size: inherit; vertical-align: middle; }
.btn-prefix-icon i { margin-right: 5px; }

.btn-suffix-icon i { margin-left: 5px; }

.btn-icon { color: #404040; }
.btn-icon:hover { color: white; background-color: #006de6; }

.btn-link { color: #006de6; }
.btn-link:hover { text-decoration: underline; }

.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; }

/** Button Sizes */
.btn-lg { padding: 8px 16px; font-size: 18px; line-height: 24px; border-radius: 5px; }

.btn-sm { padding: 4px 8px; font-size: 12px; line-height: 18px; border-radius: 3px; }

.btn-xs { padding: 1px 6px; font-size: 12px; line-height: 20px; border-radius: 3px; }

/** Layout ----------------------------------------------------------------------------
*/
body { min-width: 1200px; margin-top: 70px; background-color: white; }
@media (max-width: 768px) { body { min-width: auto; } }

.webWidth { width: 1140px; margin: 0 auto; }
@media (max-width: 768px) { .webWidth { width: 100% !important; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

.header { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }

/** Header ----------------------------------------------------------------------------
*/
.header { height: 70px; background-color: white; -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); }
@media (max-width: 768px) { .header { height: 56px; } }

/** logo */
.logo { height: 36px; margin-top: 17px; }
@media (max-width: 768px) { .logo { height: 28.8px; margin-top: 13.6px; } }
.logo img { display: block; width: auto; height: 100%; }

/** nav */
.nav { margin-right: -24px; }
.nav .cell { position: relative; float: left; padding: 0 24px; }
.nav .cell:after { content: ''; position: absolute; top: 50%; right: 0; display: block; width: 1px; height: 16px; margin-top: -8px; background-color: #eee; }
.nav .cell:last-child:after { display: none; }
.nav .link { position: relative; display: block; font-size: 16px; color: #404040; line-height: 70px; text-decoration: none; }
.nav .link:hover { color: #006de6; }
.nav .link.active { font-weight: 600; color: #006de6; }
.nav .link.active:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: #006de6; }

/** Home ----------------------------------------------------------------------------
*/
.row > .webWidth { padding: 80px 0; }
.row-head { position: relative; height: 50px; line-height: 50px; text-align: center; }
.row-head .title { width: 416px; height: inherit; margin: 0 auto; font-size: 24px; color: #202020; line-height: inherit; letter-spacing: 10px; background-image: url("../images/title.png"); background-position: center center; background-repeat: no-repeat; }
.row-head .more { font-size: 14px; color: #8f969e; text-decoration: none; }
.row-head .more .text { margin-right: 4px; }
.row-head .more:hover { color: #006de6; }

.row-body { padding-top: 60px; }
.row-body > ul { margin: 0 -15px; }
.row-body > ul .item { margin: 0 15px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.row-body > ul .item.hover:hover { margin-top: -10px; -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }

.cube, .cone { position: absolute; }
.cube img, .cone img { display: block; width: 100%; height: auto; }
.cube { top: 610px; left: 50%; width: 160px; margin-left: -728px; }

.cone { top: 930px; right: 50%; width: 160px; margin-right: -728px; }

/** Help row
*/
.help-row { background-image: url("../images/bg1.jpg"); background-position: center bottom; background-repeat: no-repeat; background-color: #006de6; }
.help-row .webWidth { padding: 100px 0; }
.help-row .row-head .title { width: auto; height: auto; font-size: 48px; font-weight: 500; color: white; line-height: 1; text-align: center; background: none; }
.help-row .row-body { padding: 80px 0 20px; }
.help-item { height: 140px; padding: 30px 30px; background-color: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.help-item .wrap { position: relative; padding-left: 100px; }
.help-item .icon { position: absolute; top: 0; left: 0; width: 80px; height: 80px; background-image: url("../images/help-icon.png"); background-repeat: no-repeat; }
.help-item .title { margin-bottom: 4px; font-size: 20px; font-weight: 600; color: #404040; line-height: 44px; }
.help-item .btn-group { text-align: right; }
.help-item .btn { padding: 0 8px 0 20px; font-size: 14px; line-height: 30px; border-radius: 16px; }
.help-item .btn i { margin-left: 20px; font-size: 20px; }

.help-item-1 .icon { background-position: 0px 0; }

.help-item-2 .icon { background-position: -80px 0; }

.help-item-3 .icon { background-position: -160px 0; }

/** Video row
*/
.video-item { position: relative; height: 200px; overflow: hidden; }
.video-item .mask { position: absolute; display: block; z-index: 1029; text-align: center; background-color: rgba(0, 0, 0, 0.3); transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.video-item .con { margin-top: 45px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.video-item .icon { font-size: 60px; color: white; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.video-item .btn { padding: 0 0 0 36px; color: white; font-size: 18px; line-height: 48px; border-radius: 24px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.video-item .btn .ico { display: inline-block; width: 26px; height: 26px; border-radius: 50%; margin-left: 10px; font-size: 12px; line-height: 26px; text-align: center; background-color: #006de6; vertical-align: middle; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.video-item .btn .ico i { display: inline-block; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); vertical-align: middle; }
.video-item img { display: block; width: 100%; height: auto; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.video-item:hover .mask { background-color: transparent; }
.video-item:hover .con { margin-top: 76px; }
.video-item:hover .icon { margin-top: -60px; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.video-item:hover .btn { padding-right: 11px; padding-left: 35px; background-color: #006de6; }
.video-item:hover .btn .ico { margin-left: 23px; color: #006de6; background-color: white; }
.video-item:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

/** Question row
*/
.question-row { background-image: url("../images/bg2.jpg"); background-position: center bottom; background-repeat: no-repeat; background-color: #f5f7fa; }
.q-item { height: 400px; text-align: center; background-color: white; }
.q-item .wrap { padding: 40px; }
.q-item .icon { width: 88px; height: 88px; margin: 0 auto 40px; background-image: url("../images/question-icon.png"); background-repeat: no-repeat; }
.q-item .title { position: relative; margin-bottom: 28px; font-size: 22px; font-weight: 600; color: #202020; line-height: 1; }
.q-item .title span { position: relative; z-index: 1; display: inline-block; padding: 0 20px; background-color: white; }
.q-item .title:after { content: ''; position: absolute; top: 50%; right: 0; left: 0; height: 1px; background-color: rgba(0, 109, 230, 0.2); }
.q-item .link { display: block; padding: 0 15px; font-size: 16px; color: #606060; line-height: 40px; text-decoration: none; border-radius: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.q-item .link:hover { color: #006de6; background-color: rgba(0, 109, 230, 0.06); }

.q-item-1 .icon { background-position: 0px 0; }

.q-item-2 .icon { background-position: -88px 0; }

.q-item-3 .icon { background-position: -176px 0; }

/** Pages ----------------------------------------------------------------------------
*/
.page-bg:after { content: ''; position: fixed; top: 0; bottom: 0; left: 50%; width: 1px; margin-left: -370px; background-color: #ddd; }
@media (max-width: 768px) { .page-bg:after { left: 120px; margin-left: 0; } }

/** Menu
*/
.menu { position: fixed; top: 110px; left: 50%; z-index: 1029; width: 200px; margin-top: -10px; margin-left: -570px; }
@media (max-width: 768px) { .menu { top: 80px; left: 0; width: 120px; margin-left: 0; } }
.menu .item { position: relative; display: block; margin: 10px 0; padding: 0 10px 0 15px; font-size: 16px; color: #404040; line-height: 40px; text-decoration: none; }
@media (max-width: 768px) { .menu .item { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }
.menu .item .icon { display: inline-block; margin-right: 15px; font-size: 18px; color: #b7c3d2; vertical-align: middle; }
.menu .item .arrow { position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; display: block; width: 30px; height: inherit; color: #b7c3d2; line-height: inherit; text-align: center; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.menu .item .arrow i { font-size: 12px; vertical-align: middle; }
.menu .item:hover { background-color: rgba(183, 195, 210, 0.1); }
.menu .item.active { color: #006de6; background-color: rgba(0, 109, 230, 0.05); }
.menu .item.active .text { font-weight: 600; }
.menu .item.active .icon { color: #006de6; }
.menu .item.active .arrow { color: #006de6; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.menu .item.active:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; width: 2px; background-color: #006de6; }
.menu .item.open .text { font-weight: 600; }
.menu .item.open .arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.menu > ul > .cell ul { display: none; }
.menu > ul > .cell ul .item { margin: 0; padding-left: 48px; font-size: 14px; }

/** Query
*/
.query-trigger { position: fixed; right: 10px; bottom: 10px; z-index: 1029; width: 50px; height: 50px; border-radius: 50%; font-size: 30px; color: white; line-height: 50px; text-align: center; text-decoration: none; background-color: #006de6; -webkit-box-shadow: 0 3px 8px rgba(0, 109, 230, 0.1); box-shadow: 0 3px 8px rgba(0, 109, 230, 0.1); transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.query-trigger:hover { background-color: #0179ff; }
@media (max-width: 768px) { .query-trigger { display: none; } }

.query { position: fixed; right: 0; bottom: -100%; z-index: 1030; width: 160px; padding: 16px 20px; text-align: center; background-color: white; border: 1px solid #ddd; border-radius: 8px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
@media (max-width: 768px) { .query { display: none; } }
.query > .title { margin-bottom: 20px; padding-bottom: 10px; font-size: 16px; font-weight: 600; color: black; line-height: 1; }
.query > .arrow { position: absolute; top: 14px; right: 8px; z-index: 1; display: block; width: 18px; height: 18px; border-radius: 50%; line-height: 18px; text-align: center; background-color: #f0f0f0; }
.query > .arrow:after { content: ''; width: 0; height: 0; display: inline-block; overflow: hidden; border-width: 4px; border-color: transparent; border-style: dashed; border-top-color: #606060; border-top-style: solid; }
.query > .arrow:hover { background-color: #006de6; }
.query > .arrow:hover:after { border-top-color: white; }
.query.active { bottom: 0%; }
.query ul { margin: -10px 0; }
.query .cell { margin: 10px 0; }
.query .cell.split { border-bottom: 1px solid #eee; }
.query .tel { font-size: 14px; font-weight: 500; color: #006de6; line-height: 1.6; }
.query .time .title { margin-bottom: 8px; font-size: 14px; font-weight: 600; color: #202020; line-height: 1; }
.query .time .info { font-size: 14px; color: #606060; }

/** Main
*/
.main { margin-left: 200px; }
@media (max-width: 768px) { .main { margin-left: 120px; } }
.mainIn { padding-left: 40px; }
.mainIn h2 { margin: 0; padding-bottom: 20px; font-weight: 600; border-bottom: 1px solid #eee; }
.mainIn h3 { margin: 30px 0; font-weight: 400; }
.mainIn article { margin: 20px 0; font-size: 15px; color: #606060; line-height: 1.8; }
.mainIn img { display: block; height: auto; }
.mainIn .achor { margin-bottom: 100px; }
.mainIn .achor:first-child { margin-bottom: 0; }
@media (max-width: 768px) { .mainIn { padding-left: 0; }
  .mainIn h2 { font-size: 24px; }
  .mainIn h3 { font-size: 18px; }
  .mainIn .achor { margin-top: 70px; margin-bottom: 20px; }
  .mainIn .achor:first-child { margin-top: 0; margin-bottom: 0; } }

.mod { padding: 40px 0; }
@media (max-width: 768px) { .mod { padding: 20px 0; } }

.video-mod { border-bottom: 1px solid #eee; }
.video-mod:last-child { border-bottom: 0; }
.video-mod h2 { border-bottom: 0; }
.video-mod .info { font-size: 16px; font-weight: 400; line-height: 1.2; }
.video-group { margin: 15px -15px 0; }
.video-group li { position: relative; height: 156px; margin: 15px 0; }

.video-wrap { position: relative; height: inherit; margin: 0 15px; overflow: hidden; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.video-wrap .mask { position: absolute; display: block; z-index: 1029; text-align: center; vertical-align: middle; background-color: rgba(0, 0, 0, 0.3); transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.video-wrap .con { padding-top: 42px; color: white; }
.video-wrap .icon { font-size: 40px; }
.video-wrap .text { display: block; margin-top: 10px; padding: 0 20px; font-size: 18px; font-weight: 400; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.video-wrap img { display: block; width: 100%; height: auto; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.video-wrap:hover { margin-top: -10px; -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
.video-wrap:hover .mask { background-color: rgba(0, 109, 230, 0.9); }
.video-wrap:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

.q-bg { background-image: url("../images/question-bg.png"); background-repeat: no-repeat; background-position: 86% bottom; background-attachment: fixed; }
@media (max-width: 768px) { .q-bg { background-image: none; } }

.q-main { padding-bottom: 120px; }

.q-list { margin-top: 30px; }
.q-list .cell { float: left; margin: 8px 0; width: 50%; }
.q-list .link { position: relative; display: block; padding: 0 40px 0 68px; font-size: 14px; color: #404040; line-height: 40px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.q-list .link i { position: absolute; left: 40px; display: inline-block; margin-right: 10px; font-size: 18px; vertical-align: middle; }
.q-list .link:hover { color: #006de6; background-color: rgba(0, 109, 230, 0.05); }
.q-list .link:hover i:before { content: "\e8bd"; }

/** Utility classes ---------------------------------------------------------------------------- */
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.mask, .mask-white { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }

.mask { z-index: 1050; display: none; background-color: rgba(0, 0, 0, 0.5); }

.mask-white { z-index: 1050; display: none; background-color: rgba(255, 255, 255, 0.9); }

.mask-transparent { background-color: transparent; }

.assist { height: 100%; display: inline-block; vertical-align: middle; }

.primary { color: #006de6; }

.blue { color: #49a7f5; }

.green { color: #25bf78; }

.red { color: #f71717; }

.yellow { color: #f2b71a; }

.orange { color: #ffa200; }

.purple { color: #7a43b6; }

.dark { color: #202020; }

.base { color: #404040; }

.light { color: #afafaf; }

.info { font-size: 12px; color: #afafaf; line-height: 20px; }

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

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

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

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

.text-nowrap { white-space: nowrap; }

.text-lowercase { text-transform: lowercase; }

.text-uppercase { text-transform: uppercase; }

.text-capitalize { text-transform: capitalize; }

.link-default { font-size: inherit; color: #606060; text-decoration: none; }
.link-default:hover { color: #006de6; }

.link-normal { font-size: inherit; color: #006de6; text-decoration: none; }
.link-normal:hover { text-decoration: underline; }

.link-light { font-size: inherit; color: #909090; text-decoration: none; }
.link-light:hover { color: #006de6; }

.no-shadow { -webkit-box-shadow: none; box-shadow: none; }

.dvs-1 { float: left; width: 100%; }

.dvs-2 { float: left; width: 50%; }

.dvs-3 { float: left; width: 33.3333333333%; }

.dvs-4 { float: left; width: 25%; }

.dvs-5 { float: left; width: 20%; }

.dvs-6 { float: left; width: 16.6666666667%; }

.dvs-7 { float: left; width: 14.2857142857%; }

.dvs-8 { float: left; width: 12.5%; }

.dvs-9 { float: left; width: 11.1111111111%; }

.dvs-10 { float: left; width: 10%; }

.dvs-11 { float: left; width: 9.0909090909%; }

.dvs-12 { float: left; width: 8.3333333333%; }

.mt10 { margin-top: 10px; }

.mr10 { margin-right: 10px; }

.mb10 { margin-bottom: 10px; }

.ml10 { margin-left: 10px; }

.mt20 { margin-top: 20px; }

.mr20 { margin-right: 20px; }

.mb20 { margin-bottom: 20px; }

.ml20 { margin-left: 20px; }

.mt30 { margin-top: 30px; }

.mr30 { margin-right: 30px; }

.mb30 { margin-bottom: 30px; }

.ml30 { margin-left: 30px; }

.mt40 { margin-top: 40px; }

.mr40 { margin-right: 40px; }

.mb40 { margin-bottom: 40px; }

.ml40 { margin-left: 40px; }

.pt10 { padding-top: 10px; }

.pr10 { padding-right: 10px; }

.pb10 { padding-bottom: 10px; }

.pl10 { padding-left: 10px; }

.pt20 { padding-top: 20px; }

.pr20 { padding-right: 20px; }

.pb20 { padding-bottom: 20px; }

.pl20 { padding-left: 20px; }

.pt30 { padding-top: 30px; }

.pr30 { padding-right: 30px; }

.pb30 { padding-bottom: 30px; }

.pl30 { padding-left: 30px; }

.pt40 { padding-top: 40px; }

.pr40 { padding-right: 40px; }

.pb40 { padding-bottom: 40px; }

.pl40 { padding-left: 40px; }

.prepend, .append { position: absolute; top: 0; bottom: 0; z-index: 1; line-height: inherit; }
.prepend { left: 0; }

.append { right: 0; }

.bt { border-top: 1px solid #ddd; }

.br { border-right: 1px solid #ddd; }

.bb { border-bottom: 1px solid #ddd; }

.bl { border-left: 1px solid #ddd; }

.portrait { overflow: hidden; }
.portrait img { display: block; width: 100%; height: auto; }