﻿

.bg1banner { margin: 0px auto; width: 100%; height: 260px; background-color: #0054a3; }
    .bg1banner .cntitle { padding-top: 85px; font-size: 36px; color: #fefefe; text-align: center; }
        .bg1banner .cntitle b { font-weight: 400; padding-left: 20px; font-size: 30px; color: #edf2f7; }
    .bg1banner .rote { color: #f3f3f3; padding: 8px 15px; margin-top: 20px; border: solid 1px #4987c2; display: inline-block; font-size: 14px; }


@media only screen and (max-width:768px) {
    .bg1banner { height: 200px }
        .bg1banner .cntitle { font-size: 16px; }
            .bg1banner .cntitle b { padding-left: 10px; font-size: 14px; }
        .bg1banner .rote { padding: 5px 10px; margin-top: 10px; }
}



.contentbox { width: 100%; background-color: #f8f8f8; }
    .contentbox .conn { width: 100%; max-width: 1200px; padding: 50px 0px; overflow: hidden; font-size: 14px; text-align: left }

                

@media only screen and (max-width:960px) {
    .contentbox .conn .right { padding-left: 20px; }
}


@media only screen and (max-width:768px) {
    .contentboxtop .cntitle { font-size: 22px; }
        .contentboxtop .cntitle b { font-size: 16px; }
    .contentbox .conn { padding: 0px 10px; }
        .contentbox .conn .left { width: 80% }
        .contentbox .conn .right { width: 95%; padding-left: 0px; }
}
