/* CSS Document */

*{ margin:0; padding:0;}
body{ font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#d5d5d5;}
li,dt,dl,dd{ list-style:none; overflow:hidden;}
li{ list-style-type:none; list-style-position:outside;}
img{ border:none;}
p{ margin-top:15px;}
.clear{ clear:both;}

#container{ margin:0 auto 0 auto; width:980px; background:url(../images/backgorund-image.gif); padding:0 10px 0 10px;}
#header{ float:left; width:980px; background:url(../images/headerBg.gif); height:110px;}
#logo{ float:left; width:192px;}
#topSreach{ float:left; width:780px; padding-top:20px; text-align:right; color:#006699; font-weight:bold;}
#topSreach td{ vertical-align:middle; line-height:18px;}
#topSreach select{ font-size:11px; color:#006699;}
#topSreach input{ font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:2px; height:12px; width:180px;}

#navTag{ float:left; width:780px; margin-top:25px;}

#nav{ float:left;}
#nav li{ float:left; padding-right:20px;}
#nav li a{ color:#000000; text-decoration:none; font-size:14px; font-weight:bold; display:block; background:url(../images/ico_1.gif) right 5px no-repeat; padding-right:15px;}
#nav ul{ float:left; position:absolute; left:-9999em; border:#003366 1px solid; border-bottom:none; background:#FFFFFF; width:120px; margin:0 0 0 -1px;}
#nav li li{ float:left; width:140px; padding:2px 0 2px 10px; border-bottom:#003366 1px solid; font-size:12px; margin-right:0; background:url(../images/ico_3.gif) right 8px no-repeat; line-height:20px;}
#nav li li a{ font-size:12px; background:none; font-weight:normal;}
#nav ul ul{ margin:-20px 0 0 135px;}

#nav li:hover ul ul,#nav li.sfhover ul ul{left:-9999em;}
#nav li:hover ul ul ul,#nav li.sfhover ul ul ul{left:-9999em;}
#nav li:hover ul,#nav li li:hover ul,#nav li.sfhover ul, #nav li li.sfhover ul{left:auto;} /* 所有弹出菜单自动左边距 */
#nav li:hover ul ul ul,#nav li li li:hover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul{left:auto;} /* 所有弹出菜单自动左边距 */
#nav ul li:hover,#nav ul li.sfhover{ background:#BDE4EA}

#indexContact{ float:left; width:980px; text-align:right;}

#indexBanner{ float:left; width:980px;}

#indexMain{ float:left; width:960px; margin:14px 10px 0 10px!important; margin:14px 5px 0 5px;}

#footer{ float:left; width:960px; margin:14px 10px 0 10px!important; margin:14px 5px 0 5px; background:url(../images/footerLine.gif) top no-repeat; padding:10px 0 20px 0; line-height:18px; text-align:right;}

#indexMainLeft{ float:left; width:280px;}
#indexProductCata{ float:left; width:280px; height:180px;}
#indexProductCata #title{ float:left; width:270px; background:url(../images/titleBg_1.gif); color:#007dc0; font-weight:bold; height:25px; line-height:25px; padding-left:10px;}
#indexProductCata #mainTd{ float:left; width:280px;}
#indexProductCata #mainTd #img{ float:left; width:90px; height:90px; padding:10px;}
#indexProductCata #mainTd #ul{ float:left; width:160px; margin-top:10px;}
#indexProductCata #mainTd #ul ul{ float:left; width:160px;}
#indexProductCata #mainTd #ul ul li{ float:left; width:160px; line-height:18px;}
#indexProductCata #mainTd #ul ul li b{ font-weight:normal; color:#FF9900;}
#indexProductCata #mainTd #ul ul li a{ color:#333333; text-decoration:none;}
#indexProductCata #mainTd #ul ul li a:hover{ color:#006699;}

#indexService{ float:left; width:280px; height:180px; margin-top:10px;}
#indexService .title{ float:left; width:270px; background:url(../images/titleBg_1.gif); color:#007dc0; font-weight:bold; height:25px; line-height:25px; padding-left:10px;}
#indexService .mainTd{ float:left; width:280px;}
#indexService .mainTd .img{ float:left; width:90px; height:90px; padding:10px;}
#indexService .mainTd .ul{ float:left; width:160px; margin-top:10px;}
#indexService .mainTd .ul ul{ float:left; width:160px;}
#indexService .mainTd .ul ul li{ float:left; width:160px; line-height:18px;}
#indexService .mainTd .ul ul li b{ font-weight:normal; color:#FF9900;}
#indexService .mainTd .ul ul li a{ color:#333333; text-decoration:none;}
#indexService .mainTd .ul ul li a:hover{ color:#006699;}

#indexMainRight{ float:right; width:669px;}
#indexProductTj{ float:left; width:669px; height:200px;}
#indexProductTj .title{ float:left; width:669px;}
#indexProductTj .mainTd{ float:left; width:660px; margin-top:10px; height:150px; overflow:hidden;}
#indexProductTj .mainTd ul{ float:left; height:150px;}
#indexProductTj .mainTd ul li{ float:left; width:133px; height:130px;}
#indexProductTj .mainTd i{ float:left; width:133px; text-align:center;}
#indexProductTj .mainTd i img{width:90px; height:90px;}
#indexProductTj .mainTd b{ float:left; width:110px; margin:5px 10px 0 10px!important; margin:5px 5px 0 5px; text-align:center; font-weight:normal; line-height:14px;}
#indexProductTj .mainTd b a{ color:#333333; text-decoration:none;}
#indexProductTj .mainTd b a:hover{ color:#006699;}
#indexProductTj .bl1{ color:#666666; font-size:12px;}
#indexProductTj .bl2{ color:#CC0000; font-size:12px;}

#indexNewList{ float:left; width:629px; height:140px; background:url(../images/indexNewsBg.gif) no-repeat; padding:20px;}
#indexNew{ float:left; width:470px;}
#indexNew ul{ float:left; width:470px;}
#indexNew ul li{ float:left; width:465px; background:url(../images/ico_5.gif) bottom repeat-x; overflow:hidden; padding:5px 0 5px 5px;}
#indexNew ul li a{ color:#666666; text-decoration:none;}
#indexNew ul li a:hover{ color:#006699;}
#indexNew ul li i{ color:#999999; font-style:normal;}
#indexCase{ float:right; width:150px; text-align:right; background:url(../images/line_1.gif) left no-repeat;}

.indexFriend{ float:left; width:970px; margin-top:15px; padding-left:5px;}
.indexFriend .title{ float:left; width:970px;}
#indexFriendTd{ float:left; width:960px; background:url(../images/indexFriendBg.gif); height:82px; margin-top:5px; margin-left:5px!important; margin-left:3px;}
#friendTd{ float:left; width:960px; height:82px; overflow:hidden;}
#friendTd ul{ float:left; width:960px;}
#friendTd ul li{ float:left; padding:12px; width:135px; height:58px;}
#friendTd ul li img{ width:135px; height:58px;}

#companyMain{ float:left; width:970px; padding:15px 5px 0 5px;}
#yourPost{ float:left; width:960px; background:url(../images/yourPostBG.gif); height:26px; color:#FFFFFF; padding:5px 5px 0 5px;}
#yourPost b{ float:left;}
#yourPost i{ float:right; padding-left:15px; background:url(../images/h.gif) 0px 3px no-repeat; font-style:normal;}

#companyTd{ float:left; width:970px; margin-top:10px;}
#companyTd #menu{ float:left; background:url(../images/menuBg.gif); width:220px;}
#companyTd #menuBottom{ float:left; width:220px; background:url(../images/menuBg_2.gif) bottom no-repeat; height:61px;}
#companyTd #menuTd{ float:left; width:220px;}
#companyTd #menuTd ul{ float:left; width:210px; padding-left:10px;}
#companyTd #menuTd ul li{ float:left; background:url(../images/menuBtn.gif); width:170px; height:24px; padding:9px 0 0 30px;}
#companyTd #menuTd ul li a{ color:#333333; text-decoration:none;}
#companyTd #menuTd ul li a:hover{ color:#006699;}

#companyTd #menu table{ float:left; margin-top:20px; margin-left:20px!important; margin-left:10px;}
#companyTd #menu table td{ padding:2px;}
#companyTd #menu select{ font-size:11px; color:#999999;}
#companyTd #menu input{ width:178px; font-size:12px; color:#333333;}

#companyContent{ float:right; width:730px; background:url(../images/img_1.gif) right no-repeat; line-height:20px; color:#666666;}
#companyContent h1{ font-family:"幼圆"; font-size:14px;}

#AritcleList{ float:right; width:730px;}
#AritcleList ul{ float:left; width:700px;}
#AritcleList ul li{ float:left; width:680px; padding:5px 10px 5px 10px; border-bottom:#e0e0e0 1px solid; color:#006699;}
#AritcleList ul li a{ color:#333333; text-decoration:none;}
#AritcleList ul li a:hover{ color:#006699;}
#AritcleList ul li i{ font-style:normal; color:#999999; font-size:11px;}

#AritcleList #page{ float:left; width:700px; font-size:12px; color:#333333; text-align:center; margin-top:20px; font-weight:normal;}
#AritcleList #page a{ color:#333333;}
#AritcleList #page a:hover{ color:#333333;}

#Article{ float:right; width:700px; margin-right:30px!important; margin-right:15px;}
#Article #ArticleTitle{ float:left; width:700px; text-align:center;}
#Article #ArticleTime{ float:left; width:700px; margin-top:10px; border-top:#e0e0e0 1px solid; padding-top:5px; text-align:center; color:#666666;}
#Article .ArticleContent{ float:left; width:700px; line-height:20px; margin-top:20px;}

#case{ float:left; width:960px; background:url(../images/CaseBgLine.gif); padding-left:5px;}
.caseLi{ float:left; width:320px; height:155px;}
.CaseImg{ float:left; width:157px; height:100px; background:url(../images/CaseBg.gif); margin-top:20px; padding:6px 0 0 6px;}
.CaseContent{ float:left; width:140px; margin-left:10px; margin-top:20px;}
.CaseContent h1{ font-size:13px; font-family:"幼圆"; color:#333333; font-weight:normal;}
.CaseContent h2{ font-size:11px; color:#333333; font-weight:normal; margin-top:5px;}
.CaseContent h3{ display:block; line-height:16px; height:32px; overflow:hidden; width:140px; font-size:12px; color:#999999; font-weight:normal; margin-top:5px;}
.CaseContent h4{ margin-top:10px;}

#casePage{ float:left; width:960px; text-align:center; margin-top:20px;}
#casePage a{ color:#333333;}
#casePage a:hover{ color:#006699;}

.productList{ float:left; width:960px; background:url(../images/CaseBgLine.gif); padding-left:5px;}
.productLi{ float:left; width:320px; height:155px;}
.productImg{ float:left; width:157px; height:100px; background:url(../images/CaseBg.gif); margin-top:20px; padding:6px 0 0 6px; text-align:center;}
.productList .productContent{ float:left; width:140px; margin-left:10px; margin-top:20px;}
.productList .productContent a{ color:#666; text-decoration:none;}
.productList .productContent a:hover { color:red; text-decoration:none;}
.productList .productContent h1{ float:left; font-size:13px; color:#333333; font-weight:normal; width:140px; line-height:16px; height:16px; overflow:hidden;}
.productList .productContent h2{ font-size:11px; color:#333333; font-weight:normal; margin-top:5px;}
.productList .productContent h3{ float:left; line-height:16px; height:64px; overflow:hidden; width:140px; font-size:12px; color:#999999; font-weight:normal; margin-top:5px;}
.productList .productContent h3 .bl1{ font-size:12px; color:#666666;}
.productList .productContent h3 .bl2{ font-size:12px; color:#CC0000;}
.productList .productContent h4{ float:left; margin-top:10px;}

#productPage{ float:left; width:960px; text-align:center; margin-top:20px;}
#productPage a{ color:#333333;}
#productPage a:hover{ color:#006699;}

.caseInfo{ float:left; width:960px; background:url(../images/footerLine.gif) 10px bottom no-repeat; padding-left:5px; padding-bottom:20px;}
.caseInfoContent{ float:left; width:780px; margin-left:10px; margin-top:20px;}
.caseInfoContent .caseName{ float:left; width:780px;}
.caseInfoContent .caseName h1{ font-size:13px; font-family:"幼圆"; color:#333333; font-weight:normal;}
.caseInfoContent .caseName h2{ font-size:11px; color:#999999; font-weight:normal; margin-top:5px;}
.caseInfoCon{ float:left; width:780px; margin-top:10px; line-height:20px; color:#666666;}

.contact{ float:left; width:960px; padding:20px 5px 10px 5px;}
.contact .img{ float:left; width:300px;}
.contact .con{ float:left; margin-left:100px; width:500px; color:#666666; line-height:24px;}

#productContainer{ float:left; width:960px; margin:5px 10px 5px 10px!important; margin:5px;}
#productContainerLeft{ float:left; width:730px;}

#productBanner{ float:left; width:730px; margin-top:5px;}
#productYourPost{ float:left; width:710px; background:url(../images/yourPostLine.gif) bottom no-repeat; margin-top:10px; padding:0 10px 15px 10px; font-weight:bold;}
#productYourPost b{ color:#318ebb;}

#productContainerLeft .productContent{ float:left; width:710px; padding:10px; line-height:20px;}
#productCode{ float:left; width:730px; margin-top:20px;}
#productCode h1{ float:left; width:720px; font-size:12px; color:#006699; background:url(../images/codeTitle.gif); height:20px; padding:8px 0 0 10px;}
#productCode table{ float:left; width:730px; margin-top:20px;}
#productCode td{ padding:5px; color:#333333;}

#downloadBody{ float:left; width:970px; padding:15px 5px 0 5px;}
.downloadTd{ float:left; width:945px; margin:0 12px 0 12px!important; margin:0 6px 0 6px;}
.downloadTd h1{ color:#FF0000; font-size:12px; background:url(../images/footerLine.gif) bottom no-repeat; width:940px; float:left; padding:10px 0 5px 5px;}
.downloadTd h2{ float:left; width:935px; background-color:#F2F9F9; font-size:12px; padding:5px; color:#006699;}
.downloadTd ul{ float:left; width:905px; padding:20px;}
.downloadTd ul li{ float:left; width:300px; line-height:24px;}
.downloadTd ul li a{ color:#333333; text-decoration:none;}
.downloadTd ul li a:hover{ color:#CC0000;}

#consumeBody{ float:left; width:970px; padding:15px 5px 0 5px;}
#consumeTd{ float:left; width:970px;}
.consumeMenu{ float:left; width:220px; background:url(../images/leftBg.gif);}
.consumeMenu .title{ float:left; width:205px; background:url(../images/leftTitleBg.gif); height:20px; color:#FFFFFF; font-weight:bold; padding:13px 0 0 15px;}
.consumeMenu .MenuTd{ float:left; width:220px;}
.consumeMenu .MenuBottom{ float:left; width:220px;}
.consumeMenu .MenuTd h1{ float:left; width:180px; margin:10px 20px 0 20px!important; margin:10px 10px 0 10px; color:#999999; font-weight:normal; font-size:12px;}
.consumeMenu .MenuTd ul{ float:left; width:170px; margin:5px 20px 0 30px!important; margin:5px 10px 0 15px;}
.consumeMenu .MenuTd ul li{ float:left; width:170px; color:#999999; line-height:20px;}
.consumeMenu .MenuTd ul li a{ color:#006699; text-decoration:none;}
.consumeMenu .MenuTd ul li a:hover{ color:#666666;}
.consumeList{ float:right; width:730px; margin-top:5px;}
.consumeList table{ border-bottom:#e0e0e0 1px solid;}
.consumeList table td{ padding:5px;}
.consumeList table .img{ width:150px; text-align:center; padding-bottom:20px; padding-top:10px;}
.consumeList table .img img{ width:95px; height:80px;}


.services{ width:153px;}
.services img{ border:none;}
.ser_header{ float:left; width:153px; background:url(../images/header.gif); height:24px;}
.ser_body{ float:left; width:153px; background:url(../images/body.gif);}
.ser_main{ float:left; width:123px; background:url(../images/header1.gif) no-repeat; padding:20px 15px 5px 15px;}
.ser_bottom{ float:left; width:153px; background:url(../images/bottom.gif); height:20px;}
.ser_main div{ float:left; width:123px;}

.ser_header b{ float:left; font-size:12px; padding:5px 0 0 15px; color:#FFFFFF;}
.ser_header i{ float:right; padding-right:10px;}

.indexcontent{ float:left; width:630px; line-height:25px; background:url(../images/titlebg_2.gif); margin-bottom:10px; padding-left:30px;}