@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/about/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 .end { text-align: left; padding-top: 30px; }
        


.content2 { overflow: hidden; background-color: #fff; width: 1200px; border: solid 0px #000; padding: 60px 0px; }
    .content2 .left { float: left; width: 620px; }
    .content2 .right { float: right; width: 580px; padding-left: 50px; }
        .content2 .right .title { text-transform: uppercase; text-align: left; font-family: "SHCNExtraLight"; font-size: 26px; color: #2a3b6d; }
            .content2 .right .title b { font-size: 26px; color: #2a3b6d; border-bottom: solid 4px #2a3b6d; font-weight: 400; }
        .content2 .right .desc { text-align: justify; text-justify: inter-ideograph; margin-top: 15px; line-height: 36px; text-align: left; font-family: "SHCNExtraLight"; font-size: 16px; color: #525252; text-indent: 2em; }
            .content2 .right .desc .end { text-align: right; padding-top: 30px; }
             .content2 .right .desc .end a{ font-size:16px; }


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


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


.content5 { margin-bottom: 60px; background-color: #fff; width: 1200px; border: solid 0px #000; overflow: hidden; }
    .content5 .left { width: 240px; float: left; }
        .content5 .left h3 { width: 240px; display: block; font-size: 30px; font-family: "SHCNRegular"; background-color: #2a3b6d; color: #fff; line-height: 110px; }

        .content5 .left ul { width: 100%; overflow: hidden; }
            .content5 .left ul li { text-align: left; padding: 20px 0px 20px 40px; font-size: 18px; font-family: "SHCNRegular"; width: 100%; color: #fff; background-color: #2a3b6d; }
                .content5 .left ul li a { font-size: 18px; padding-left: 20px; font-family: "SHCNRegular"; color: #fff; }

                .content5 .left ul li.action { color: #2a3b6d; background-color: #fff; }
                    .content5 .left ul li.action a { color: #2a3b6d; }


    .content5 .right { width: 918px; float: right; }
        .content5 .right .txtname { margin-top: 30px; width: 100%; border-bottom: solid 3px #e5e5e5; text-align: left; }
            .content5 .right .txtname b { font-size: 24px; font-family: "SHCNRegular"; color: #2a3b6d; border-bottom: solid 5px #2a3b6d; padding: 0px 15px; }

        .content5 .right ul { width: 100%; margin-top: 15px; }
            .content5 .right ul li { font-size: 14px; text-align: left; padding: 5px 0px; }
                .content5 .right ul li a { font-size: 14px; text-align: left; }
                .content5 .right ul li i { font-size: 14px; float: right; font-style: normal; }



        .content5 .right .contentinfo { overflow: hidden; background-color: #fff; width: 100%; border: solid 0px #000; padding: 30px 0px; }
            .content5 .right .contentinfo .title { text-transform: uppercase; width: 100%; text-align: left; font-family: "SHCNExtraLight"; font-size: 18px; color: #2a3b6d }
            .content5 .right .contentinfo .subtitle { width: 100%; text-align: left; font-family: "SHCNExtraLight"; font-size: 14px; line-height: 24px; color: #2a3b6d }
            .content5 .right .contentinfo .desc { text-align: justify; text-justify: inter-ideograph; margin-top: 40px; line-height: 26px; text-align: left; font-family: "SHCNExtraLight"; font-size: 14px; 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) {
}