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



.banner1 { width: 100%; min-width: 1200px; position: relative; background-image: url('../images/culture/ban.jpg'); height: 440px; background-position: center; background-repeat: no-repeat; }
.banner2 { width: 100%; min-width: 1200px; position: relative; background-image: url('../images/culture/ban.jpg'); height: 440px; background-position: center; background-repeat: no-repeat; }
.banner3 { width: 100%; min-width: 1200px; position: relative; background-image: url('../images/culture/ban.jpg'); height: 440px; background-position: center; background-repeat: no-repeat; }
.banner4 { width: 100%; min-width: 1200px; position: relative; background-image: url('../images/culture/ban2.jpg'); height: 440px; background-position: center; background-repeat: no-repeat; }
.banner5 { width: 100%; min-width: 1200px; position: relative; background-image: url('../images/culture/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 { overflow: hidden; background-color: #fff; width: 1200px; border: solid 0px #000; padding: 60px 0px; }
    .content .left { float: left; width: 455px; }
    .content .right { float: right; width: 745px; padding-left: 50px; }
        .content .right ul { width: 100%; overflow: hidden; }
            .content .right ul li { width: 156px; float: left; border-right: solid 1px #fff; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; -ms-transition: all, 0.5s; transition: all, 0.5s; }
                .content .right ul li .lia { background-color: #bfbfbf; height: 112px; margin-top: 56px; font-size: 36px; color: #fff; line-height: 112px; text-align: center; }
                .content .right ul li .lib { text-align: justify; text-justify: inter-ideograph; background-color: #f6f6f6; height: 268px; padding: 10px 15px; font-size: 12px; font-family: "SHCNExtraLight"; color: #808080; line-height: 20px; }

                .content .right ul li.hover { width: 200px; border-right: solid 0px #fff; }
                    .content .right ul li.hover .lia { height: 168px; line-height: 168px; margin-top: 0px; background-color: #2a3b6d; font-size: 60px; }


.content2 { 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 { text-align: justify; text-justify: inter-ideograph; margin-top: 60px; line-height: 36px; text-align: left; font-family: "SHCNExtraLight"; font-size: 16px; color: #525252; }

        .content2 .desc ul { width: 100%; text-align: left; font-size: 0px; vertical-align: top; }
            .content2 .desc ul li { width: 266px; display: inline-block; vertical-align: top; height: 257px; background-image: url('../images/culture/bg1.png'); margin-right: 20px; }

                .content2 .desc ul li .box { border: solid 1px #627099; height: 235px; }
                    .content2 .desc ul li .box img { margin: 10px auto; }
                    .content2 .desc ul li .box .tit { color: #979797; text-align: center; font-size: 14px; }




.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; }
        .content3 .desc ul { width: 100%; text-align: left; font-size: 0px; vertical-align: top; }
            .content3 .desc ul li { width: 356px; display: inline-block; vertical-align: top; margin: 0px 20px; }
                .content3 .desc ul li .box { }
                    .content3 .desc ul li .box img { margin: 10px auto; }
                    .content3 .desc ul li .box .tit { line-height: 20px; color: #979797; text-align: left; font-size: 14px; }




/*.content3 { overflow: hidden; background-color: #fff; width: 1200px; border: solid 0px #000; padding: 30px 0px; }
    .content3 .left { float: left; width: 420px; }
    .content3 .right { float: right; width: 780px; padding-left: 30px; }
        .content3 .right .title { text-transform: uppercase; width: 100%; text-align: left; font-family: "SHCNExtraLight"; font-size: 42px; color: #2a3b6d }
        .content3 .right .subtitle { width: 100%; text-align: left; font-family: "SHCNExtraLight"; font-size: 26px; color: #2a3b6d }
        .content3 .right .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; }

.content3a { overflow: hidden; background-color: #fff; width: 1200px; border: solid 0px #000; padding: 30px 0px; }
    .content3a ul { width: 100%; font-size: 0px; }
        .content3a ul li { margin: 10px 20px; display: inline-block; font-size: 14px; color: #959393; }
            .content3a ul li b { line-height: 30px; font-weight: 400; }*/



.content4 { background-color: #fff; width: 1200px; border: solid 0px #000; padding: 60px 0px; }
    .content4 .title { text-transform: uppercase; width: 100%; text-align: center; font-family: "SHCNExtraLight"; font-size: 42px; color: #2a3b6d }
    .content4 .subtitle { width: 100%; text-align: center; 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; }
        .content4 .desc ul { width: 100%; text-align: left; font-size: 0px; vertical-align: top; }
            .content4 .desc ul li { width: 356px; display: inline-block; vertical-align: top; margin: 0px 20px; }
                .content4 .desc ul li .box { }
                    .content4 .desc ul li .box img { margin: 10px auto; }
                    .content4 .desc ul li .box .tit { line-height: 20px; color: #979797; text-align: left; font-size: 14px; }



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

.content5a { overflow: hidden; background-color: #fff; width: 1200px; border: solid 0px #000; padding: 30px 0px; }
    .content5a .left { float: left; width: 600px; }
    .content5a .right { text-align: left; float: right; width: 600px; font-family: "SHCNExtraLight"; padding-left: 30px; font-size: 22px; line-height: 26px; color: #373737; }


.content5b { overflow: hidden; background-color: #fff; width: 1200px; border: solid 0px #000; padding: 30px 0px; }
    .content5b ul { width: 100%; font-size: 0px; vertical-align: top; text-align: left; }
        .content5b ul li { vertical-align: top; background-color: #f2f2f2; display: inline-block; font-size: 14px; color: #959393; margin: 15px 15px; width: 370px; }
            .content5b ul li .img { padding: 20px 0px 10px 0px; }
            .content5b ul li .tit { padding: 0px 0px 10px 0px; font-size: 12px; color: #6d6d6d; max-width: 320px; }


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