@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/business/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; }

.content { background-color: #fff; width: 1200px; border: solid 0px #000; padding: 60px 0px; }
    .content .title { text-transform: uppercase; width: 100%; text-align: left; font-family: "SHCNExtraLight"; font-size: 42px; color: #2a3b6d }
    .content .subtitle { width: 100%; text-align: left; font-family: "SHCNExtraLight"; font-size: 26px; color: #2a3b6d }
    .content .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; }

        .content .desc ul { width: 100%; font-size: 0px; vertical-align: top; text-align: left; }
            .content .desc ul li { vertical-align: top; display: inline-block; width: 383px; margin: 0px 5px; border: solid 0px #000; width: 383px; }
                .content .desc ul li .txt { padding: 15px 0px; line-height: 22px; font-size: 18px; text-align: center; background-color:#2a3b6d; color: #fff; font-family: "SHCNExtraLight"; }

.contentinfo { overflow: hidden; background-color: #fff; width: 1200px; border: solid 0px #000; padding: 30px 0px; }
    .contentinfo .left { float: left; width: 550px; }
    .contentinfo .right { float: right; width: 630px; padding-left: 50px; }
        .contentinfo .right .title { width: 100%; text-align: left; font-family: "SHCNExtraLight"; font-size: 30px; color: #2a3b6d }
        .contentinfo .right .desc { text-align: left; text-justify: inter-ideograph; margin-top: 20px; line-height: 26px; font-family: "SHCNExtraLight"; font-size: 16px; color: #525252; }


.contentinfopic { overflow: hidden; background-color: #fff; width: 1200px; border: solid 0px #000; padding: 30px 0px; }
    .contentinfopic ul { width: 100%; font-size: 0px; vertical-align: top; text-align: left; }
        .contentinfopic ul li { vertical-align: top; display: inline-block; margin: 0px 5px; border: solid 0px #000;  }


@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) {
}