article, main, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display:block
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td {
    margin:0;
    padding:0
}
table {
    border-collapse:collapse;
    border-spacing:0
}
img, fieldset {
    border:none
}
address, caption, cite, code, dfn, em, strong, th {
    font-style:normal;
    font-weight:normal
}
ol, ul {
    list-style:none
}
th, caption {
    text-align:left
}
h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    font-weight:normal
}
h1, h2, h3, h4, h5, h6, p, blockquote {
    word-wrap:break-word
}
q:before, q:after {
    content:''
}
a:hover, a:active {
    outline:none
}
img {
    border:none;
    max-width:100%;
    vertical-align:middle;
    -ms-interpolation-mode:bicubic
}
input {
    vertical-align:middle
}
input, button, textarea {
    font-size:12px;
    outline:none;
    resize:none
}
input, button {
    *overflow:visible;
    line-height:normal
}
input::-moz-focus-inner, button::-moz-focus-inner {
    padding:0;
    border:none
}
button, input[type='button'], input[type='reset'], input[type='submit'] {
    cursor:pointer;
    -webkit-appearance:button
}
input[type='search'] {
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-appearance:textfield
}
input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-search-cancel-button {
    -webkit-appearance:none
}
textarea {
    overflow:auto;
    vertical-align:top
}
@font-face {
    font-family:'arkitalic';
    src:local('Georgia-Italic'), local('Georgia Italic');
    font-weight:normal;
    font-style:normal
}
@font-face {
    font-family:'arkitalic';
    src:local('Georgia-BoldItalic'), local('Georgia Bold Italic');
    font-weight:bold;
    font-style:normal
}
[data-icon]:before {
    font-family:'arkicons';
    content:attr(data-icon);
    speak:none;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.lined::after, #pos-content > li::after {
    content:'';
    position:absolute
}
body {
    font:12px'Helvetica Neue', Helvetica, 'Lucida Grande', 'Luxi Sans', Arial, 'PingFang SC', 'Hiragino Sans GB', STHeiti, 'Microsoft YaHei', 'Wenquanyi Micro Hei', 'WenQuanYi Micro Hei Mono', 'WenQuanYi Zen Hei', 'WenQuanYi Zen Hei Mono', LiGothicMed;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
body {
    color: #1F1F1D;
    /* background:#f8f9f9; */
    background: #fff;
    font-size:14px;
    line-height:1.8;
    /*min-width: 400px;*/
    margin: 0 auto;
}
a, a:hover {
    color:#5ebb8d;
    text-decoration:none
}
a:hover {
    color:#4CA177;
}
h3, h4 {
    line-height:1;
    font-weight:bold
}
#careers-header {
    height:295px;
    background-color:#fff;
    background-repeat:repeat-x;
    background-position:center bottom;
    margin-bottom:40px;
}
@media (min--moz-device-pixel-ratio:1.3), (-o-min-device-pixel-ratio:2.6/2), (-webkit-min-device-pixel-ratio:1.3), (min-device-pixel-ratio:1.3), (min-resolution:1.3dppx) {
    #careers-header {
        background-size:50px 93px
    }
}
#careers-header .inner {
    height:100%;
    background-image:url(../../imgs/banner3.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size: cover;
    position: relative;
}
#careers-header .caiyun-logo{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    text-align: center;
    color: #ffffff;
}
.caiyun-logo .logo{
    width: 174px;
    display: block;
    margin: 0 auto;
}
.caiyun-logo .logo img{
    width:100%;
}
.caiyun-logo > .logo-title{
    font-size: 36px;
    margin-top: 10px;
    margin-bottom: 20px;
    letter-spacing: 4px;
    line-height: normal;
}
.caiyun-logo .welcome{
    margin-top: 40px;
    margin-bottom: 50px;

}
.caiyun-logo .join-button{
    text-align: center;
    color: #fff;
    display: inline-block;
    margin: 0 auto;
    border-radius: 4px;
    padding: 4px 0;
    background-color: #5ebb8d;
    width:86px;
    transition: all .4s;
}
.caiyun-logo .join-button >p {
    /*background-image: url('/imgs/join-us.png');*/
    background-repeat:no-repeat;
    background-position: center;
    width:100%;
    height:100%;
    background-size: 60px;
    font-size:12px;
}
.caiyun-logo .join-button:hover{
    background: #4CA177;
}
@media (min--moz-device-pixel-ratio:1.3), (-o-min-device-pixel-ratio:2.6/2), (-webkit-min-device-pixel-ratio:1.3), (min-device-pixel-ratio:1.3), (min-resolution:1.3dppx) {
    #careers-header .inner {
        background-image:url(../../imgs/banner3.jpg);
        background-size:900px 295px;
        background-size: cover;
    }
}
#careers-header .inner:hover .ark-boat-text {
    opacity:1
}
#careers-main {
    width:950px;
    padding:0 10px;
    margin:0 auto
}
section {
    padding:0 0 40px;
    margin-bottom:40px;
}
section.company{
    margin-bottom:0;
    padding-bottom:20px;
}
section .hd, section .bd {
    padding:0 40px
}
.title {
    font-size:24px;
    font-weight:bold;
    line-height:1;
    margin-bottom:25px;
}
.title-1 {
    font-size:18px;
    font-weight:bold;
    margin-bottom: 10px;
}
.subtitle {
    margin-bottom:10px
}
.list li {
    margin-bottom:5px;
}
.list p{
    margin-bottom:5px;
}
.list p.cyxy-trs-source-ted{
    text-align: justify;
}
.list li:last-child {
    margin:0
}
.list p:last-child {
    margin:0
}
.list-col2 {
    margin-right:-60px;
    margin-bottom:-30px;
}
.list-col2 li {
    display:inline-block;
    /*width:405px;*/
    width: 400px;
    margin:0 60px 30px 0;
    vertical-align:top
}
.lined {
    position:relative;
}
.lined::after {
    left: 40px;
    bottom: 0;
    height: 0;
    border-bottom: 1px solid #e1e6e6;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    -webkit-transform-origin: 0 bottom;
    transform-origin: 0 bottom;
    right: 40px;
}
@-moz-document url-prefix() {
    .lined::after {
        transform:scaleY(0.5) rotate(0.001deg)
    }
}
.ark-boat-text {
    position:relative;
    z-index:100;
    width:100%;
    color:#666;
    font-size:10px;
    text-align:center;
    margin-top:-17px;
    background:rgba(237, 243, 245, 0.8);
    opacity:0;
    -webkit-transition:opacity .5s;
    transition:opacity .5s
}
.career-pos .bd {
    padding:20px 40px 0;
}
.career-pos .bd:after {
    content:'';
    display:block;
    clear:both
}
#pos-name {
    float: left;
    width: 220px;
    margin-top: -4px;
    padding-right: 10px;
    box-sizing: border-box;
    max-height: 600px;
    overflow-y: scroll;
    z-index: 999;
    background: #fff;

    
}
::-webkit-scrollbar {
    display: none; /* 对于WebKit浏览器 */
}
#pos-name li {
    margin-bottom:13px;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
}
.sticky {
    position: fixed;
    top: 40px;
    bottom: 150px;
    min-height: 200px;
}
#pos-content {
    margin-left:230px;
    margin-top:-40px;
}
#pos-content h3 {
    font-size:18px;
    margin-bottom:30px;
    color: #424242;
}
#pos-content h4 {
    margin-bottom:10px
}
#pos-content .des-p, #pos-content ul {
    margin-bottom:1.5em
}
#pos-content ul {
    color:#333;
    list-style-type:disc;
    display: block;
    margin-left:30px;
}
#pos-content ul>li {
    color: #666666;
    display: block;
}
#pos-content ul:last-child {
    margin-bottom:0
}
#pos-content > li {
    padding:40px 0;
    position:relative;
}
#pos-content > li::after {
    left:0;
    bottom:0;
    width:100%;
    height:0;
    border-bottom:1px solid #e1e6e6;
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5);
    -webkit-transform-origin:0 bottom;
    transform-origin:0 bottom;
}
@-moz-document url-prefix() {
    #pos-content > li::after {
        transform:scaleY(0.5) rotate(0.001deg)
    }
}
#pos-content > li:last-child::after {
    display:none
}

