@CHARSET "UTF-8";
*{
	margin:0px;
	padding:0px;
}
body{
    margin:0px;
    padding:0px;
	font-size:12px;
	font-family:'Arial';
	line-height:15px;
	color:#000;
	text-align:center;
    line-height:20px;
    background:#42B4CE url(../images/body_back.jpg) repeat-x left top;
}
p{
	margin:5px 0px;
}
a{
	color:#333;
	text-decoration:none;
}
a:hover{
	color:#FF0000;
	text-decoration:underline;
}
img{
	display:block;
	border:none;
}
#floThumb1, #floThumb2{
    z-index:500;
}
#main{
	width:950px;
	margin:0px auto;
    background:#7AC5D8 url(../images/content_back.jpg) repeat-x left 130px;
}

#header{
	float:left;
	width:950px;
	background:url(../images/head_back.jpg) repeat-x left top;
	height:auto!important;
	min-height:100px;
	height:100px;
}
#webTitle{
	float:left;
}
#hThumb{
    float:right;
    width:500px;
    overflow:hidden;
}
#menu{
	float:right;
    padding-left:30px;
    width:920px!important;
	width:950px;
    height:30px;
    line-height:30px;
    font-family:'黑体';
    font-size:14px;
    list-style:none;
    background:url(../images/menu_back.jpg) repeat-x left top;
}
#menu li{
    position:relative;
	float:left;
	padding:0px 25px;
	background:url(../images/menu_line.jpg) no-repeat left center;
}
#menu li a{
    color:#fff;
}
#menu li a:hover{
    text-decoration:none;
    color:#ff0000;
}
#menu .menuChdl{
    display:none;
    position:absolute;
    left:0px;
    top:30px;
    width:800px;
    text-align:left;
    font-family:'宋体';
    font-size:12px;
    line-height:28px;
}
#menu .menuChdr{
    display:none;
    position:absolute;
    right:0px;
    top:30px;
    width:800px;
    text-align:right;
    font-family:'宋体';
    font-size:12px;
    line-height:28px;
}
#menu .menuChdl a, #menu .menuChdr a{
    color:#000;
    padding:0px 10px;
}
#menuChild{
    list-style:none;
    float:left;
    width:948px;
    height:28px;
    line-height:28px;
    border:1px solid #999;
    background:url(../images/child_menu_back.jpg) repeat-x left top;
}
.floatDiv{
    /* 横向层浮动容器 */
    float:left;
    display:inline;
    margin-top:10px;
    margin-left:10px;
    width:950px;
}
#copyRight{
    clear:both;
    padding:10px;
    line-height:20px;
    font-size:12px;
    font-weight:normal;
    background:#153373;
    color:#fff;
}
#copyRight a{
    color:#fff;
}
#qqDiv{
    padding-left:55px;
    background:url(../images/qq_pic.gif) no-repeat left center;
}
.qqOnline{
    padding:2px 10px 2px 0px;
}
/***************** 首页CSS ********************************/
#userThumb{
    float:left;
    display:inline;
    margin-top:10px;
    margin-left:10px;
    width:932px;
    background:#e8e8e8;
}
#memLeft{
    float:left;
    width:230px;
	height:218px;
	background-image:url(../images/login-bg.jpg);
}
#member{
    margin:10px;
}
#member h2{
    height:28px;
    line-height:28px;
    margin-bottom:5px;
    padding-left:10px;
    text-align:left;
    font-size:12px;

    border:1px solid #C0CAE3;
}
#memberDiv{
    padding-left:20px;
    text-align:left;
    height:90px;

}
#memberDiv label, #memberDiv input{
    margin-top:10px;
    height:15px;
    line-height:15px;
}
#memberDiv input{
    width:105px;
    border:1px solid #666;
}
#memberDiv .userButton{
    float:left;
    margin-right:15px;
    width:auto;
    height:20px;
    line-height:20px;
    padding:0px 2px;
    cursor:pointer;

    border:1px solid #666;
}
#onlineUse{
    margin:0px 10px;
    text-align:left;
    line-height:22px;

}
#onlineUse div a{
    color:#ff0000;
}
#onlineUse h2{
    position:relative;
    margin-top:10px;
    height:20px;
    line-height:20px;
    font-size:12px;
    padding-left:10px;
    border-bottom:1px solid #90AABB;
}
#onlineUse .more{
    position:absolute;
    right:5px;
    top:0px;
    font-weight:normal;
}
#mainThumb{
    float:left;
}
#indexNews{
    float:left;
    width:230px;
    text-align:left;
}
.modelTitle{
    position:relative;
    margin:0px 10px 5px 10px;
    padding-left:20px;
    font-size:12px;
    height:25px;
    line-height:25px;
    border-bottom:1px solid #7DA1BB;
    background:url(../images/dot1.gif) no-repeat left center;
}
.modelTitle2{
    position:relative;
    margin:0px 20px 10px 20px;
    padding-left:30px;
    font-size:12px;
    height:25px;
    line-height:25px;
    border-bottom:1px solid #7DA1BB;
}
.more{
    position:absolute;
    right:0px;
    top:0px;
    font-weight:normal;
}
#indexNews ul{
    list-style:none;
    padding:0px 10px;
}
#indexNews li{
    padding-left:10px;
    line-height:30px;
    background:url(../images/dot2.gif) no-repeat left center;
    border-bottom:1px dashed #e3e3e3;
}
#indexNews li a{
    color:#333;
}
#indexContent{
    float:left;
    width:700px;
    height:260px;
    background:#fff url(../images/about_back.jpg) repeat-x left bottom;
}
.piButtom{
    margin-left:1px;
    height:28px;
    line-height:28px;
    text-align:center;
    cursor:pointer;
    border:1px solid #C2CFF2;
    color:#17597C;
    background:url(../images/index_button.jpg) repeat-x left top;
}
.piOver{
    border-bottom:none;
    background:none;
}
.proTypeDiv{
    float:left;
    display:inline;
    display:none;
    margin-left:50px;
    margin-top:20px;
    width:600px;
    color:#333;
    text-align:left;
}
.proTypeIntro{
    float:left;
    width:380px;
}
.proTypeIntro h3 a{
    display:block;
    margin-top:10px;
    font-size:12px;
    font-weight:normal;
    color:#ff0000;
}
.proTypeImg{
    float:right;
}
#floatDiv3{
    float:left;
    display:inline;
    margin-top:20px;
    margin-left:10px;
    width:935px;
}
#flink{
    float:left;
    padding-bottom:10px;
    width:230px;
    text-align:left;
}
#flink ul{
    list-style:none;
    margin:10px 15px 0px 15px;
}
#flink li{
    padding-left:10px;
    line-height:25px;
    background:url(../images/dot2.gif) no-repeat left center;
}
.indeb{
    float:left;
    padding-bottom:10px;
    width:350px;
    text-align:left;
}
.indeb ul{
    list-style:none;
    margin:0px 10px 0px 55px;
}
.indeb #bor{
    background:url(../images/line3.gif) repeat-y right top;
}
.indeb ul li{
    line-height:25px;
    padding-left:15px;
    background:url(../images/dot2.gif) no-repeat left center;
}
.modelPic{
    position:absolute;
    left:-30px;
    top:-15px;
}
/************* title CSS ****************/
#childLeft{
    float:left;
    width:230px;
	padding:0;
	margin:0;
    overflow:hidden;


}
#childRight{
    float:left;
    display:inline;
    margin:0 0 0 10px;
	padding:0;
    width:690px;
    overflow:auto;

}
.titleName, .titleName2{
    height:28px;
    line-height:28px;
    margin-bottom:0px;
    padding:0px 10px;
    text-align:center;
    font-size:13px;
    color:#17597C;
    background:url(../images/index_button.jpg) repeat-x left top;
    border:1px solid #C0CAE3;
}
.titleName2{
    cursor:pointer;
}
.titleName2 a:link{
    text-decoration:none;
	font-size:13px;
    color:#17597C;
}
.titleName2 a:hover{
    text-decoration:none;
	font-size:13px;
    color:#17597C;
}
.titleName2 a:visited{
    text-decoration:none;
	font-size:13px;
    color:#17597C;
}
#typeUl{
    list-style:none;
    margin:0px 0px 1px 0px;
    text-align:center;
}
#typeUl li{
    padding:6px 10px 6px 10px;
    border-bottom:1px solid #C0CAE3;
    text-align:center;
}
.typeUlChild{
    display:none;
    list-style:none;
    margin:0px 0px 1px 0px;
    text-align:center;
}
.typeUlChild li{
    padding:6px 10px 6px 10px;
    border-bottom:1px solid #C0CAE3;
    text-align:center;
}
#childContent{
    float:left;
    display:inline;
    margin:5px 0 0 10px;
    padding:0 0 10px 0;
    width:940px;
}
#contactUl{
    list-style:none;
    margin-top:20px;
    padding:0px 10px;
    padding-top:60px;
    text-align:left;
    background:url(../images/contact.jpg) no-repeat left top;
}
#root{
    margin-top:5px;
    padding-right:10px;
    text-align:right;
    line-height:30px;
    background:#DAEFF3;
    border-bottom:1px solid #B9E0E8;
}
#root h1{
    float:left;
    font-size:12px;
    padding-left:35px;
    background:url(../images/dot5.gif) no-repeat 10px center;
}
.rootChild{
    padding-left:20px;
    background:url(../images/dot6.gif) no-repeat 7px center;
}
#contentDiv{
    padding:10px;
    height:auto!important;
    min-height:300px;
    height:300px;
    text-align:left;
    background:#F0F7FD;
}
#newsList{
    list-style:none;
}
#newsList li{
    margin-left:10px;
    padding:3px 10px 3px 20px;
    border-bottom:1px dashed #C0CAE3;
    background:url(../images/dot7.gif) no-repeat left center;
}
.newDate{
    float:right;
}
#page{
    padding-top:10px;
}
#jsButton{
    float:left;
    width:680px;
    padding-top:10px;
    text-align:right;
}
#jsButton a{
    float:right;
    margin-right:5px;
}
#newsTitle{
    text-align:center;
    font-size:16px;
    line-height:30px;
    border-bottom:1px solid #B9E0E8;
}
#newsMarket{
    padding:0px 10px;
    font-size:12px;
}
/*************************** products css *********************/
#proUl{
    list-style:none;
}
#proUl li{
    float:left;
    margin:0px 10px;
    padding:10px 0px;
    width:650px;
    border-bottom:1px solid #e3e3e3;
}
#proUl li img{
    float:left;
    border:3px solid #f3f3f3;
}
.proIntro{
    float:right;
    padding-left:10px;
    color:#444;
}
.proIntro h2{
    margin-bottom:10px;
    padding-left:10px;
    font-size:14px;
    background:url(../images/dot2.gif) no-repeat left center;
}
.showBig{
    float:right;
    margin-top:10px;
    height:25px;
    line-height:25px;
    padding-left:20px;
    background:url(../images/dot8.gif) no-repeat left center;
}
/******************** download css **************************/
.downType{
    margin-top:20px;
    padding-left:10px;
    font-size:12px;
    line-height:30px;
}
#downTable{
    font-size:12px;
    color:#000;
}
#downTab th{
    padding:5px 10px;
    color:#01717C;
}
#downTab td{
    padding:5px 10px;
}
#downTab .downTitle{
    padding-left:25px;
    background:url(../images/dot2.gif) no-repeat 10px; center;
}
#downTab .downIntro{
    padding:5px 10px 10px 10px;
    color:#666;
    background:#fff;
}
#downTab .downs{
    padding-left:15px;
    background:url(../images/dot9.gif) no-repeat left center;
}


