/**
 * create by Ming
 */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary
{
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video
{
    display: inline-block;

    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Same with IE9.
 * Remove excess height in iOS5 devices.
 */
audio:not([controls])
{
    display: none;

    width: 0; 
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden]
{
    display: none;
}

/*
 * Addresses styling not present in IE6/7/8/9.
 * html5
 */
mark
{
    color: #333; 
    background: #ff0;
}

/*
 * Addresses margin not present in IE6/7/8.
 * Normalize to chrome 's user agent stylesheet
 */
figure
{
    margin: 1em 40px 1em 40px;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Use KISSY CSS default font-size 12px
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html
{
    font-size: 12px;
    /* 1 */

    -webkit-text-size-adjust: 100%;
    /* 2 */
        -ms-text-size-adjust: 100%;
    /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 * 1. html chrome Simsun, others new times
 * textarea/button/input/select does not inherit.
 * ie8- does not allow 'inherit' value.
 * textarea chrome/fx monospace ie courier new
 * button/input/select chrome/ie arial firefox Simsun
 */
html,
button,
input,
select,
textarea
{
    font-family: \5FAE\8F6F\96C5\9ED1, tahoma, arial, \5b8b\4f53, sans-serif;
    /* 1 */
}

button,
input,
select,
textarea
{
    font-size: 100%;
}

/*
 * Addresses margins handled incorrectly in IE6/7.
 * 1. ie7 10px , others 8px
 * 2. chrome rgba(0,0,0,0), others transparent
 * 3. firefox 21px(1.3) others normal(1.13)
 */
body
{
    /* 2 */
    line-height: 1.5;

    margin: 0;
    /* 1 */

    color: #333;
    background-color: #fff;
    /* 3 */
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a
{
    text-decoration: none;

    color: #000;
    /*
     * Improves readability when focused and also mouse hovered in all browsers.
     * people.opera.com/patrickl/experiments/keyboard/test
     */
}

a:focus
{
    outline: thin dotted;
}

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

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1
{
    font-size: 2em;

    margin: .67em 0;
}

h2
{
    font-size: 1.5em;

    margin: .83em 0;
}

h3
{
    font-size: 1.17em;

    margin: 1em 0;
}

h4
{
    font-size: 1em;

    margin: 1.33em 0;
}

h5
{
    font-size: .83em;

    margin: 1.67em 0;
}

h6
{
    font-size: .75em;

    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title]
{
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in FF3+, ie89, S4/5.
 *
 * http://hell.meiert.org/core/css/firefox-3.6.13.css
 *
 * chrome default is bold now 19
 */
b,
strong
{
    font-weight: bold;
}

/*
 * ie8- top =0
 */
blockquote
{
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5
 */
dfn
{
    font-style: italic;
}

/*
 * Addresses margins set differently in IE6/7.
 */
p,
pre
{
    margin: 1em 0;
}

/*
 * 1. Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 *    ie: courier new others monospace
 * 2. other browsers other than firefox is not 16px
 */
code,
kbd,
pre,
samp
{
    font-family: monospace, serif;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre
{
    white-space: pre;
    white-space: pre-wrap;
    /*ie*/
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q
{
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after
{
    content: '';
    content: none;
}

/*
 * ie8- is wrong with relative
 */
small
{
    font-size: 75%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers (except firefox).
 * gist.github.com/413930
 */
sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sup
{
    top: -.5em;
}

sub
{
    bottom: -.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul
{
    margin: 1em 0;
}

dd
{
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7.
 */
menu,
ol,
ul
{
    padding: 0 0 0 40px;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img
{
    /* fixed white space */
    display: block;

    vertical-align: top;
    /* 1 */

    -ms-interpolation-mode: bicubic;
    border: 0;
    /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root)
{
    overflow: hidden;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE9-.
 * margin: auto ??
 */
form
{
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 * Same with chrome 's user agent stylesheet
 */
fieldset
{
    margin: 0 2px;
    padding: .35em .625em .75em; 

    border: 2px groove #f0f0f0;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend
{
    /* 1 */
    margin: 0;
    padding: 0;

    white-space: normal;

    border: 0;
    /* 2 */

    *margin-left: -7px;
    /* 3 */
}

button,
input,
select,
textarea
{
    margin: 0;

    vertical-align: middle;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea
{
    overflow: auto;
    /* 1 */

    vertical-align: top;
    /* 2 */
}

/*
 * IE6+ need padding-left/right
 */
button
{
    padding: 0 6px;
    /* ie6 fix*/

    _padding: 0;
}

/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */
button,
input
{
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button,
html input[type='button'],
input[type='reset'],
input[type='submit']
{
    /* 2 */
    cursor: pointer;

    -webkit-appearance: button;
    /* 3 */
    *overflow: visible;
    /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled]
{
    cursor: default;
}

/*
 * Removes inner padding and border in FF3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner
{
    padding: 0; 

    border: 0;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type='checkbox'],
input[type='radio']
{
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */

    *height: 13px;
    /* 3 */
    *width: 13px;
    /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome.
 *    firefox is content-box (now)
 */
input[type='search']
{
    /* 1 */
    box-sizing: content-box;

    -webkit-appearance: textfield;
    /* 2 */
}

/*
 * Removes inner padding and search cancel button in S5, Chrome.
 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table
{
    border-spacing: 0; 
    border-collapse: collapse;
}

em
{
    font-style: normal;
}

html,
body
{
    font-family: 'Helvetica Neue','Helvetica','Arial','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei','WenQuanYi Micro Hei', sans-serif; 
    font-size: 100px;
}

/* layout */
.clearfix,
.lang-bar,
.detail-wallpaper,
.detail-info,
.detail-hint,
.recruit-box
{
    display: block;

    *zoom: 1;
}
.clearfix::after,
.lang-bar::after,
.detail-wallpaper::after,
.detail-info::after,
.detail-hint::after,
.recruit-box::after
{
    display: block;
    clear: both; 

    content: '';
}

ul
{
    margin: 0;
    padding: 0;
}

ul li
{
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    margin: 0;
}

body
{
    overflow-x: hidden;
}

.lang-bar
{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;

    width: 100%;
    height: .05926rem;
}
.lang-bar.bg-ch
{
    background: #d12b19;
}
.lang-bar.bg-en
{
    background: #0087af;
}
.lang-bar .bg-chinese,
.lang-bar .bg-english
{
    font-size: .07111rem;

    box-sizing: border-box; 
    width: 50%;
    height: .11852rem;
    padding-top: 0rem;

    color: #fff;
}
.lang-bar .bg-chinese
{
    float: left;

    padding-left: .74074rem;

    background: url(../images/bg-chinese.png) no-repeat;
    background-size: 100%;
}
.lang-bar .bg-english
{
    float: right;

    padding-left: .66667rem;

    background: url(../images/bg-english.png) no-repeat;
    background-size: 100%;
}

.nav-content
{
    font-size: 0; 

    position: absolute;
    top: .17778rem;
    left: 0;

    width: 100%;
}
.nav-content ul
{
    white-space: nowrap;
}
.nav-content.nav-german .nav-item .item-content
{
    font-size: .05926rem;
    line-height: .07407rem;

    box-sizing: border-box; 
    padding: .02667rem 0;
}
.nav-content .nav-item
{
    display: inline-block; 

    width: .4rem;

    vertical-align: top;
}
.nav-content .nav-item .item-top,
.nav-content .nav-item .item-bot
{
    position: relative;

    width: 0;
    height: 0;
}
.nav-content .nav-item .item-top
{
    border-width: 0 0 .05333rem .4rem;
    border-style: solid solid solid solid;
}
.nav-content .nav-item .item-bot
{
    border-width: .02667rem 0 0 .4rem;
    border-style: solid solid solid solid;
}
.nav-content .nav-item.lbs-item .item-top
{
    border-color: transparent transparent rgba(0, 135, 175, .3) transparent;
}
.nav-content .nav-item.lbs-item .item-bot
{
    border-color: rgba(0, 135, 175, .3) transparent transparent transparent;
}
.nav-content .nav-item.lbs-item .item-content
{
    background: rgba(0, 135, 175, .3);
}
.nav-content .nav-item.lbs-item:hover .item-top,
.nav-content .nav-item.lbs-item.active .item-top
{
    border-color: transparent transparent #0087af transparent;
}
.nav-content .nav-item.lbs-item:hover .item-bot,
.nav-content .nav-item.lbs-item.active .item-bot
{
    border-color: #0087af transparent transparent transparent;
}
.nav-content .nav-item.lbs-item:hover .item-content,
.nav-content .nav-item.lbs-item.active .item-content
{
    background: #0087af;
}
.nav-content .nav-item.frist-item
{
    vertical-align: top;
}
.nav-content .nav-item.frist-item .item-content
{
    font-size: .05926rem;
}
.nav-content .nav-item.lbm-item .item-top
{
    border-width: 0 .4rem .05333rem 0;
    border-color: transparent transparent rgba(0, 135, 175, .5) transparent;
}
.nav-content .nav-item.lbm-item .item-bot
{
    border-width: .02667rem .4rem 0 0;
    border-color: rgba(0, 135, 175, .5) transparent transparent transparent;
}
.nav-content .nav-item.lbm-item .item-content
{
    background: rgba(0, 135, 175, .5);
}
.nav-content .nav-item.lbm-item:hover .item-top,
.nav-content .nav-item.lbm-item.active .item-top
{
    border-color: transparent transparent #0087af transparent;
}
.nav-content .nav-item.lbm-item:hover .item-bot,
.nav-content .nav-item.lbm-item.active .item-bot
{
    border-color: #0087af transparent transparent transparent;
}
.nav-content .nav-item.lbm-item:hover .item-content,
.nav-content .nav-item.lbm-item.active .item-content
{
    background: #0087af;
}
.nav-content .nav-item .item-content
{
    font-size: .07111rem;
    line-height: .19556rem;

    display: block;

    width: .4rem;
    height: .19556rem;

    text-align: center; 

    color: #fff;
    background: #0087af;
}

.bg-white
{
    color: #0087af; 
    background: #fff;
}

.bg-blue
{
    color: #fff; 
    background: #40a5c3;
}

.article li
{
    font-size: .08889rem;
}

.detail-wallpaper.german-wallpaper .wallpaper-item .detail-info
{
    font-size: .05333rem;
    line-height: .07407rem;
}

.detail-wallpaper .wallpaper-item
{
    float: left;

    width: 20%;

    text-align: center;
}
.detail-wallpaper .wallpaper-item .detail-img
{
    display: block;

    width: .26667rem;
    height: .26667rem;
    margin: 0 auto; 
    margin-bottom: .05926rem;

    vertical-align: top;
}
.detail-wallpaper .wallpaper-item .detail-info
{
    font-size: .05926rem;
    line-height: .11852rem;

    display: block; 

    color: #0087af;
}

.detail-page .section-detail
{
    padding-right: .41481rem; 
    padding-left: .41481rem;
}

.section-detail
{
    font-size: .12444rem;

    clear: both; 

    padding: .19259rem .71111rem .17778rem;

    color: #0087af;
}
.section-detail .detail-title
{
    font-weight: 200;

    position: relative;
    z-index: 100; 

    text-align: center;
}
.section-detail .detail-title span
{
    font-size: .12444rem;
}
.section-detail .detail-title .sub-title
{
    color: #9ad7e7;
}
.section-detail .detail-title.text-left
{
    text-align: left;
}
.section-detail .detail-content
{
    font-size: .08296rem;
    line-height: .11852rem;

    padding-top: .05926rem;

    text-align: center;
}
.section-detail .detail-content.text-left
{
    text-align: left;
}
.section-detail.bg-white
{
    color: #0087af;
}
.section-detail.bg-white a
{
    color: #0087af;
}
.section-detail.bg-white .detail-title span
{
    position: relative;
    z-index: 100;

    padding: 0 3px;

    color: #0087af; 
    background: #fff;
}
.section-detail.bg-white .detail-title .sub-title
{
    color: #9ad7e7;
}
.section-detail.bg-white .detail-title-sub span
{
    position: relative;
    z-index: 100;

    padding: 0 3px;

    color: #0087af; 
    background: #fff;
}
.section-detail.bg-white .detail-content
{
    color: #0087af;
}
.section-detail.bg-white .detail-hint
{
    border: 1px solid #40a5c3;
}
.section-detail.bg-blue
{
    color: #fff;
}
.section-detail.bg-blue a
{
    color: #fff;
}
.section-detail.bg-blue .detail-title span
{
    position: relative;

    padding: 0 3px;

    color: #fff; 
    background: #40a5c3;
}
.section-detail.bg-blue .detail-title .sub-title
{
    color: #9ad7e7;
}
.section-detail.bg-blue .detail-title-sub span
{
    position: relative;
    z-index: 100;

    padding: 0 3px;

    color: #fff; 
    background: #40a5c3;
}
.section-detail.bg-blue .detail-content
{
    color: #fff;
}
.section-detail.bg-blue .detail-hint
{
    border: 1px solid #fff;
}

.main-swipe
{
    height: 2.44444rem;
}
.main-swipe img
{
    width: 100%;
}

.through-line
{
    position: absolute;
    z-index: 99; 
    top: 50%;
    left: 0;

    display: block;

    width: 100%;
    height: 1px;

    background: currentColor;
}

.detail-title-sub
{
    font-size: .05926rem;
    line-height: .09481rem;

    position: relative;

    text-align: center;
}
.detail-title-sub span
{
    z-index: 100;
}

.section-bg
{
    width: 100%; 
    height: 1.83704rem;
}
.section-bg.section-1,
.section-bg.section-2,
.section-bg.section-3,
.section-bg.section-4,
.section-bg.section-5,
.section-bg.section-6,
.section-bg.section-7,
.section-bg.section-8
{
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center; 
    background-size: cover;
}
.section-bg.main-bg
{
    height: 2.17778rem;

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 0 0; 
    background-size: cover;
}

.footer .footer-content
{
    padding: .16593rem .05926rem .23704rem;

    background: #0087af;
}

.footer .contact-us,
.footer .f-address
{
    font-size: .12444rem;
    font-weight: 200;

    position: relative;
    z-index: 100;

    text-align: center;

    color: #fff;
}

.footer .f-address
{
    font-size: .08296rem;
    line-height: .11852rem;
}

.footer .top-box
{
    margin-top: -24px;

    border-width: 0 0 24px 320px;
    border-style: solid solid solid solid;
}
.footer .top-box.ft-box
{
    border-color: transparent transparent #0087af transparent;
}

.top-box,
.bot-box
{
    line-height: 0; 

    position: relative;

    box-sizing: border-box;
    width: 0;
    height: 0;
}

.section1 .section-body
{
    z-index: 99; 

    margin-top: -34px;
}

.section1 .top-box
{
    border-width: 0 0 34px 320px;
    border-style: solid solid solid solid;
}

.section1 .bot-box
{
    border-width: 24px 0 0 320px;
    border-style: solid solid solid solid;
}

.section1 .recent-box.top-box
{
    border-color: transparent transparent #fff transparent;
}

.section1 .recent-box.bot-box
{
    border-color: #fff transparent transparent transparent;
}

.section1 .serv-box.top-box
{
    border-color: transparent transparent #40a5c3 transparent;
}

.section1 .serv-box.bot-box
{
    border-color: #40a5c3 transparent transparent transparent;
}

.section2 .section-bg
{
    margin-top: -24px;
}

.section2 .section-body
{
    z-index: 98; 

    margin-top: -34px;
}

.section2 .top-box
{
    border-width: 0 320px 34px 0;
    border-style: solid solid solid solid;
}

.section2 .bot-box
{
    border-width: 24px 320px 0 0;
    border-style: solid solid solid solid;
}

.section2 .recent-box.top-box
{
    border-color: transparent transparent #fff transparent;
}

.section2 .recent-box.bot-box
{
    border-color: #fff  transparent transparent transparent;
}

.section2 .serv-box.top-box
{
    border-color: transparent transparent #40a5c3 transparent;
}

.section2 .serv-box.bot-box
{
    border-color: #40a5c3 transparent transparent transparent;
}

.section3 .section-bg
{
    margin-top: -24px;
}

.section3 .section-body
{
    z-index: 97;

    margin-top: -24px;
}

.section3 .top-box
{
    border-width: 0 0 24px 320px;
    border-style: solid solid solid solid;
}

.section3 .bot-box
{
    border-width: 34px 0 0 320px;
    border-style: solid solid solid solid;
}

.section3 .recent-box.top-box
{
    border-color: transparent transparent #fff transparent;
}

.section3 .recent-box.bot-box
{
    border-color: #fff transparent transparent transparent;
}

.section3 .serv-box.top-box
{
    border-color: transparent transparent #40a5c3 transparent;
}

.section3 .serv-box.bot-box
{
    border-color: #40a5c3 transparent transparent transparent;
}

.section4 .section-bg
{
    margin-top: -34px;
}

.section4 .section-body
{
    z-index: 96;

    margin-top: -34px;
}

.section4 .top-box
{
    border-width: 0 320px 34px 0;
    border-style: solid solid solid solid;
}

.section4 .bot-box
{
    border-width: 24px 320px 0 0;
    border-style: solid solid solid solid;
}

.section4 .serv-box.top-box
{
    border-color: transparent transparent #40a5c3 transparent;
}

.section4 .serv-box.bot-box
{
    border-color: #40a5c3 transparent transparent transparent;
}

.section4 .recent-box.top-box
{
    border-color: transparent transparent #fff transparent;
}

.section4 .recent-box.bot-box
{
    border-color: #fff transparent transparent transparent;
}

.section5 .section-bg
{
    margin-top: -24px;
}

.section5 .section-body
{
    z-index: 95;

    margin-top: -24px;
}

.section5 .top-box
{
    border-width: 0 0 24px 320px;
    border-style: solid solid solid solid;
}

.section5 .bot-box
{
    border-width: 34px 0 0 320px;
    border-style: solid solid solid solid;
}

.section5 .recent-box.top-box
{
    border-color: transparent transparent #fff transparent;
}

.section5 .recent-box.bot-box
{
    border-color: #fff transparent transparent transparent;
}

.section6 .section-bg
{
    margin-top: -34px;
}

.section6 .section-body
{
    z-index: 94;

    margin-top: -34px;
}

.section6 .top-box
{
    border-width: 0 320px 34px 0;
    border-style: solid solid solid solid;
}

.section6 .bot-box
{
    border-width: 24px 320px 0 0;
    border-style: solid solid solid solid;
}

.section6 .recent-box.top-box
{
    border-color: transparent transparent #fff transparent;
}

.section6 .recent-box.bot-box
{
    border-color: #fff  transparent transparent transparent;
}

.section6 .serv-box.top-box
{
    border-color: transparent transparent #40a5c3 transparent;
}

.section6 .serv-box.bot-box
{
    border-color: #40a5c3 transparent transparent transparent;
}

.section7 .section-body
{
    z-index: 94;

    margin-top: -24px;
}

.section7 .section-bg
{
    margin-top: -24px;
}

.section7 .top-box
{
    border-width: 0 0 24px 320px;
    border-style: solid solid solid solid;
}

.section7 .bot-box
{
    border-width: 34px 0 0 320px;
    border-style: solid solid solid solid;
}

.section7 .serv-box.top-box
{
    border-color: transparent transparent #40a5c3 transparent;
}

.section7 .serv-box.bot-box
{
    border-color: #40a5c3 transparent transparent transparent;
}

.section8 .section-body
{
    z-index: 94;

    margin-top: -34px;
}

.section8 .section-bg
{
    margin-top: -34px;
}

.section8 .top-box
{
    border-width: 0 320px 34px 0;
    border-style: solid solid solid solid;
}

.section8 .bot-box
{
    border-width: 24px 320px 0 0;
    border-style: solid solid solid solid;
}

.section8 .serv-box.top-box
{
    border-color: transparent transparent #40a5c3 transparent;
}

.section8 .serv-box.bot-box
{
    border-color: #40a5c3 transparent transparent transparent;
}

.media-md
{
    display: none;
}

@media screen and (min-width: 1024px)
{
    .media-sm
    {
        display: none;
    }
    .media-md
    {
        display: block;
    }
    .footer .top-box
    {
        margin-top: -60px;

        border-width: 0 0 60px 320px;
        border-style: solid solid solid solid;
    }
    .footer .top-box.ft-box
    {
        border-color: transparent transparent #0087af transparent;
    }
    .section1 .section-body
    {
        z-index: 99; 

        margin-top: -95px;
    }
    .section1 .top-box
    {
        border-width: 0 0 95px 320px;
        border-style: solid solid solid solid;
    }
    .section1 .bot-box
    {
        border-width: 60px 0 0 320px;
        border-style: solid solid solid solid;
    }
    .section1 .recent-box.top-box
    {
        border-color: transparent transparent #fff transparent;
    }
    .section1 .recent-box.bot-box
    {
        border-color: #fff transparent transparent transparent;
    }
    .section1 .serv-box.top-box
    {
        border-color: transparent transparent #40a5c3 transparent;
    }
    .section1 .serv-box.bot-box
    {
        border-color: #40a5c3 transparent transparent transparent;
    }
    .section2 .section-bg
    {
        margin-top: -60px;
    }
    .section2 .section-body
    {
        z-index: 98; 

        margin-top: -95px;
    }
    .section2 .top-box
    {
        border-width: 0 320px 95px 0;
        border-style: solid solid solid solid;
    }
    .section2 .bot-box
    {
        border-width: 60px 320px 0 0;
        border-style: solid solid solid solid;
    }
    .section2 .recent-box.top-box
    {
        border-color: transparent transparent #fff transparent;
    }
    .section2 .recent-box.bot-box
    {
        border-color: #fff  transparent transparent transparent;
    }
    .section2 .serv-box.top-box
    {
        border-color: transparent transparent #40a5c3 transparent;
    }
    .section2 .serv-box.bot-box
    {
        border-color: #40a5c3 transparent transparent transparent;
    }
    .section3 .section-bg
    {
        margin-top: -60px;
    }
    .section3 .section-body
    {
        z-index: 97;

        margin-top: -60px;
    }
    .section3 .top-box
    {
        border-width: 0 0 60px 320px;
        border-style: solid solid solid solid;
    }
    .section3 .bot-box
    {
        border-width: 95px 0 0 320px;
        border-style: solid solid solid solid;
    }
    .section3 .recent-box.top-box
    {
        border-color: transparent transparent #fff transparent;
    }
    .section3 .recent-box.bot-box
    {
        border-color: #fff transparent transparent transparent;
    }
    .section3 .serv-box.top-box
    {
        border-color: transparent transparent #40a5c3 transparent;
    }
    .section3 .serv-box.bot-box
    {
        border-color: #40a5c3 transparent transparent transparent;
    }
    .section4 .section-bg
    {
        margin-top: -95px;
    }
    .section4 .section-body
    {
        z-index: 96;

        margin-top: -95px;
    }
    .section4 .top-box
    {
        border-width: 0 320px 95px 0;
        border-style: solid solid solid solid;
    }
    .section4 .bot-box
    {
        border-width: 60px 320px 0 0;
        border-style: solid solid solid solid;
    }
    .section4 .serv-box.top-box
    {
        border-color: transparent transparent #40a5c3 transparent;
    }
    .section4 .serv-box.bot-box
    {
        border-color: #40a5c3 transparent transparent transparent;
    }
    .section4 .recent-box.top-box
    {
        border-color: transparent transparent #fff transparent;
    }
    .section4 .recent-box.bot-box
    {
        border-color: #fff transparent transparent transparent;
    }
    .section5 .section-bg
    {
        margin-top: -60px;
    }
    .section5 .section-body
    {
        z-index: 95;

        margin-top: -60px;
    }
    .section5 .top-box
    {
        border-width: 0 0 60px 320px;
        border-style: solid solid solid solid;
    }
    .section5 .bot-box
    {
        border-width: 95px 0 0 320px;
        border-style: solid solid solid solid;
    }
    .section5 .recent-box.top-box
    {
        border-color: transparent transparent #fff transparent;
    }
    .section5 .recent-box.bot-box
    {
        border-color: #fff transparent transparent transparent;
    }
    .section6 .section-bg
    {
        margin-top: -95px;
    }
    .section6 .section-body
    {
        z-index: 94;

        margin-top: -95px;
    }
    .section6 .top-box
    {
        border-width: 0 320px 95px 0;
        border-style: solid solid solid solid;
    }
    .section6 .bot-box
    {
        border-width: 60px 320px 0 0;
        border-style: solid solid solid solid;
    }
    .section6 .recent-box.top-box
    {
        border-color: transparent transparent #fff transparent;
    }
    .section6 .recent-box.bot-box
    {
        border-color: #fff  transparent transparent transparent;
    }
    .section6 .serv-box.top-box
    {
        border-color: transparent transparent #40a5c3 transparent;
    }
    .section6 .serv-box.bot-box
    {
        border-color: #40a5c3 transparent transparent transparent;
    }
    .section7 .section-body
    {
        z-index: 94;

        margin-top: -60px;
    }
    .section7 .section-bg
    {
        margin-top: -60px;
    }
    .section7 .top-box
    {
        border-width: 0 0 60px 320px;
        border-style: solid solid solid solid;
    }
    .section7 .bot-box
    {
        border-width: 95px 0 0 320px;
        border-style: solid solid solid solid;
    }
    .section7 .serv-box.top-box
    {
        border-color: transparent transparent #40a5c3 transparent;
    }
    .section7 .serv-box.bot-box
    {
        border-color: #40a5c3 transparent transparent transparent;
    }
    .section8 .section-body
    {
        z-index: 94;

        margin-top: -95px;
    }
    .section8 .section-bg
    {
        margin-top: -95px;
    }
    .section8 .top-box
    {
        border-width: 0 320px 95px 0;
        border-style: solid solid solid solid;
    }
    .section8 .bot-box
    {
        border-width: 60px 320px 0 0;
        border-style: solid solid solid solid;
    }
    .section8 .serv-box.top-box
    {
        border-color: transparent transparent #40a5c3 transparent;
    }
    .section8 .serv-box.bot-box
    {
        border-color: #40a5c3 transparent transparent transparent;
    }
}

.detail-info
{
    text-align: center;
}
.detail-info .info-box
{
    display: inline-block;

    width: .59852rem;
    margin-right: .09481rem;
}
.detail-info .info-box .info-title
{
    font-size: .09481rem;
    line-height: .09481rem;

    padding: .02667rem;

    text-align: center; 

    color: #40a5c3;
    background: #fff;
}
.detail-info .info-box .info-img
{
    width: .33778rem;
    height: .26667rem; 
    margin: 0 auto;
    margin-bottom: .04741rem;
}
.detail-info .info-box .info-body
{
    font-size: .07407rem;
    line-height: .08889rem; 

    padding: .02667rem;

    border: 1px solid #fff;
    border-top-width: 0;
}
.detail-info .info-intro
{
    font-size: .08296rem;
    line-height: .13037rem;
}

.copy-right
{
    font-size: .04444rem;
    line-height: .05926rem;

    padding: .02963rem .05926rem .07704rem;

    text-align: center;

    color: #fff;
    background: #40a5c3;
}

.detail-swipe
{
    margin-top: -.17778rem;
    margin-right: -.20148rem;
    margin-bottom: .05926rem;
    margin-left: -.20148rem;
    padding: 0 .20148rem;
}
.detail-swipe .swiper-slide
{
    width: .44444rem;
}
.detail-swipe .swiper-slide img
{
    width: 100%;
}
.detail-swipe .detail-swipe-next,
.detail-swipe .detail-swipe-prev
{
    top: .59259rem;

    width: .1363rem;
    height: .19852rem;

    opacity: 1;
}
.detail-swipe .detail-swipe-next
{
    right: 0;

    background-image: url(../images/page-2-rightpointer.png);
    background-size: 100%;
}
.detail-swipe .detail-swipe-prev
{
    left: 0;

    background-image: url(../images/page-2-leftpointer.png);
    background-size: 100%;
}

.fieldset-box
{
    border: 1px solid #fff;
    outline: none;
}
.fieldset-box .fieldset-title
{
    font-weight: 200; 

    padding: 0 .02963rem;

    text-align: center;

    color: #40a5c3;
    background: #fff;
}

.icon-pah
{
    font-size: 0;

    display: inline-block;

    width: .1363rem;
    height: .1363rem; 
    margin-top: -.0237rem;
    margin-right: .05926rem;

    vertical-align: middle;
}

.detail-hint
{
    width: 1.67111rem; 
    margin: 0 auto .1037rem;
}
.detail-hint .hint-img
{
    float: left;

    width: .48rem;
    height: .33778rem;
}
.detail-hint .hint-content
{
    font-size: .1363rem;
    font-weight: 200; 
    line-height: .33778rem;

    text-align: center;
}

.recruit-box .recruit-img
{
    float: left;

    width: .4563rem;
    height: .4563rem;
}

.recruit-box .recruit-title
{
    text-align: center; 

    color: #40a5c3;
    background: #fff;
}

.recruit-box .recruit-container
{
    padding-left: .54815rem;
}
.recruit-box .recruit-container .recruit-content p
{
    margin: .04rem 0;
}

.page-logo
{
    width: .99556rem;
    height: .19259rem;
}

.detail-recruit p
{
    line-height: 1.2; 

    margin: .04rem 0;
}

@media screen and (max-width: 1920px) and (min-width: 1601px)
{
    .main-bg.index-bg-2
    {
        background: url(../images/P2_1920.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-3
    {
        background: url(../images/P3_1920.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-4
    {
        background: url(../images/P4_1920.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-5
    {
        background: url(../images/P5_1920.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-6
    {
        background: url(../images/P6_1920.jpg) no-repeat;
        background-attachment: fixed;
    }
    .german .main-bg.index-bg-2
    {
        background: url(../images/ger/P2_1920.jpg) no-repeat;
        background-attachment: fixed;
    }
    .german .main-bg.index-bg-3
    {
        background: url(../images/ger/P3_1920.jpg) no-repeat;
        background-attachment: fixed;
    }
    .german .main-bg.index-bg-4
    {
        background: url(../images/ger/P4_1920.jpg) no-repeat;
        background-attachment: fixed;
    }
    .german .main-bg.index-bg-5
    {
        background: url(../images/ger/P5_1920.jpg) no-repeat;
        background-attachment: fixed;
    }
    .german .main-bg.index-bg-6
    {
        background: url(../images/ger/P6_1920.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-7
    {
        background: url(../images/P7_1920.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-8
    {
        background: url(../images/P8_1920.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.swipe-bg-1 .swiper-slide.img-1
    {
        background: url(../images/P1_1920A.jpg) no-repeat;
    }
    .main-bg.swipe-bg-1 .swiper-slide.img-2
    {
        background: url(../images/P1_1920B.jpg) no-repeat;
    }
    .main-bg.swipe-bg-1 .swiper-slide.img-3
    {
        background: url(../images/P1_1920C.jpg) no-repeat;
    }
}

@media screen and (max-width: 1600px) and (min-width: 1441px)
{
    .german .main-bg.index-bg-2
    {
        background: url(../images/ger/P2_1600.jpg) no-repeat;
        background-attachment: fixed;
    }
    .german .main-bg.index-bg-3
    {
        background: url(../images/ger/P3_1600.jpg) no-repeat;
        background-attachment: fixed;
    }
    .german .main-bg.index-bg-4
    {
        background: url(../images/ger/P4_1600.jpg) no-repeat;
        background-attachment: fixed;
    }
    .german .main-bg.index-bg-5
    {
        background: url(../images/ger/P5_1600.jpg) no-repeat;
        background-attachment: fixed;
    }
    .german .main-bg.index-bg-6
    {
        background: url(../images/ger/P6_1600.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-2
    {
        background: url(../images/P2_1600.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-3
    {
        background: url(../images/P3_1600.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-4
    {
        background: url(../images/P4_1600.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-5
    {
        background: url(../images/P5_1600.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-6
    {
        background: url(../images/P6_1600.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-7
    {
        background: url(../images/P7_1600.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-8
    {
        background: url(../images/P8_1600.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.swipe-bg-1 .swiper-slide.img-1
    {
        background: url(../images/P1_1600A.jpg) no-repeat;
    }
    .main-bg.swipe-bg-1 .swiper-slide.img-2
    {
        background: url(../images/P1_1600B.jpg) no-repeat;
    }
    .main-bg.swipe-bg-1 .swiper-slide.img-3
    {
        background: url(../images/P1_1600C.jpg) no-repeat;
    }
}

@media screen and (max-width: 1440px) and (min-width: 1367px)
{
    .german .main-bg.index-bg-2
    {
        background: url(../images/ger/P2_1440.jpg) no-repeat;
        background-attachment: fixed;
    }
    .german .main-bg.index-bg-3
    {
        background: url(../images/ger/P3_1440.jpg) no-repeat;
        background-attachment: fixed;
    }
    .german .main-bg.index-bg-4
    {
        background: url(../images/ger/P4_1440.jpg) no-repeat;
        background-attachment: fixed;
    }
    .german .main-bg.index-bg-5
    {
        background: url(../images/ger/P5_1440.jpg) no-repeat;
        background-attachment: fixed;
    }
    .german .main-bg.index-bg-6
    {
        background: url(../images/ger/P6_1440.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-2
    {
        background: url(../images/P2_1440.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-3
    {
        background: url(../images/P3_1440.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-4
    {
        background: url(../images/P4_1440.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-5
    {
        background: url(../images/P5_1440.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-6
    {
        background: url(../images/P6_1440.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-7
    {
        background: url(../images/P7_1440.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-8
    {
        background: url(../images/P8_1440.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.swipe-bg-1 .swiper-slide.img-1
    {
        background: url(../images/P1_1440A.jpg) no-repeat;
    }
    .main-bg.swipe-bg-1 .swiper-slide.img-2
    {
        background: url(../images/P1_1440B.jpg) no-repeat;
    }
    .main-bg.swipe-bg-1 .swiper-slide.img-3
    {
        background: url(../images/P1_1440C.jpg) no-repeat;
    }
}

@media screen and (max-width: 1366px) and (min-width: 1024px)
{
    .german .main-bg.index-bg-2
    {
        background: url(../images/ger/P2_1366.jpg) no-repeat;
        background-attachment: fixed;
    }
    .german .main-bg.index-bg-3
    {
        background: url(../images/ger/P3_1366.jpg) no-repeat;
        background-attachment: fixed;
    }
    .german .main-bg.index-bg-4
    {
        background: url(../images/ger/P4_1366.jpg) no-repeat;
        background-attachment: fixed;
    }
    .german .main-bg.index-bg-5
    {
        background: url(../images/ger/P5_1366.jpg) no-repeat;
        background-attachment: fixed;
    }
    .german .main-bg.index-bg-6
    {
        background: url(../images/ger/P6_1366.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-2
    {
        background: url(../images/P2_1366.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-3
    {
        background: url(../images/P3_1366.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-4
    {
        background: url(../images/P4_1366.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-5
    {
        background: url(../images/P5_1366.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-6
    {
        background: url(../images/P6_1366.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-7
    {
        background: url(../images/P7_1366.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.index-bg-8
    {
        background: url(../images/P8_1366.jpg) no-repeat;
        background-attachment: fixed;
    }
    .main-bg.swipe-bg-1 .swiper-slide.img-1
    {
        background: url(../images/P1_1366A.jpg) no-repeat;
    }
    .main-bg.swipe-bg-1 .swiper-slide.img-2
    {
        background: url(../images/P1_1366B.jpg) no-repeat;
    }
    .main-bg.swipe-bg-1 .swiper-slide.img-3
    {
        background: url(../images/P1_1366C.jpg) no-repeat;
    }
}

@media screen and (max-width: 1024px)
{
    .german .main-bg.index-bg-2
    {
        background: url(../images/ger/P2_1024.jpg) no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }
    .german .main-bg.index-bg-3
    {
        background: url(../images/ger/P3_1024.jpg) no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }
    .german .main-bg.index-bg-4
    {
        background: url(../images/ger/P4_1024.jpg) no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }
    .german .main-bg.index-bg-5
    {
        background: url(../images/ger/P5_1024.jpg) no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }
    .german .main-bg.index-bg-6
    {
        background: url(../images/ger/P6_1024.jpg) no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }
    .main-bg.index-bg-2
    {
        background: url(../images/P2_1024.jpg) no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }
    .main-bg.index-bg-3
    {
        background: url(../images/P3_1024.jpg) no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }
    .main-bg.index-bg-4
    {
        background: url(../images/P4_1024.jpg) no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }
    .main-bg.index-bg-5
    {
        background: url(../images/P5_1024.jpg) no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }
    .main-bg.index-bg-6
    {
        background: url(../images/P6_1024.jpg) no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }
    .main-bg.index-bg-7
    {
        background: url(../images/P7_1024.jpg) no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }
    .main-bg.index-bg-8
    {
        background: url(../images/P8_1024.jpg) no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }
    .main-bg.swipe-bg-1 .swiper-slide.img-1
    {
        background: url(../images/P1_1024A.jpg) no-repeat;
        background-attachment: scroll;
        background-position: 50% 50%; 
        background-size: cover;
    }
    .main-bg.swipe-bg-1 .swiper-slide.img-2
    {
        background: url(../images/P1_1024B.jpg) no-repeat;
        background-attachment: scroll;
        background-position: 50% 50%; 
        background-size: cover;
    }
    .main-bg.swipe-bg-1 .swiper-slide.img-3
    {
        background: url(../images/P1_1024C.jpg) no-repeat;
        background-attachment: scroll;
        background-position: 50% 50%; 
        background-size: cover;
    }
    .section-bg.section-1,
    .section-bg.section-2,
    .section-bg.section-3,
    .section-bg.section-4,
    .section-bg.section-5,
    .section-bg.section-6,
    .section-bg.section-7,
    .section-bg.section-8
    {
        background-attachment: scroll;
    }
}

.fixed-btn
{
    position: fixed;
    right: .08889rem;
    bottom: .11852rem;

    -webkit-transition: all .2s; 
            transition: all .2s;
}

.icon-goHome,
.icon-goTop
{
    width: 40px;
    height: 40px; 
    margin-bottom: 10px;
}
.copy-right a{
    color: #fff;
}