@font-face { font-family: 'SHCNExtraLight'; src: url('/skin/font/SourceHanSansCN-ExtraLight.otf') format('opentype'); }

.banner { width: 100%; min-width: 1200px; position: relative; background-image: url('../images/careers/ban.jpg'); height: 440px; background-position: center; background-repeat: no-repeat; }
.rotemubg { z-index: 1; width: 100%; position: absolute; background-color: rgba(42,59,109,0.45); height: 86px; bottom: 0px; }
.rotemu { z-index: 2; position: absolute; width: 100%; bottom: 10px; height: 60px; }
.rote { background-color: #f9f9f9; width: 1200px; height: 60px; }
    .rote .left { float: left; line-height: 60px; font-size: 18px; text-align: left; }
        .rote .left div { height: 60px; display: table-cell; vertical-align: middle; }
            .rote .left div img { border: solid 0px #000; padding-left: 10px; }
        .rote .left a { line-height: 60px; font-size: 18px; font-family: "SHCNRegular"; color: #2a3b6d; padding-left: 10px; }
        .rote .left b { font-weight: 400; font-family: "SHCNRegular"; }

    .rote .right { float: right; }
        .rote .right ul { font-size: 0px; position: relative; top: -5px; }
            .rote .right ul li { display: inline-block; padding: 0px 10px; line-height: 65px; }
                .rote .right ul li.action { background-color: #2a3b6d; } 
                .rote .right ul li a { color: #2a3b6d; font-size: 18px; font-family: "SHCNLight" }
                .rote .right ul li.action a { color: #fff; } 
                .rote .right ul li:hover { background-color: #2a3b6d; }
                    .rote .right ul li:hover a { color: #fff; }




.content2 { overflow: hidden; background-color: #fff; width: 1200px; border: solid 0px #000; padding: 60px 0px; }
    .content2 .title { text-transform: uppercase; width: 100%; text-align: left; font-family: "SHCNExtraLight"; font-size: 42px; color: #2a3b6d }
    .content2 .subtitle { width: 100%; text-align: left; font-family: "SHCNExtraLight"; font-size: 26px; color: #2a3b6d }
    .content2 .desc { width: 100%; margin-top: 15px; }

        .content2 .desc .left { float: left; width: 620px; }
        .content2 .desc .right { float: right; width: 580px; padding-left: 50px; }
            .content2 .desc .right dl { width: 100%; }
                .content2 .desc .right dl dt { padding: 5px 0px; text-align: left; width: 100%; font-size: 24px; color: #000; font-family: "SHCNExtraLight" }
                .content2 .desc .right dl dd { padding: 5px 0px 20px 0px; text-align: left; width: 100%; font-size: 14px; color: #4c4c4c; font-family: "SHCNExtraLight" }


.content3 { overflow: hidden; background-color: #fff; width: 1200px; border: solid 0px #000; padding: 60px 0px; }
    .content3 .title { text-transform: uppercase; width: 100%; text-align: left; font-family: "SHCNExtraLight"; font-size: 42px; color: #2a3b6d }
    .content3 .subtitle { width: 100%; text-align: left; font-family: "SHCNExtraLight"; font-size: 26px; color: #2a3b6d }
    .content3 .desc { width: 100%; margin-top: 15px; }
      .content3 .desc { text-align: justify; text-justify: inter-ideograph; margin-top: 60px; line-height: 36px; text-align: left; font-family: "SHCNExtraLight"; font-size: 16px; color: #525252; }
        .content3 .desc ul { width: 100%; font-size: 0px; vertical-align: top; text-align: left; }
            .content3 .desc ul li { vertical-align: top; display: inline-block; width: 368px; margin: 0px 5px; border: solid 0px #000; width: 383px; }
                .content3 .desc ul li .txt { padding: 15px 0px; line-height: 22px; font-size: 18px; text-align: center; background-color:#2a3b6d; color: #fff; font-family: "SHCNExtraLight"; }


    


.tlist { width: 100%; }
    .tlist tbody { width: 100%; }
        .tlist tbody tr td { padding: 25px 15px; text-align: left; font-size: 14px; }
            .tlist tbody tr td .first { border-right: solid 1px #c5c5c5; padding-right: 20px; }

            .tlist tbody tr td a { font-size: 16px; color: #343434; }


        .tlist tbody tr:nth-child(odd) { background-color: #f5f5f5; }
        .tlist tbody tr:nth-child(even) { background-color: #fff }

.pages { width: 100%; margin-top: 30px; }



.contentinfo { overflow: hidden; background-color: #fff; width: 1200px; border: solid 0px #000; padding: 30px 0px; }
    .contentinfo .title { text-transform: uppercase; width: 100%; text-align: left; font-family: "SHCNExtraLight"; font-size: 26px; color: #2a3b6d }
    .contentinfo .subtitle { width: 100%; text-align: left; font-family: "SHCNExtraLight"; font-size: 14px; line-height: 24px; color: #2a3b6d }
    .contentinfo .desc { text-align: justify; text-justify: inter-ideograph; margin-top: 60px; line-height: 36px; text-align: left; font-family: "SHCNExtraLight"; font-size: 16px; color: #525252; }


@media only screen and (max-width:1440px) {
}



@media only screen and (max-width:1200px) {
}





@media only screen and (max-width:1024px) {
}

@media only screen and (max-width:960px) {
}


@media only screen and (max-width:768px) {
}

@media only screen and (max-width:480px) {
}

@media only screen and (max-width:320px) {
}