/************************** feedback ******************************/
#showMsg{
    font-size:12px;
    text-align:left;
    border-top:1px solid #e3e3e3;
    border-left:1px solid #e3e3e3;
}
#showMsg td{
    padding:4px 10px;
    border-right:1px solid #e2e2e2;
    border-bottom:1px solid #e2e2e2;
}
.fedContent{
    color:#666;
}
.fedTitle{
    color:#000;
    background:url(../images/feedback.jpg) repeat-x left top;
}
#feedback{
    margin-top:10px;
    font-size:12px;
    text-align:left;
    padding:10px 0px;
    margin-bottom:10px;
    border-top:2px solid #006F7A;
    border-bottom:2px solid #006F7A;
}
#feedback td{
    padding:3px 10px;
    background:#f5f5f5;
    border-bottom:1px solid #ffffff;
}
#feedback th{
    width:80px;
    padding:3px 10px;
    font-weight:normal;
    text-align:right;
}
#loginTab{
    margin-top:30px;
    padding:10px;
    border:1px solid #bcccdf;
    width:300px;
}
#loginTab .Title{
    padding:0px 0px 0px 10px;
    font-weight:bold;
    line-height:25px;
    background:#DAEFF3;
}
#loginTab th{
    width:70px;
    font-weight:normal;
    padding:5px;
    text-align:right;
}
#loginTab td{
    padding:5px;
    text-align:left;
}
/*Lee dialog 1.0 http://www.xij.cn/blog/?p=68*/