.email-works {
    line-height:1;
    text-align:center;
    padding:0 0 40px;
    margin:0;
}
.email-works h3 {
    color:#5ebb8d;
    font-size:18px;
    font-weight:normal;
    margin-bottom:15px
}
.we-dream-s{
    display: none;
}
.we-dream-l{
    display: block;
}

.simple-footer {
    height: 50px;
    line-height: 50px;
    padding: 10px 20px 20px;
}
.simple-footer:after {
    content:'';
    display:block;
    clear:both
}
.simple-footer .logo {
    width: 160px;
    display:inline-block;
    height:100%;
    background-image:url('../../imgs/logo/logo-big-website.png');
    background-repeat:no-repeat;
    background-position:center center;
    background-size: contain;
}
@media (min--moz-device-pixel-ratio:1.3), (-o-min-device-pixel-ratio:2.6/2), (-webkit-min-device-pixel-ratio:1.3), (min-device-pixel-ratio:1.3), (min-resolution:1.3dppx) {
    .simple-footer .logo {
        background-image:url('../../imgs/logo/logo-big-website.png');
    }
}
.copyright {
    font-size:12px;
    color:#a6a6a6;
    float:right
}
.pics {
    padding: 0 40px 40px;
}
.list-pic {
    display: flex;
    align-content:space-between;
}
.list-pic li {
    flex: 1;
    height: 160px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    margin-right: 10px;
    transition: all .4s;
}
.list-pic li:hover{
    background-size:120%;
}
.list-pic li:nth-child(3n){
    margin-right: 0;
}
.list-pic .pic1 {
    background-image: url(../photo/photo03.jpeg);
}
@media (min--moz-device-pixel-ratio:1.3), (-o-min-device-pixel-ratio:2.6/2), (-webkit-min-device-pixel-ratio:1.3), (min-device-pixel-ratio:1.3), (min-resolution:1.3dppx) {
    .list-pic .pic1 {
        background-image: url(../photo/photo03.jpeg);
    }
}
.list-pic .pic2 {
    background-image: url(../photo/photo06.jpeg);
}
@media (min--moz-device-pixel-ratio:1.3), (-o-min-device-pixel-ratio:2.6/2), (-webkit-min-device-pixel-ratio:1.3), (min-device-pixel-ratio:1.3), (min-resolution:1.3dppx) {
    .list-pic .pic2 {
        background-image: url(../photo/photo06.jpeg);
    }
}
.list-pic .pic3 {
    background-image: url(../photo/photo07.jpg);
}
@media (min--moz-device-pixel-ratio:1.3), (-o-min-device-pixel-ratio:2.6/2), (-webkit-min-device-pixel-ratio:1.3), (min-device-pixel-ratio:1.3), (min-resolution:1.3dppx) {
    .list-pic .pic3 {
        background-image: url(../photo/photo07.jpg);
    }
}


