﻿
.conn { width: 938px; text-align: left; margin: 0px auto; overflow: hidden; background-color: #fff; }
    .conn .titlebig { width: 938px; height: 33px; text-align: right; line-height: 33px; color: #fff; font: 700 12px/30px "Arial"; background-image: url(/images/indexbg1.jpg); background-repeat: no-repeat; margin-bottom: 10px; overflow: hidden; }
        .conn .titlebig b { float: left; font: 700 12px/30px Arial; margin-left: 28px; margin-right: 5px; }
        .conn .titlebig img { float: right; margin-top: 4px; }


.Marquee { overflow: hidden; width: 938px; margin-bottom: 10px; }
    .Marquee ul { overflow: hidden; width: 938px; list-style: none; }
        .Marquee ul li { float: left; padding: 8px; height: 170px; width: 218px; margin-right: 10px; }

            .Marquee ul li .name { width: 218px; text-align: center; line-height: 24px; }

            .Marquee ul li:hover { background-color: #e1ecfe; }




.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 { width: 690px; text-align: right; height: 34px; line-height: 34px; background-image: url(/images/aboutbg3.jpg); background-repeat: no-repeat; }
        .conn .cr .title b { float: left; width: 158px; text-align: center; float: left; font: 700 12px/34px Arial; color: #fcfcfc; }
.conn .title img { float: right; margin-top: 4px; }

.conn .cr .text { overflow: hidden; text-align: left; border: solid 1px #e1e1e1; margin-top: 5px; margin-bottom: 5px; padding: 5px; width: 680px; font-size: 12px; color: #000; }
    .conn .cr .text p { line-height: 22px; font-family: "宋体"; text-indent: 2em; }

.case { margin-top: 10px; }
.news { margin-top: 10px; }



.news1 { float: left; list-style: none; width: 300px; margin-left: 10px; margin-bottom: 20px; overflow: hidden; }
    .news1 li { background-image: url(/images/icon1.gif); background-position: left center; background-repeat: no-repeat; float: left; width: 280px; padding-left: 15px; border-bottom: dotted 1px #bfbfbf; text-align: left; line-height: 24px; }
        .news1 li a { float: left; }
        .news1 li b { float: right; width: 70px; padding: 0px; text-align: right; margin: 0px; font-weight: normal; }



.news2 { float: left; list-style: none; width: 300px; margin-left: 30px; margin-bottom: 20px; overflow: hidden; }
    .news2 li { background-image: url(/images/icon1.gif); background-position: left center; background-repeat: no-repeat; float: left; width: 280px; padding-left: 15px; border-bottom: dotted 1px #bfbfbf; text-align: left; line-height: 24px; }
        .news2 li a { float: left; }
        .news2 li b { float: right; width: 70px; padding: 0px; text-align: right; margin: 0px; font-weight: normal; }
