﻿

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:Arial; background: url(../mbimg/Bg.png) top center no-repeat #ffffff; }

a { color: #333; text-decoration: none; }

    a:hover { color: #06C; }

input { font-size: 12px; color: #999; line-height: 18px; font-family:Arial; 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:Arial;}

.input1[type="password"] { display: block; margin-bottom: 10px; width: 150px; height: 18px; border: 1px solid #ccc; background: #efefef; color: #333; font-family:Arial; }

.input1[type="button"] { display: block; margin-left: 100px; width: 50px; height: 20px; background: url(../mbimg/input-bg.jpg) 0 0 no-repeat; color: #333; font-family:Arial; 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;}

#logo { float: left; margin-top: 7px; width: 600px; text-align:left; 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; color: #ff0000;font-weight:bold;font-size:14px}
/* -------header end------ */
/* -------banner start------ */
#banner { height: 352px; }
/* -------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; }


.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(../mbimg/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(../mbimg/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(../mbimg/contact1.jpg) 0 0 no-repeat; }

    .contact1 a:hover { background: url(../mbimg/contact2.jpg) 0 0 no-repeat; }

.contact2 a { background: url(../mbimg/contact1.jpg) -160px 0 no-repeat; }

    .contact2 a:hover { background: url(../mbimg/contact2.jpg) -160px 0 no-repeat; }

.contact3 a { background: url(../mbimg/contact1.jpg) 0 -49px no-repeat; }

    .contact3 a:hover { background: url(../mbimg/contact2.jpg) 0 -49px no-repeat; }

.contact4 a { background: url(../mbimg/contact1.jpg) -160px -49px no-repeat; }

    .contact4 a:hover { background: url(../mbimg/contact2.jpg) -160px -49px no-repeat; }

.link { height: 22px; }
/* -------content end------ */
/* -------footer start------ */


A.foot:link {
	COLOR: #efefef; TEXT-DECORATION: none
}
A.foot:visited {
	COLOR: #efefef; TEXT-DECORATION: none
}
A.foot:active {
	COLOR: #efefef; TEXT-DECORATION: none
}
A.foot:hover {
	COLOR: #b5000d; TEXT-DECORATION: none
}

#left_nav, .leftborder {
    border: 0px solid #c5c6c9;
    border-top: 0px none;
    width: 175px;
    padding: 8px;
    background-color: #ffffff;
}
#left_nav a {
    display: block;
    height: 25px;
    line-height: 25px;
    width: 150px;
    letter-spacing: 2px;
    background: url(../img/left_nav_bg.gif) no-repeat;
    padding-left: 26px;
    margin-top: 1px;
}
#left_nav a:hover, #left_nav a:active {
    background: url(../img/left_nav_bg_A.gif) no-repeat;
    background-color: #cc0000;
    color: #ffffff;
    width: 150px;
    padding-left: 28px;
    font-weight: bold;
}
.left_nava {
    background: url(../img/left_nav_bg_A.gif) no-repeat;
    background-color: #cc0000 !important;
    color: #ffffff !important;
    width: 150px !important;
    padding-left: 28px !important;
    font-weight: bold !important;
}

a.FlinkWhite{ color:#FFF; font-family:Arial; font-size:12px; text-decoration:none;}

#probox{width:736px; position:relative;}
#probox ul{width:736px; float:left;}
#probox ul li{width:200px; height:215px; margin:10px 23px 0px 22px; float:left;}
#probox ul li span{width:200px; height:185px;float:left; display:block;}
#probox ul li p{width:200px; height:30px; line-height:30px; vertical-align:middle; text-align:center; float:left; display:block;}
#probox ul li p a{color:#000; font-size:12px;}
#probox ul li p a:hover{color:#F00;}
#probox ol{width:736px; margin-top:10px; height:30px; float:left;}
#probox ol li{width:736px; height:20px; float:left; text-align:center;}
#probox ol li a{color:#000; font-size:12px;}
#probox ol li a:hover{color:#F00;}








