#floatBoxBg{display:none;width:100%;height:100%;background:#000;position:absolute;top:0;left:0;}
.floatBox{border:#bcccdf 2px solid;width:300px;position:absolute;top:50px;left:40%;}
.floatBox .title{height:23px;padding:7px 10px 0;background:#000;color:#fff;border:1px solid #fff;}
.floatBox .title h4{float:left;padding:0;margin:0;font-size:14px;line-height:16px;}
.floatBox .title span{float:right;cursor:pointer;}
.floatBox .content{padding:20px 15px;background:#fff;}

/**************************************  Jquery 验证 CSS **********************************/
.onShow{padding:5px 0px 5px 25px; height:20px;line-height:20px;color:#999999;background:url(../images/reg1.gif) no-repeat left center; }
.onFocus{background:#E9F0FF url(../images/reg2.gif) no-repeat; padding:5px 0px 5px 25px; height:20px; line-height:20px;}
.onError{background:#FFF2E9 url(../images/reg3.gif) no-repeat; padding:5px 0px 5px 25px; height:20px; line-height:20px;color:#ff0000;}
.onSuccess{background:#E9FFEB url(../images/reg4.gif) no-repeat; padding:5px 0px 5px 25px; height:20px; line-height:20px;color:#999999}
.onLoad{background:#E9FFEB url(../images/loading.gif) no-repeat 3px 3px; padding:5px 0px 5px 25px ; height:20px; line-height:20px;}