.conn { width: 938px; padding-top: 10px; text-align: left; margin: 0px auto; overflow: hidden; background-color: #fff; margin-bottom: 10px; }


    .conn .cl { width: 226px; float: left; margin-left: 12px; }
        .conn .cl .proclass { width: 222px; float: left; border: solid 1px #d4d4d4; padding: 1px; }

            .conn .cl .proclass .cltit { height: 30px; background-color: #1265cf; line-height: 30px; color: #fff; font: 700 12px/30px "Arial"; background-image: url(/images/probg.jpg); background-repeat: no-repeat; }
                .conn .cl .proclass .cltit b { font: 700 12px/30px Arial; margin-left: 28px; margin-right: 5px; }

.promenu { padding-bottom: 20px; overflow: hidden; width: 222px; list-style: none; margin-top: 10px; }
    .promenu li { cursor: pointer; margin-left: 10px; width: 202px; float: left; height: 25px; line-height: 25px; margin-bottom: 5px; border: solid 1px #efefef; background-image: url(/images/probg1.jpg); background-position: left center; background-repeat: no-repeat; text-align: center; background-color: #fff; }
        .promenu li.action { border: solid 1px #86b0c9; background-image: url(/images/probg2.jpg); background-position: left center; background-repeat: no-repeat; }
a.bpro:link, a.bpro:visited, a.bpro:hover { font: 400 12px/25px Arial; color: #000; }
a.bpro:hover { color: #0099ff; font-weight: bold; }

a.bapro:link, a.bapro:visited, a.bapro:hover { font: 700 12px/25px Arial; color: #0099ff; }
a.bapro:hover { color: #0099ff; font-weight: bold; }

.promenu li:hover { border: solid 1px #86b0c9; background-image: url(/images/probg2.jpg); background-position: left center; background-repeat: no-repeat; }







.conn .cr { width: 690px; float: left; }
    .conn .cr .title { text-align: right; height: 34px; line-height: 34px; background-image: url(/images/aboutbg3.jpg); background-repeat: no-repeat; }
        .conn .cr .title b { width: 158px; text-align: center; float: left; font: 700 12px/34px Arial; color: #fcfcfc; }

    .conn .cr .text { text-align: left; padding: 5px; margin-top: 5px; margin-bottom: 25px; width: 680px; font-size: 12px; color: #000; border: solid 1px #e1e1e1; overflow: hidden; }
        .conn .cr .text ul { float: left; list-style: none; width: 680px; margin-bottom: 20px; overflow: hidden; }
            .conn .cr .text ul li { background-image: url(/images/icon1.gif); background-position: left center; background-repeat: no-repeat; float: left; width: 650px; margin-left: 10px;padding-left:15px; border-bottom: dotted 1px #bfbfbf; text-align: left; line-height: 24px; }

                .conn .cr .text ul li b { float: right; width: 170px; text-align: right; line-height: 24px; font-weight: normal; }


        .conn .cr .text .page { width: 680px; text-align: center; }