body{font:9pt 宋体,Helvetica, sans-serif;color:#505050;text-align:center;margin:0px auto;text-align:center;background:urle(../Images/bg_body.gif) repeat-x;padding:0px;
background-color:#f0eded; width:1000px;}
a{text-decoration:none;color:#003366;}
a:hover{text-decoration:underline;color:#990000}
a:visited { text-decoration: none;}
li{list-style:none;}
td{font-family:verdana;}
input{font-family:verdana,arial;}
div{margin:0px auto;overflow:hidden;text-align:left;display:inline-block;}
span{display:inline-block;}

#top{
width:1000px;
background:url(../Images/bg_top.png) no-repeat;
}

#menu{
width:1000px;
background:url(../Images/bg_body.gif) repeat-x 0px -88px;
}
#menu li{
width:100px;
float:left;
padding-top:19px;
*padding-top:16px;
_padding-top:19px;
font-family:微软雅黑;
font-size:14px;
background:url(../Images/menu.png) 94px -52px no-repeat;
text-align:center;
height:38px;
_height:36px;
*height:38px;
border:0px solid;
cursor:pointer;}

#menu .now{
background:url(../Images/menu.png) 0px 3px no-repeat;
_background:url(../Images/menu.png) 0px 1px no-repeat;
*background:url(../Images/menu.png) 0px 1px no-repeat;
color:#fff;
font-size:18px;
width:106px;
padding-top:15px;
*padding-top:12px;
_padding-top:18px;
padding-bottom:1px;
cursor:default;
}

#menu .tel{
background:none;
float:right;
width:361px;
padding-top:8px;
cursor:default;}

#banner{
width:1000px;
margin-top:2px;
_margin-top:0px;
*margin-top:2px;
border:0px solid;
background:url(../Images/bg_body.gif) repeat-x 0px -149px;
}

.intmsg{
width:1000px;
margin:10px 0px;
}
.intmsg li{
text-align:left;
padding-top:8px;
float:left;}
.intmsg .title{
background:url(../Images/indexs.png) no-repeat;
width:81px;
height:23px;
color:#fff;
text-align:center;}
.intmsg .msg{
color:#777474;
margin-left:10px;
}
.intmsg .more{
float:right;}


#mainbox{
width:1000px;}

#mainbox .left{
float:left;
width:331px;
border:1px solid #ccc;
background:#fff;
border-bottom:0px;
}

#mainbox .left span{
float:left;
}

.leftbottom{
background:url(../Images/indexs.png) -23px -356px no-repeat;
height:20px;
float:left;
width:331px;

}

.ourcases{
width:331px;
height:30px;
background:url(../Images/indexs.png) -9px -110px;
padding-top:16px;
padding-left:36px;
border:0px solid;
float:left;
}

.ournews{
width:331px;
height:30px;
background:url(../Images/indexs.png) -9px -178px;
padding-top:16px;
padding-left:36px;
border:0px solid;
float:left;
}

.title1{
color:#FFFFFF;
font-size:14px;
font-weight:bold;
border:0px solid;}

.title2{
color:#333333;
font-size:14px;
font-weight:bold;
border:0px solid;}


.caselist{
border-bottom:1px dashed #ccc;
margin:0px 5px;
padding:14px 0px;
float:left;
width:88%;
padding-left:23px;
background:url(../Images/indexs.png) -139px 5px no-repeat;
}

.caselistnow{
border-bottom:1px dashed #ccc;
margin:0px 5px 0px 0px;
padding:14px 0px;
float:left;
width:100%;
padding-left:23px;
background:url(../Images/arrow_left.gif) 5px 13px no-repeat;
background-color:#FFE6D9;
font-weight:bold;
color:#990000;
}
.caselistnow a{color:#990000}




.newslist{
border-bottom:1px dashed #ccc;
margin:0px 5px;
padding:13px 0px;
*padding:15px 0px;
_padding:13px 0px;
float:left;
width:88%;
padding-left:23px;
background:url(../Images/indexs.png) -142px -34px no-repeat;
}

.newslist2{
border-bottom:1px dashed #d8d8d8;
margin:0px 5px;
padding:13px 0px;
*padding:15px 0px;
_padding:13px 0px;
float:left;
width:92%;
padding-left:10px;

}

.picnews{
padding-left:8px;
border:0px solid;
float:left;
padding-top:8px;
margin-bottom:0px;
}
.newslist .newstime{float:right;
display:inline-block;
color:#848080;}

.newslist .newstitle{float:left;
}
.picnews .newstitle{float:left;
}
.caselist a{color:#848080;}
.newstitle a{color:#848080;}
.moret{
margin-left:190px;}


#mainbox .right{
width:654px;
float:right;
border:1px solid #ccc;
background:url(../Images/line.gif) 0px -1px no-repeat;
background-color:#fff;
position:relative;
}

#mainbox .proleft{
float:left;
width:712px;
background:none;
}

.righttitle{
width:100%;
padding:10px 0px 5px 28px;
background:url(../Images/indexs.png) -134px -76px no-repeat;
font-size:14px;
margin-bottom:15px;
}

.productbox{
float:left;
width:305px;
margin:8px;
border:0px solid;}

.productbox .pic{
float:left;
background:url(../Images/bg_product.png) 2px 1px no-repeat;
width:132px;
height:160px;
border:0px solid;
padding:9px 0px 0px 8px;
position:relative;}

.productbox .demo{
float:left;
border:0px solid;
padding:14px 0px 0px 5px;
width:156px;}

.productbox .name{
height:30px;
border:0px solid;}

.productbox .con{
color:#999999;
line-height:18px;
border:0px solid;
height:90px;
}
.productbox .btn{
height:30px;
padding-top:6px;
border:0px solid;
}
.btn_buy{
width:80px;
height:24px;
border:none;
background:url(../Images/indexs.png) -231px -296px no-repeat;
cursor:pointer;
}
.btn_view{
width:64px;
height:24px;
border:none;
background:url(../Images/indexs.png) -191px -241px no-repeat;
cursor:pointer;
}

.newlabel{
width:47px;
height:51px;
background:url(../Images/indexs.png) -11px -238px no-repeat;
position:absolute;
right:4px;
top:5px;
}
.trylabel{
width:89px;
height:91px;
background:url(../Images/indexs.png) -102px -243px no-repeat;
position:absolute;
right:0;
top:0;
}

.middleline{
width:100%;
text-align:center;
margin:40px 0px 0px 20px;
}

.rightbottom{
width:658px;
height:27px;
background:url(../Images/bottom_rightbox.gif) -2px 0px no-repeat;}


#bottom{
width:100%;
background:url(../Images/botom.gif) repeat-x;
padding-top:20px;
margin-top:20px;
text-align:center;}

#bottom .msg{
width:1000px;
text-align:center;
line-height:25px;
color:#999999;
position:relative;
}

