@charset "utf-8";
/* CSS Document */

html { scrollbar-arrow-color: #666; scrollbar-face-color: #e6e6e6; scrollbar-darkshadow-color: #9c9c9c; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #fff; scrollbar-track-color: #f5f5f5; scrollbar-3dlight-color: #b0b0b0; scrollbar-color: #B0B0B0; }

body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; }

ol, ul, li { list-style: none; }

img { border: 0; }

body { font-size: 12px; color: #333; font-family: "Microsoft YaHei","Arial","宋体","Tahoma","Helvetica","sans-serif"; background: url(../images/Bg.png) top center no-repeat #f8f8f8; }

a { color: #333; text-decoration: none; }

    a:hover { color: #06C; }

input { font-size: 12px; color: #999; line-height: 18px; font-family: "Microsoft YaHei","Arial","宋体","Tahoma","Helvetica","sans-serif"; border: 1px solid #ccc; background: #fcfcfc; }

.input1[type="text"] { display: block; margin-bottom: 10px; width: 150px; height: 18px; border: 1px solid #ccc; background: #efefef; color: #333; font-family: "Microsoft YaHei","Arial","宋体","Tahoma","Helvetica","sans-serif"; }

.input1[type="password"] { display: block; margin-bottom: 10px; width: 150px; height: 18px; border: 1px solid #ccc; background: #efefef; color: #333; font-family: "Microsoft YaHei","Arial","宋体","Tahoma","Helvetica","sans-serif"; }

.input1[type="button"] { display: block; margin-left: 100px; width: 50px; height: 20px; background: url(../images/input-bg.jpg) 0 0 no-repeat; color: #333; font-family: "Microsoft YaHei","Arial","宋体","Tahoma","Helvetica","sans-serif"; cursor: pointer; }

.input2 { border: 1px solid #ccc; height: 18px; color: #666; background: #efefef; }

.inp_srh { width: 168px; height: 20px; line-height: 20px; margin-top: 2px; background: none; padding-left: 10px; border: none; }

.btn_srh { width: 38px; height: 20px; line-height: 20px; border: none; cursor: pointer; color: #fff; background: none; font-size: 12px; text-indent: -5000px; }

.clear { border: 0; line-height: 0; height: 0; clear: both; font-size: 0; }
/* -------header start------ */
#header_box { margin: 0; padding: 0; background: #f8f8f8; height: auto; overflow: hidden; }

#header { margin: 0 auto; width: 1000px; height: 74px; background: url(../images/top-bg.jpg) 0 0 no-repeat; }

#logo { float: left; margin-top: 7px; width: 400px; height: 60px; overflow: hidden; }

#header_r { float: right; margin-top: 10px; width: 400px; height: auto; text-align: right; }

#language { height: 20px; line-height: 20px; margin-bottom: 11px; }

    #language img { margin: 0 5px 0 10px; vertical-align: middle; }

#tel { height: 33px; }
/* -------header end------ */
/* -------banner start------ */
#banner { height: 400px; background: #09C; }

#banner_bottom { height: 20px; background: url(../images/banner-bottom.jpg) 0 0 repeat-x; }
/* -------banner end------ */
/* -------content start------ */
#content1 { margin: 0 auto 10px;; width: 1000px; height: auto; }

.con_l { float: left; width: 270px; height: 200px; overflow: hidden; }

.con_m { float: left; margin-left: 20px; width: 370px; height: 200px; overflow: hidden; }

.con_r { float: right; width: 320px; height: 200px; overflow: hidden; }

.tit { height: 24px; color: #333; font-size: 14px; font-weight: bold; }

    .tit span { color: #06C; font-size: 18px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }

.con { line-height: 22px; }

    .con img { float: left; margin-right: 10px; }

.news_con { margin-bottom: 10px; }

.news_con_l { float: left; width: 150px; height: 88px; }

.news_con_r { float: right; width: 210px; line-height: 22px; }

.news_biaoti { width: 160px; height: 22px; line-height: 22px; color: #c00; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.news_content { height: 66px; line-height: 22px; overflow: hidden; }

.news { width: 370px; height: 88px; overflow: hidden; }

    .news ul { margin: 0; padding: 0; }

        .news ul li { float: left; width: 100%; height: 25px; border-bottom: 1px dashed #ddd; overflow: hidden; }

            .news ul li a { float: left; display: block; width: 290px; line-height: 25px; text-indent: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/ico1.png) 0 0 no-repeat; }

                .news ul li a:hover { color: #06C; background: url(../images/ico1.png) 0 -25px no-repeat; }

            .news ul li span { float: right; display: block; line-height: 25px; color: #999; font-size: 11px; -webkit-text-size-adjust: none; }

.protype { width: 320px; height: 176px; }

    .protype ul { margin: 0; padding: 0; }

        .protype ul li { float: left; margin-top: 3px; width: 320px; height: 26px; background: #eee; }

            .protype ul li a { display: block; background: url(../images/ico5.png) 5px 0 no-repeat; height: 26px; line-height: 26px; text-indent: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

                .protype ul li a:hover { background: url(../images/ico5.png) 5px -25px no-repeat; }

#content2 { border-top: 1px solid #fff; background: #efefef; height: auto; }

.con2 { margin: 0 auto; padding: 15px 0; width: 1000px; }

.con2_l { float: left; width: 660px; height: auto; }

.con2_r { float: right; width: 320px; height: auto; }

.contact { margin: 8px 0 10px; width: 320px; height: 98px; }

    .contact ul { margin: 0; padding: 0; }

        .contact ul li { float: left; display: block; width: 160px; height: 49px; }

            .contact ul li a { display: block; width: 160px; height: 49px; }

                .contact ul li a:hover { width: 160px; height: 49px; }

.contact1 a { background: url(../images/contact1.jpg) 0 0 no-repeat; }

    .contact1 a:hover { background: url(../images/contact2.jpg) 0 0 no-repeat; }

.contact2 a { background: url(../images/contact1.jpg) -160px 0 no-repeat; }

    .contact2 a:hover { background: url(../images/contact2.jpg) -160px 0 no-repeat; }

.contact3 a { background: url(../images/contact1.jpg) 0 -49px no-repeat; }

    .contact3 a:hover { background: url(../images/contact2.jpg) 0 -49px no-repeat; }

.contact4 a { background: url(../images/contact1.jpg) -160px -49px no-repeat; }

    .contact4 a:hover { background: url(../images/contact2.jpg) -160px -49px no-repeat; }

.link { height: 22px; }
/* -------content end------ */
/* -------footer start------ */
#footer_box { padding: 15px; background: #53575a; }

#footer { margin: 0 auto; width: 1000px; height: auto; line-height: 20px; color: #ccc; }

    #footer a { color: #fff; }

        #footer a:hover { color: #f00; }

.footer_l { float: left; width: 500px; }

.footer_r { float: right; width: 450px; text-align: right; }

.suckerdiv { margin-bottom: 10px; width: 230px; height: auto; }

    .suckerdiv ul { }

        .suckerdiv ul li { position: relative; z-index: 999; width: 230px; height: 23px; line-height: 23px; margin-bottom: 5px; }


            /*1st level sub menu style */
            .suckerdiv ul li ul { left: 230px; /* Parent menu width - 1*/ position: absolute; width: 690px; top: 0; background: #f8f8f8; display: none; border-bottom: 1px solid #e1e1e1; }

                .suckerdiv ul li ul li { float: left; width: 230px; background: #fff; color: #333; }
                    /*All subsequent sub menu levels offset */
                    .suckerdiv ul li ul li ul { background: #fff; left: 229px; /* Parent menu width - 1*/ height: auto; overflow: hidden; }

            /* menu links style */
            .suckerdiv ul li a { display: block; padding-left: 25px; padding-right: 20px; line-height: 23px; color: #333; border-bottom: 1px solid #ddd; background: url(../controls/images/left_subbg1.jpg) 10px 10px no-repeat; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

                .suckerdiv ul li a:hover { color: #fff; background: url(../controls/images/left_subbg.jpg) 0 0 no-repeat; border: none; }

            .suckerdiv ul li ul li a { display: block; padding-left: 25px; line-height: 23px; color: #333; border-bottom: 1px solid #ddd; background: url(../controls/images/left_subbg1.jpg) 10px 10px no-repeat; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

                .suckerdiv ul li ul li a:visited { color: #333; }

                .suckerdiv ul li ul li a:hover { color: #fff; background: url(../controls/images/left_subbg.jpg) 0 0 no-repeat; border: none; }






        /*.suckerdiv .subfolderstyle {
        background: url(../index/arrow-list.gif) no-repeat center right;
    }*/


        /* Holly Hack for IE \*/
        * html .suckerdiv ul li { float: left; height: 1%; }

            * html .suckerdiv ul li a { height: 1%; }
/* End */