html {
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #C1C1BB;
scrollbar-highlight-color: #C1C1BB;
scrollbar-3dlight-color: #EBEBE4;
scrollbar-darkshadow-color: #EBEBE4;
scrollbar-track-color: #F4F4F0;
scrollbar-arrow-color: #CACAB7;
}
body{font-size:12px; font-family:Verdana,宋体;margin: 0px auto;height: auto;background:#fff;text-align:center;}
*{margin:0; padding:0; list-style:none;}
div,form,img,ul,ol,li,dl,dt,dd{border:none;}
td {font-size:12px; line-height: 140%;}
#content:after, #header:after, #nav:after, #footer:after,.columnLeft:after,.line4:after,.b1:after, .b1bg:after,.o1:after
{padding:0px;content:'.';display:block;clear:both;visibility:hidden;height:0;}
#content, #header, #nav, #footer, .columnLeft,.line4, .b1,.b1bg, .o1{height:1%;}
a {color:#68AA3B; text-decoration:underline;}
a:hover {color:#438C0D; text-decoration:none;}
a:visited {color:#559D20; text-decoration:none;}
h2 a{color:#36A200; text-decoration: none; }
h2 a:hover{color:#36A200; text-decoration: underline;}
/*水平条效果的CSS定义
BORDER-BOTTOM-STYLE: dotted;BORDER-LEFT-STYLE: dotted;BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted;
height:1; width:100%;align:left; color:#86BCD4; Shade:no;
水平条虚线效果定义 border:1px dashed #86BCD4; height: 1; */
hr {border:1px dotted #cccccc; height:1;clear:both;}
/*↓网站头部，包含网站的logo和站名font: bold 9pt 宋体;*/
#header { width:778px;height:80px; margin:0px auto 2px;clear:both;
background: url(../images/2_r01_c12.jpg) repeat-x top left #F6FBFE;}
#headerlogo {float:left; padding:15px 8px 8px 20px;}
#headerlogin {
float:right;width:500px;color: #8f8f8f; padding-right:20px; margin-top:15px;text-align: right;
}
/*↓顶部一级菜单栏导航开始*/
#nav {clear:both;width:776px!important; width /**/:778px;height: 27px; line-height: 27px; clear:both; margin:0 auto;
background: url(../images/2_r07_c05.jpg) repeat-x top left #DBF1FC;
border:1px solid #83BBD9;text-transform: uppercase; overflow: hidden; text-align:left;}
#nav ul{list-style:none;display: inline;}
#nav li{float:left;margin-left:15px;padding-left:15px;background: url(../images/2_r07_c03.jpg) no-repeat top left; }
#nav a{color: #0170B7;text-decoration: none;}
#nav a:hover{color: #003A9A;text-decoration: underline;}
#nav .none { padding-right: 0; margin-right: 0; background: none; }
/*↑顶部导航结束*/
/*↓广告横幅开始*/
#banner {width:778px; height:120px; margin:1px auto 4px; vertical-align: middle; background:#AFC0CC;}
#banner img {display:block;}
/*IE6下为什么图片下方有空隙产生:可以设置父容器的字体大小为零，font-size:0或者定义img 为display:block
或者定义vertical-align属性值为vertical-align:top | bottom |middle |text-bottom
*/
/*↓内容页面整体设置content/container/ Main Navigation display: inline;display: block;clear:both; */
#content {width:778px; text-align:left; margin:0 auto;background:#fff;}
#contentbg {width:778px; float:left; margin:0 auto;background:url(../images/bgleft.jpg) #F0F8FF repeat-y;}
#container {width:778px; text-align:left; margin:0 auto;background:url(../images/bgleft.jpg) #fff repeat-y;}
/**/
#wrapper{width:778px; text-align:left; margin:0 auto;background:url(../images/bgleft.jpg) #fbfef4 repeat-y;}
/*页面主体*/
#mainIndex, #main{background:#fff;float:right;width:574px; text-align:left; vertical-align:top;}
/*侧栏sidebar/width:198px!important; width /*:200px;*/
#sidebar{background:#fff;float:left; width:198px; text-align:left; vertical-align:top;}
#sidebar a{color:#1D80E0; text-decoration:none;}
#sidebar a:visited {color:#1D58B1; text-decoration:none;}
#sidebar a:hover{color:#005FBC; text-decoration:underline;}
/*↓用户登陆开始*/
.userlogin { padding:8px; color:#000; }
.userlogin label{ color:#000; }
.userlogin p { padding:5px 0; margin:0px;}
.userlogin img{float:right;margin-bottom:5px; margin-right:10px}
.userlogin div{ padding:4px 0;}
.userlogin li{line-height:22px;height:22px;text-align:right;}
.userlogin span{ float:right; width:110px;text-align:left; margin-left:8px;}
.username,.password {
border:1px solid; border-color: #1E668E #A2BFCF #A2BFCF #1E668E;background:#E8E8E8;
color:#000; width:90px!important;width /**/:110px; height:22px; margin-left:6px; padding-left:18px; line-height:20px;}
.username { background: url(../images/v3_login.gif) #F5F5F5 no-repeat 0px 2px;}
.password { background: url(../images/v3_password.gif) #F5F5F5 no-repeat 0px 2px;}
.forget a { color:#5B7C7C; padding:0; margin:0px;text-align:center;}
.imgbuttonlogin {float:left; margin-top:0px; margin-bottom:5px;margin-left:10px; }
.btnImg, .btnImgReg{
padding:1px 2px;font-size:12px; border:1px #FFDC62 solid;margin-top:10px; cursor:pointer!important;cursor:hand;
background: url(../images/hs.gif) repeat-x center center;}
.enter{ text-align:center;}
input.solidImgbg{
border:1px solid #96DBFF; height:24px; background: url(../images/btn_bg.gif);
padding:3px 3px 0px 5px; color:#333; cursor: hand;
}
input.buttonImg,input.buttonImgReg {
border: medium none; padding-top: 2px; margin: 0px 2px;font-size: 12px; background: url(../images/buttonGreen.gif);
width:66px; height: 24px; cursor: hand; color: #fafafa;
}
input.buttonImgReg { color: #DBFF6F; }
input.btnImg_reg {
border-top: #fefefe 2px solid; font-size: 12px; background: url(../images/btn_reg_bg.gif);
border-left: #fefefe 2px solid; width: 73px; cursor: hand; height: 27px;padding-top: 3px;
}
/*用户新注册*/
.userReg{ font-size:14px; padding:10px; color:#000; margin:auto;text-align:center;}
.userReg div { margin-bottom:10px;}
.userReg span{ font-size:12px; color:#f00; height:25px;line-height:25px;}
.inputtext{
border:1px solid; border-color: #1E668E #A2BFCF #A2BFCF #1E668E;background:#E8E8E8;
color:#000; width:160px!important;width /**/:200px; height:22px; margin-top:5px; padding-left:2px; line-height:20px;}
.regInput {
border:1px solid; border-color: #1E668E #A2BFCF #A2BFCF #1E668E;background:#f9f9f9;
color:#000; height:22px; line-height:22px; padding-left:2px;}
/*↓主体左栏目*/
.columnLeft{ float:left; border:1px solid #AACCEE; width:384px; height:auto; margin-bottom:5px; margin-right:3px;}
.columnLeft p,.columnRight p {color:#555; padding:5px 10px; margin:0; line-height:160%;}
.columnLeft img {padding:3px 4px 0px 0; display:block; margin:0 5px 4px 0px;float:right;}
/*↓主体右栏目*/
.columnRight{ float:right; border:1px solid #AACCEE; width:384px; height:auto; margin:0px 0px 5px 3px;}
.columnRight img {padding:3px 4px 0px 0; margin:0 5px 4px 0px;float:right;}
/*↑设置图片标签img {margin:0 auto;} ，就犯了一个小错误，img类于内联对象，
不可以设置图片img标签的margin属性，如果一定想要设置，那么首先要将它的属性转变为块元素，
如代码：img {display:block; margin:0 auto;}*/
.listProducts{}
.listProducts ul{list-style:none; padding:2px 0;margin-bottom:3px;}
.listProducts li{clear:both;background:url(../images/v3_r26_c02.gif) 16px 0px no-repeat; text-align:left;
padding:0 0 0 30px; margin-top:3px;}
.listProducts .spancolor{ color:#0068D3;}
.listProducts .padding{ padding-left:24px;}
.listProducts a{color:#71B742;text-decoration:underline; }/*#4CB300*/
.listProducts a:visited{color:#4CB300;text-decoration:underline;}
.listProducts a:hover{color:#438C0D;text-decoration:none;}
/**/
.line4 {background:#fff; color:#666; margin:0px 0px 5px 0; padding:10px; border:1px solid #AACCEE; clear:both;}
.line4 p{margin:0; padding:4px 0; line-height:160%; text-indent:1px;}
.line4 h2{margin-bottom:10px; padding:0 0 0 18px; font-size:14px; font-weight:bold; color:#000;
background:url(../images/dianGreen.gif) no-repeat left 28%; }
.line4 h3{margin-bottom:1px; padding:0 0 5px 18px; font-size:12px; font-weight:bold; color:#369;
background:url(../images/dyBlue.gif) no-repeat left 28%;border-bottom:1px #D0D9E0 solid; }
.line4 h4{margin:0; padding:0 0 0 18px; font-size:12px; font-weight:bold; color:#693;
background:url(../images/sanjiao.gif) no-repeat left 28%; }
.line4 ul{padding:2px 0;margin-left:15px;line-height:160%;}
.line4 li{list-style-type:none;padding:2px; }
.line4 .right {padding:0px; float:right; margin:0px; }
/*网站底栏*/
#footer{clear:both; width:776px!important; width /**/:778px; margin:0px auto;height:100px;border:1px #D0D9E0 solid;background:#fff;}
.footerNav{ border-top:2px #D0D9E0 solid; height:40px;line-height:25px;}
.footerNav ul{ /*width:480px;*/ margin-top:5px; text-align:center;}
.footerNav li{ color:#CBCBCB; margin-right:10px;margin-left:10px;}
.footerNav li a{color: #0170B7;text-decoration: none;}
.footerNav li a:hover{color: #003A9A;text-decoration:underline;}
/*版权信息*/
#copyright{clear:both;color:#999;}
#copyright a{color:#999;text-decoration:none;}
#copyright a:hover{color:#ccc;text-decoration:underline;}
/*图片定位*/
.imgleft{float:left; margin:0 5px 5px 0; }
.imgright{float:right; margin:5px;}
/**/
#n{clear:both; background:#E8CA78; height:3px;overflow:hidden;}
/*为什么无法定义1px左右高度的容器,IE6下是因为默认的行高造成的，解决的方法也有很多，
例如：overflow:hidden | zoom:0.08 | line-height:1px*/
#n li{float:left; font-weight:bold; text-align:center; height:25px;line-height:25px; margin:1px 5px 0px 5px;display: block;}
#n li a,#n li a:hover{color:#FFF; text-decoration: none;}
#n li a:hover{color:#DFF;}
.b1 h1,.b1 h2,.b1bg h2, .o1 h2, .o1 li, .b1 thead, .b1 td, .b2 li,.columnLeft h2,.columnRight h2{height:25px;line-height:25px;}
.b1 {border:1px solid #AACCEE; margin-bottom:5px;clear:both; background:#fff; }
.b1 h2, .b1bg h2, .o1 h2, .columnLeft h2,.columnRight h2{font-size:14px; text-indent:1em; margin:0px 1px 0px 1px;}
.b1 h2,.b1bg h2,.columnLeft h2,.columnRight h2{background:#EEF6FC url(../images/bgtiaoBlue.jpg) repeat-x left top;color:#145EA6; border-bottom:1px solid #CAE1F3;}
.b1bg {border:0px solid #AACCEE; margin-bottom:5px;clear:both; background:#EAF4FB; }
.blockline4 { width:236px!important; width /**/:246px; height:120px!important; height /**/:117px; border:1px #89D4F8 solid; margin:5px;background:#fff; float:left;}
.blockline4 h3 {font-size:12px; color:#07519A;}
.blockline4 h3 a {color:#074B9F; text-decoration: none;}
.blockline4 h3 a:hover {color:#317BAF; text-decoration: underline;}
.blockline4 li {line-height:22px;height:22px; overflow:hidden;text-overflow:ellipsis;}
.block3 {width:242px; border:0px #89D4F8 solid; margin-right:1px; float:left; padding:15px 0 15px 15px;}
.block3 h3 {background: url(../images/dyYellow.gif) no-repeat left top; font-size:12px; text-indent:1em;font-weight:normal;}
.block3 li {line-height:25px;height:25px; overflow:hidden;text-overflow:ellipsis;}
/*↓没用上o1 start*/
.o1{border:1px #E8CA78 solid; background:#FFFEFA;margin-bottom:5px;}
.o1 h2{background:url(../images/v3_bgtiao_greenhao.gif) repeat-x; color:#ff8400;}
.o1 ul{ list-style-position: inside;margin:10px 0 }
.o1 li{ padding-left:3px;margin-left:25px;display:list-item; list-style-type: disc;}
.o1 a{color:#00f; text-decoration: underline;}
.o1 a:hover{color:#00f; text-decoration: none;}
.o2{height:25px;}
/*↑没用上o1 end*/
/*↓域名价目表*/
.prolist{padding:8px;}
.prolist li{background:url(../images/jg.gif) no-repeat 0 30%; height:25px;line-height:25px;text-align:left;padding-left:15px;}
.prolist span{ float:right; width:85px;text-align:left; margin-left:3px; color:#000;}
.prolist .z2{float:right;width:168px;}
.prolist .z2 li{font-size:14px;font-weight:bold;}
/**/
.b1 li,.o1 li,.b2 .tu{overflow:hidden;text-overflow:ellipsis;}
.b1 table{width:92%;}
.b1 thead{font-size:12px;background:url() repeat-x;color:#0075B5;}
/*.b1 th{border-left:1px #FFF solid;}*/
.b1 td{line-height:120%;}
/*↓width:80px;height:85px;*/
.b2 {padding:8px; line-height:160%;}
.b2 .tu{float:right;margin-right:1px;}
/*↓产品介绍左中右列*/
.b2 .proPic{width:140px; float:left; margin-right:4px; text-align:center;}
.b2 .proPic p{padding-top:5px;}
.b2 .proTxt p{padding-top:5px;}
.b2 .proTxt{width:350px;float:left; line-height:160%;padding-left:5px;}
/*↓销售部联系左右列start*/
.b2 .z1{width:275px; background:#fff; line-height:160%;}
.b2 .y1{width:275px; background:#fff; float:right;}
.b2 .z1 p,.b2 .y1 p{margin:5px 0 10px;}
.b2 .z2 li{font-size:14px;font-weight:bold;}
.b2 h3{font-size:14px;font-weight:bold;}
/*↑销售部联系左右列end*/
.b3{padding:8px; line-height:150%;color:#333;}
.b3 p{line-height:160%; padding:3px 5px; text-indent:2em;}
.b3 h3{margin-bottom:5px; padding:3px 0 5px 18px; font-size:12px; font-weight:bold; color:#369;
background:url(../images/dyBlue.gif) no-repeat 5px 40% #fff;border-bottom:1px #D0D9E0 solid; }
.b3 h4{margin:0; padding:0 0 0 18px; font-size:12px; font-weight:bold; color:#693;
background:url(../images/sanjiao.gif) no-repeat 5px 40%; }
.b3 h5{margin:0; padding:0 0 0 18px; font-size:12px;}
.b3 h6{margin:0; padding:0 0 0 1px; font-size:12px;}
.b3 .more{float:right;display:block;height:25px;line-height:25px;}
.b3 .more span{padding:4px 5px 5px 20px; background:url(../images/v3_r28_c13.gif) 0px 3px no-repeat;}
.marginTop{margin:15px 0 0 0;}
.listpadding{margin:1px 0 0 20px;}/*
.b3 li{ color:#666; line-height:21px; background:url(../images/v3_r26_c02.gif) no-repeat 0 2px; padding:0 0 0 15px;}
.b3 li a{color:#00c;text-decoration:underline;}
.b3 li a:hover{color:#00f;text-decoration:none;}
*/
.list2l ul {float:left;width:100px;color:#666;}
.list2l li{list-style-type:none; padding:0 0 2px 14px; background:url(../images/v3_r26_c02.gif) 0px 3px no-repeat;}
.list2l li a{color:#444444; text-decoration:none;}
.list2l li a:hover{color:#444444; text-decoration:underline;}
.list ul {float:left;color:#666;}
.list li{list-style-type:none; padding:2px 0 0px 14px; background:url(../images/v3_r26_c02.gif) 0px 3px no-repeat;}
.list li a{color:#444444; text-decoration:none;}
.list li a:hover{color:#444444; text-decoration:underline;}
.b3 .sidebarNav ul{margin:0 4px 4px 0;}
.b3 .sidebarNav li{list-style-type:none; padding:5px 0 5px 20px;
background:url(../images/dian_2.gif) 10px 40% no-repeat;border-bottom:1px solid #AACCEE;}
.b3 .sidebarNav li span{color:#999; float:right;}
.b4{padding:8px; line-height:140%;border-collapse:collapse;}
.b4 p{padding:5px 0 10px; line-height:160%;}
.b4 h4 {font-size:14px; color:#36A200;margin-bottom:1px; }
.b4 h4 span {font-size:12px; color:#36A200;font-weight:normal;}
.b5 div{height:300px;}
.b5 span{float:right;}
.bh {height:213px!important; height /**/:233px;}
.b1 .e{background:#ECFBFF;text-align:right;height:25px;padding-right:10px;}
.o1 .e{background:#FFFBE2;text-align:center;height:25px;padding-top:4px;}
.o1 .reg{background:#FFFBE2; text-align:center; height:25px; padding-top:4px; font-size:14px; font-weight:bold; color:#ff8400;}
#products ul{background:#fff;
margin:0px;
padding:0;
}
#products li {
width:150px;
height:140px;
float:left;
margin-left:28px;
display:inline;
}
#products li a {
display:block;
}
#products li a img {
border:1px solid #ccc;
padding:1px;
}
#products li span a {
width:150px;
height:24px;
line-height:24px;
text-align:center;
/*链接是块元素，设置文字超出宽度154px的时候，自动的隐藏，并且在IE中可以实现省略号的效果，
在#products li span a增加以下代码：*/
white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden;}
.table{
border-collapse:collapse;/*text-align:center;*/
}
.table td{
border:solid 1px #d7d7d7; margin:2px; padding:5px; line-height:150%;
}
.table th{
border:solid 1px #d7d7d7; margin:2px; padding:1px 1px 1px 5px; background:#99cc33;
}
/*spancolortxt*/
.tBlue{color:#437BB4}
.tGreen{color:#690}
.tOrange{color:#f60}
.tYellow{color:#fa0}
.tRed{color:#f00}
.tGray{color:#ccc}
.tRight{text-align: right; }
.hidden {
display: none;
}
.dashed {clear:both;
padding:8px;
margin:8px;
border:#ccc dashed 1px;display:block;
}