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


    .conn .cl { width: 226px; float: left; }
        .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; }

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



.chlidmu { display: none; width: 181px; position: absolute; background-color: #f5f6f6; }
    .chlidmu ul { width: 175px; list-style: none; padding: 3px; }
        .chlidmu ul li { float: left; width: 173px; background-image: none; margin-left: 0px; margin-bottom: 2px; }
            .chlidmu ul li:hover { background-image: none; margin-left: 0px; margin-bottom: 2px; }

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



.conn .cl .aboutus { width: 226px; float: left; margin-top: 10px; }
    .conn .cl .aboutus .cltit { height: 32px; line-height: 30px; color: #fff; font: 700 12px/30px "Arial"; background-image: url(/images/contactbg.jpg); background-repeat: no-repeat; }
        .conn .cl .aboutus .cltit b { font: 700 12px/30px Arial; margin-left: 28px; margin-right: 5px; }

    .conn .cl .aboutus .contact { margin-top: 5px; min-height: 340px; overflow: hidden; width: 214px; padding: 5px; border: solid 1px #d4d4d4; background-image: url(/images/contactbg2.jpg); background-position: bottom right; background-repeat: no-repeat; }
        .conn .cl .aboutus .contact p { line-height: 25px; margin: 0px; padding: 0px; color: #666; font: 400 12px/25px "宋体",Arial; }



.conn .cr { width: 690px; float: left; margin-left: 12px; }
    .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; }