#bottom .msg .logo{
width:50px;
height:50px;
background:url(../Images/indexs.png) -294px -240px no-repeat;
position:absolute;
top:0;
left:130px;
}



#demobox{
width:997px;
background:url(../Images/newsbg.jpg) 1px 1px no-repeat;
padding-left:1px;
padding-top:1px;
border:1px solid #ccc;
background-color:#fff;}

#demobox .left{
float:left;
width:219px;}

#demobox .left li{
padding-top:19px;
width:220px;
height:37px;
background:url(../Images/leftbg.jpg) no-repeat;
font-size:14px;
border:0px solid;
text-align:center;
float:left;
}

#demobox .left .pic{height:auto;
padding-top:0px;
padding-bottom:0px;}

#demobox .left .now{
background:url(../Images/leftbg-now.jpg) no-repeat;
color:#fff;
font-weight:bold;}


#demobox .right{
width:730px;
border:0px solid #eaeaea;
float:right;
padding-top:30px;
margin-right:30px;}


#demobox .right .newsbox{
width:100%;
margin-top:35px;
}

#demobox .right .newstitle{
color:#006699;
font-size:14px;
padding-left:18px;
background:url(../Images/arrow.gif) no-repeat;
background-position:left center;
font-weight:bold;}

#demobox .right .newstime{
float:right;}

#demobox .right .newscon{
padding-top:5px;
color:#999;
line-height:25px;
border-bottom:1px solid #ccc;
margin-left:18px;
padding-bottom:20px;}


.pageclass1{
width:20px;
height:17px;
text-align:center;
background:url(../Images/page.gif) no-repeat;
color:#fff;
font-weight:bold;
padding-top:4px;
}

.pageclass2{
width:20px;
height:17px;
text-align:center;
background:url(../Images/page.gif) -30px 0px no-repeat;
color:#666;
padding-top:4px;
}


.bigfont{
color:#0066FF;
font-size:36px;
font-family:微软雅黑;}



.ptitle1{
width:704px;
height:57px;
background:url(../Images/title_product.gif) -10px 0px no-repeat;
border:0px solid;
}

.ptitle2{
width:704px;
height:57px;
background:url(../Images/title_product.gif) -10px -80px no-repeat;
border:0px solid;
}


.ptitle3{
width:704px;
height:57px;
background:url(../Images/title_product.gif) -6px -158px no-repeat;
border:0px solid;
margin-top:15px;
}

.procon
{
border:1px solid #0c7da8;
padding-top:20px;
line-height:27px;
color:#038299;}

.profunc
{
border:1px solid #0c7da8;
padding-top:20px;
padding-bottom:20px;
}

.protab{
width:100%;
background:none;
}

.protab li{
font-size:14px;
width:131px;
float:left;
padding-top:13px;
text-align:center;
height:19px;
margin-right:5px;
cursor:pointer;
}

.protab .commonli
{
background:url(../Images/protab.png) no-repeat 0px -67px;
color:#888;
font-weight:normal;
}

.protab .now{
background:url(../Images/protab.png) no-repeat;
color:#fff;
font-weight:bold;
}

.rightline{
background:url(../Images/right.gif) 25px 5px no-repeat;
font-family:微软雅黑;
font-size:14px;
padding-left:55px;
color:#555555;
margin-bottom:8px;}


.functionbox
{
border-bottom:1px dotted lightBlue;
background-position:bottom;
padding-bottom:20px;
width:95%;
margin-bottom:30px;}

.functionbox .pic{
float:left;
margin-left:25px;
_margin-left:0px;
}

.functionbox .con{
padding-left:15px;
border:0px solid;
float:left;
width:540px;}

.functionbox .con .title{
color:#0066FF;
font-size:14px;}

.functionbox .con .cn{
color:#999999;
font-size:12px;
padding-top:10px;
line-height:25px;}

.functionbox .func1{
width:58px;
height:55px;
border:none;
background:url(../Images/functions.gif) no-repeat;
}

.functionbox .func2{
width:58px;
height:55px;
border:none;
background:url(../Images/functions.gif) 0px -68px no-repeat;
}

.functionbox .func3{
width:58px;
height:55px;
border:none;
background:url(../Images/functions.gif) 0px -144px no-repeat;
}

#demobox .right .solutionTitle{
color:#999;
width:730px;
line-height:25px;
font-size:20px;
text-align:center;
font-weight:bold;
}

#demobox .right .solutionContent{
color:#999;
width:710px;
line-height:25px;
font-size:12px;
text-align:left;
padding:10px;}