/* 原自带 start */


/* 原自带 end */


/* 主题 start */
:root {
    /*--theme-color: #8AD2AA;*/
    --theme-color: #fff;
    /*--theme-color: transparent;*/

    /*--theme-border-bottom-color: #F4F3E1;*/
    --theme-border-bottom-color: #333333;

    /*--theme-background-color: #E3E6BF;*/
    --theme-background-color: #fff;

    --theme-font-color: #333333;
}

/* 主题 end */


/* pc start */
#desktopBanner img {
    width: 100%;
}

.wrapper {
    min-height: 50vh;
}

#overview img {
    max-width: 100%;
}

.wrapper pre {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word;
}

#bio .desc .title {
    font-size: 30px;
    font-weight: 400;
    color: #ff6600;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.chris-btn-back {
    display: block;
    background-image: url("../img/back-off.png");
    background-repeat: no-repeat;
    background-size: 15%;
    background-position: left;
    height: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.chris-btn-back-on {
    background-image: url("../img/back-on.png");
}

.footerWrapper {
    background-image: url(../img/footer-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 120%;
    position: relative;
    top: -2px;
}

.footer .copyright.copyright-mobile {
    display: none !important;
}

.footer .copyright.copyright-pc {
    display: none !important;
}

.footer .sitemap {
    color: #fff;
    width: 732px;
    /* margin-left: 33px; */
    margin: 0 auto;
}

.footer div {
    vertical-align: top;
    display: block;
}

@media screen and (min-width: 960px) {
    .nav {
        font-size: 14px;
        line-height: 20px;
        /*background: url(../img/nav_bg.png) repeat-x;*/
        background: url(../img/nav_bg.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 100%;
        text-align: center;
        height: 68px;
        display: block !important;
    }

    .nav .submenuWrapper {
        position: absolute;
        height: 172px;
        width: 100%;
        left: 0;
        top: 68px;
        background: url(../img/nav_bg.png) bottom repeat-x;
        /*background: url(../img/nav_bg-2.png) bottom repeat-x;*/
        z-index: 9999;
        display: none;

        /*position: absolute;*/
        /*height: 172px;*/
        /*width: 100%;*/
        /*left: 0;*/
        /*top: 68px;*/
        /*background: url(../img/nav_bg.png) bottom repeat-x;*/
        /*background: url(../img/nav_bg.png) bottom;*/
        /*background-repeat: no-repeat;*/
        /*background-size: 100% 100%;*/
        /*z-index: 9999;*/
        /*display: none;*/
    }


    .nav .menu > li {
        cursor: pointer;
        text-decoration: none;
        color: #fff;
        float: left;
        background-image: url(../img/nav_arrow.png);
        background-position: -20px 0;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        /* padding: 0px 30px; */
        background-color: var(--theme-color);
    }

    .nav .menu > li.hover, .nav .menu > li.selected {
        color: #f36f21;
        /*background-color:#EFEDCB;*/
        background-color: var(--theme-background-color);
        background-image: url(../img/nav_arrow_hover.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}

/* pc end */

/* mobile start */
body {
    /*--header-height: 96px;*/
    /*--footer-height: calc(var(--header-height) * 2);*/
    /*--nav-padding-top: 96px;*/

    --header-height: 17vw;
    --footer-height: calc(var(--header-height) * 3.5);
    --nav-padding-top: 17vw;
}

@media screen and (max-width: 360px) {
    /*body {*/
    /*    --header-height: 25vw;*/
    /*    --footer-height: calc(var(--header-height) * 2);*/
    /*    --nav-padding-top: 25vw;*/
    /*}*/
    .headerMobile #logoMobile {
        background-size: 100%;
    }

    /*.nav .menu {*/
    /*    width: 90vw !important;*/
    /*}*/
}

@media screen and (max-width: 767px) {

    #home {
        background-color: var(--theme-background-color);
    }

    /*header*/
    /*.headerWrapper {*/
    /*    min-width: 100px;*/
    /*}*/
    .headerMobile {
        height: calc(var(--header-height));
        background: transparent;
    }

    .headerMobile #logoMobile {
        /*    background-image: url(../../logo-mobile-transparent.png);*/
        background-repeat: no-repeat;
        background-size: 55%;
        /*background-size: 85%;*/
        background-position: 10px;
        width: calc(100% - var(--header-height));
        height: calc(var(--header-height));
        /*height: 64px;*/
        display: block;
        float: left;
        margin: 0 0 0 0;
    }

    .headerMobile #navBtnMobile {
        width: calc(var(--header-height));
        height: calc(var(--header-height));
        background-size: 80%;
        background-repeat: no-repeat;
        background-position: center;
    }

    #mobileSearchBox {
        display: block;
        height: 64px;
        border-top: 0;
        background-color: var(--theme-color);
        background-image: url(../img/mobile_search_box_bg.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        cursor: default;
        padding: 20px 0 0;
        margin: 0;
        border-bottom: 1px solid #fff;
    }

    .nav {
        /*    position: fixed;*/
        /*    line-height: 20px;*/
        /*    text-align: center;*/
        z-index: 9999;
        padding-top: calc(var(--nav-padding-top));;
        height: 50vh;
        overflow-y: visible;
    }

    .nav .menu > li {
        /*cursor: pointer;*/
        /*text-decoration: none;*/
        /*color: #fff;*/
        /*background-image: url(../img/nav_arrow_mobile.png);*/
        /*background-repeat: no-repeat;*/
        /*background-position: right -10px;*/
        /*background-size: 100% 120%;*/
    }

    .nav .menu > li > span, .nav .menu > li > a {
        width: 100%;
        display: block;
        padding: 15px 0;
        background-image: url(../img/nav_arrow_mobile.png);
        /*background-image: none;*/
        background-repeat: no-repeat;
        background-position: right -10px;
        background-size: 100% 120%;
        font-size: 16px;
        border-bottom: 1px solid #fff;
        background-color: transparent;
        color: #fff;
        text-decoration: none;
    }

    .nav .menu > li > span.current {
        background-image: url(../img/nav_arrow_current_mobile.png);
        background-size: 100%;
        /*border-bottom: 1px solid var(--theme-border-bottom-color);*/
        border-bottom: 1px solid #e2e2e2;
        /*background-color: var(--theme-background-color);*/
        background-color: #F3F3F3;
        color: var(--theme-font-color);
    }

    .nav .submenuWrapper {
        position: static;
        width: 100%;
        height: auto;
        max-height: 326px;
        /* overflow-y: scroll; */
        overflow-y: auto;
        overflow-x: hidden;
        font-size: 19px;
        /*background-color: var(--theme-background-color);*/
        background-color: #F3F3F3;
        padding: 13px 0;
        display: none;
        /*border-bottom: 1px solid var(--theme-border-bottom-color);*/
        border-bottom: 1px solid #e2e2e2;
    }

    .nav .submenu a {
        display: block;
        color: #333333;
        text-decoration: none;
        text-transform: none;
        list-style: none;
        text-align: center;
        -webkit-text-size-adjust: 100%;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline;

        font-size: 16px;
        font-weight: 300;
        font-family: 'Open Sans', 'Microsoft YaHei', "Heiti SC", 'STHeiti Light', 'PMingLiU', sans-serif;
        height: 100%;
    }

    /*.nav .menu {*/
    /*    text-transform: uppercase;*/
    /*    padding-left: 0;*/
    /*    position: absolute;*/
    /*    height: auto;*/
    /*    width: 320px !important;*/
    /*    right: 0;*/
    /*    !* padding-bottom: 5px; *!*/
    /*    background-image: url(../img/nav_bg_mobile.png);*/
    /*    z-index: 100;*/
    /*}*/
    .header, .menu, .container, .footer {
        min-width: 200px !important;
        width: 100% !important;
    }

    .headerWrapper, .nav, .container, .footerWrapper {
        min-width: 200px;
        width: 100% !important;
        margin: 0 auto;
    }

    /*content-content*/
    #mobileBanner {
        display: block;
        background-color: var(--theme-background-color);
        margin: 0 auto;
    }

    .wrapper {
        padding-top: calc(var(--header-height));
        width: 100%;
    }

    .wrapper img {
        max-width: 100%;
    }

    .wrapper pre {
        white-space: pre-wrap; /* css-3 */
        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        word-wrap: break-word;
    }

    .wrapper .cycle-slideshow.homeBanner .cycle-slide img {
        /*position: relative;*/
        /*top: 2px;*/
    }

    #overview.container {
        min-height: 60vh !important;
    }

    .container {
        padding-bottom: 15px;
    }

    .container h1.title {
        /*line-height: 28px;*/
        /*margin-bottom: 33px;*/
        /*box-sizing: border-box;*/
        /*margin: 0;*/
        /*padding: 0;*/
        /*border: 0;*/
        /*font: inherit;*/
        /*vertical-align: baseline;*/
        /*font-size: 22px;*/
        /*font-weight: 400;*/
        /*color: #333333;*/
        /*text-transform: uppercase;*/
        /*line-height: 28px;*/
        /*margin-bottom: 33px;*/
    }

    #overview img {
        /*width: 100%;*/
        max-width: 100%;
    }

    /*#overview p {*/
    /*    !* 原阿里效果 *!*/
    /*    !*color: #333333;*!*/
    /*    !*box-sizing: border-box;*!*/
    /*    !*margin: 0;*!*/
    /*    !*padding: 0;*!*/
    /*    !*border: 0;*!*/
    /*    !*font: inherit;*!*/
    /*    !*vertical-align: baseline;*!*/
    /*    !*line-height: 22px;*!*/
    /*    !*margin-bottom: 20px;*!*/
    /*    color: #666666;*/
    /*    font-size: 16px;*/
    /*    font-weight: 300;*/
    /*    line-height: 19.2px;*/
    /*    margin-bottom: 27px;*/
    /*    font-family: "Microsoft yahei", serif !important;*/
    /*}*/

    /*#overview h2 {*/
    /*    font-family: "Microsoft yahei", serif !important;*/
    /*}*/

    /*#overview span {*/
    /*    font-family: "Microsoft yahei", serif !important;*/
    /*}*/

    .chris-content p {
        color: #666666;
        font-size: 16px !important;
        font-weight: 300 !important;
        /*line-height: 19.2px !important;*/
        line-height: 1.5 !important;
        margin-bottom: 0 !important;
        font-family: "Microsoft yahei", serif !important;
    }

    .chris-content h2 {
        font-family: "Microsoft yahei", serif !important;
    }

    .chris-content span {
        font-size: 16px !important;
        line-height: 1.5 !important;
        font-family: "Microsoft yahei", serif !important;
    }

    .chris-font {
        font-family: "Microsoft yahei", serif !important;
        font-size: 16px !important;
    }

    /*content-leadership*/
    /*footer*/
    .footer .copyright.copyright-pc {
        display: none !important;
    }

    .footer .copyright.copyright-mobile {
        display: block !important;
        padding: 25px 0;
    }

    .footer .copyright.copyright-mobile a#join-us-handshake {
        background-image: url(../img/handshake.png);
        background-position: center;
        background-size: 21%;
        background-repeat: no-repeat;
        height: 20vw;
        padding: 0;
        display: block;
        margin-top: 10px;
    }

    .footer .copyright.copyright-mobile a#join-us-text {
        display: block;
        font-size: 15px;
    }

    .footer .copyright.copyright-mobile a:nth-child(2) span {
        margin-left: 10px;
        margin-right: 10px;
        font-size: 16px;
    }

    .footerWrapper {
        height: var(--footer-height);
        background-image: url(../img/footer-mobile-bg.jpg);
        background-repeat: no-repeat;
        background-size: 100% 200%;
        position: relative;
        top: -2px;
    }
}

@media screen and (min-width: 1000px) {
    .headerWrapper .header .logo {
        position: relative;
        top: -16px;
    }
}

.selectWrapper.offering {
    visibility: hidden;
}

/* mobile end */