.list-pic .pic4 {
    background-image: url(../photo/photo09.jpg);
}
@media (min--moz-device-pixel-ratio:1.3), (-o-min-device-pixel-ratio:2.6/2), (-webkit-min-device-pixel-ratio:1.3), (min-device-pixel-ratio:1.3), (min-resolution:1.3dppx) {
    .list-pic .pic4 {
        background-image: url(../photo/photo09.jpg);
    }
}
.list-pic .pic5 {
    background-image: url(../photo/photo08.jpg);
}
@media (min--moz-device-pixel-ratio:1.3), (-o-min-device-pixel-ratio:2.6/2), (-webkit-min-device-pixel-ratio:1.3), (min-device-pixel-ratio:1.3), (min-resolution:1.3dppx) {
    .list-pic .pic5 {
        background-image: url(../photo/photo08.jpg);
    }
}
.list-pic .pic6 {
    background-image: url(../photo/photo10.jpg);
}
@media (min--moz-device-pixel-ratio:1.3), (-o-min-device-pixel-ratio:2.6/2), (-webkit-min-device-pixel-ratio:1.3), (min-device-pixel-ratio:1.3), (min-resolution:1.3dppx) {
    .list-pic .pic6 {
        background-image: url(../photo/photo10.jpg);
    }
}


@media (max-width:768px) {
    body {
        font-size:15px
    }
    section {
        padding:0 0 30px;
        margin-bottom:30px
    }
    .caiyun-logo .logo{
        width: 130px;
    }
    .caiyun-logo .welcome{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    #careers-header {
        height: 200px;
    }
    #careers-header .inner {
        /*margin-left:-24px;*/
    }
    #careers-header .inner .caiyun-logo>p{
        font-size: 20px;
        min-width:180px;
    }
    #careers-header .inner .caiyun-logo .join-button{
        width: 70px;
        /*height: 25px;*/
        font-size: 12px;
    }
    .caiyun-logo .join-button >p {
        background-size: 45px;
    }
    #careers-header .ark-logo {
        width:100%;
        -webkit-animation:sailing 1s ease-out alternate infinite;
        animation:sailing 1s ease-out alternate infinite
    }
    #pos-content > li {
        padding-bottom:30px;
    }
    #pos-content > li:first-child {
        padding-top:10px
    }
    .list li {
        margin-bottom:20px
    }
    #careers-main {
        width:100%;
        padding:0;
    }
    #careers-main section .hd, #careers-main section .bd {
        padding:0 15px
    }
    .list-col2 {
        margin:0;
    }
    .list-col2 li {
        width:100%;
        margin:0 0 20px;
    }
    .pics, #pos-name, .mini-board, .copyright {
        display:none;
    }
    #pos-content {
        margin:0
    }
    .email-works {
        padding:0 0 30px;
    }
    .email-works p {
        line-height:1.6;
        padding:0 20px
    }
    .we-dream-s{
        display: block;
    }
    .we-dream-l{
        display: none;
    }
    .simple-footer .logo {
        display:block;
        width:100%
    }
}
@media (min-device-width:321px) and (max-device-width:375px) {
    body {
        font-size:16px !important
    }
    #careers-main section .hd, #careers-main section .bd {
        padding:0 17px !important
    }
}
@media (min-device-width:376px) and (max-device-width:768px) {
    body {
        font-size:17px
    }
    #careers-main section .hd, #careers-main section .bd {
        padding:0 20px
    }
}
/*@-moz-keyframes sailing {*/
    /*from {*/
        /*background-position-y:106px*/
    /*}*/
    /*to {*/
        /*background-position-y:116px*/
    /*}*/
/*}*/
/*@-webkit-keyframes sailing {*/
    /*from {*/
        /*background-position-y:106px*/
    /*}*/
    /*to {*/
        /*background-position-y:116px*/
    /*}*/
/*}*/
/*@-o-keyframes sailing {*/
    /*from {*/
        /*background-position-y:106px*/
    /*}*/
    /*to {*/
        /*background-position-y:116px*/
    /*}*/
/*}*/
/*@keyframes sailing {*/
    /*from {*/
        /*background-position-y:106px*/
    /*}*/
    /*to {*/
        /*background-position-y:116px*/
    /*}*/
/*}*/