@charset "utf-8";
/* CSS Document */
h3{ background:url(../images/h3.gif) no-repeat left top; height:35px; margin:0px; color:#c10000; font-size:14px; line-height:35px; padding-left:42px;  }

#left{ width:250px; float:left; text-align:left; padding-left:5px;}
#left h3{ background:url(../images/h3.gif) no-repeat left top; height:35px; margin:0px; color:#c10000; font-size:14px; line-height:35px; padding-left:22px;  }
#left .menu{ width:248px; padding-bottom:10px; border:#dddddd 1px solid; margin-bottom:18px;}
#left .menu li{ font-size:14px; line-height:32px; background:url(../images/left-menu.gif) no-repeat left bottom; padding-left:50px;}
#left .menu li a:hover{ color:#ac0000; text-decoration:underline; font-weight:bold;}
#left .news{ background:url(../images/left-bg.gif) repeat-x right top; width:248px; margin-bottom:18px; padding:5px 0px; border:#dddddd 1px solid; border-top:0px;}
#left .news li{ font-size:12px; line-height:25px;  padding-left:25px; background:url(../images/news_li.gif) no-repeat 15px center; }


#lefter{ width:255px; float:left;}
#lefter .menu{ background:url(../images/left-bg.gif) no-repeat right bottom; width:255px; padding-bottom:20px;}
#lefter .menu li{ font-size:14px; line-height:32px; background:url(../images/left-menu.gif) no-repeat left bottom; padding-left:50px;}
#lefter .menu li a:hover{ color:#ac0000; text-decoration:underline; font-weight:bold;}
#lefter .case{background:url(../images/left-bg.gif) no-repeat right bottom; width:255px; padding-bottom:20px;}
#lefter .case dl{ width:220px; padding:3px 10px 0px 27px; }
#lefter .case dl dt{background:url(../images/case-img.jpg) no-repeat left top; height:120px; width:180px; padding:10px 18px 18px 9px; text-align:center;}
#lefter .case dl dt img{  border:#D8D8D8 1px solid; width:180px; height:120px;   }
#lefter .case dl dd{  text-align:center; width:220px; height:18px; overflow:hidden; font-weight:bold;}

#right{ width:700px; float:right; padding-right:5px;}
#right .top{ background:url(../images/right-top.gif) no-repeat left top; color:#afadad; height:50px; text-align:left; padding-left:55px; padding-top:45px;}
#right .top b{width:100px; font-size:16px; text-align:center; color:#000; padding-right:10px; }
#right .text{ padding:0px 25px;}

#news{clear:both; width:700px; overflow:hidden;}
#news dl{  margin:10px 15px;  padding:0px 10px; width:650px; background:url(../images/line.gif) repeat-x left bottom; height:85px;}
#news dl dt{line-height:25px; height:25px; overflow:hidden;  border-bottom:#ececec 1px solid; width:620px;  background:url(../images/news-li.gif) no-repeat left center; }
#news dl dt span{ float:right;}
#news dl dt a{ color:#000; padding-left:25px; font-size:14px; font-weight:bold;}
#news dl dd{ margin:10px 25px; color:#797979; line-height:20px; height:40px; overflow:hidden;}
#news dl dd a:hover{ color:#797979;}
#news h2{ text-align:center; line-height:45px; margin-top:10px; font-size:22px;}
#news h6{ font-size:12px; font-weight:normal; color:#666; text-align:center; margin:0px 150px; border-bottom:#d8d8d8 1px solid; border-top:#d8d8d8 1px solid;}
#news .text{ padding:25px 30px 10px 30px; font-size:14px; line-height:22px; min-height:370px;  height:auto !important; height:370px; overflow:visible;}
#news .upnext{ margin:20px; background:url(../images/line.gif) repeat-x left top; padding-top:15px; padding-left:10px; font-size:14px; width:650px; display:block;}


#case{ clear:both; width:700px; overflow:hidden;}
#case .class{clear:both;width:620px; padding-left:20px; height:50px; line-height:50px; color:#333;}
#case .class li{ float:left; display:block; text-align:center;}
#case .class li a{ display:inline-block; width:76px; }
#case .class li a:hover{text-decoration:none; background:url(../images/go.jpg) no-repeat center; color:#FFF;font-weight:bold;}
#case dl{ width:660px; margin:5px 15px 10px 22px; clear:both; background:url(../images/line.gif) repeat-x left bottom; padding-bottom:10px; height:148px;}
#case dl dt{background:url(../images/case-img.jpg) no-repeat left top; float:left; height:120px; width:180px; padding:10px 17px 18px 10px; text-align:center;}
#case dl dt img{  border:#D8D8D8 1px solid; width:180px; height:120px;   }
#case dl dd{ float:right; text-align:left; width:420px; height:148px; overflow:hidden;}
#case dl dd p{ display:block; overflow:hidden; color:#a3a3a3; height:18px;}
#case dl dd .more{background:url(../images/more.jpg) no-repeat left top; display:block; color:#fff; height:23px; display:block; border:0px; width:76px; padding-left:5px; line-height:23px; text-align:left; float:left;}
#case dl dd b{  display:block; overflow:hidden; font-size:14px; height:22px; padding-top:3px; }
#case dl dd span{ height:60px; line-height:20px; overflow:hidden; display:block; margin-bottom:5px;}

/*message*/
.table{width:90%; margin:20px; }
.table th{text-align:right; width:20%; padding-right:10px; background-color:#ECEEF2; font-weight:normal;}
.table td{background-color:#F2F3F5; padding:3px; padding-left:5px; text-align:left;}
.table input{ border:#ccc 1px solid; width:257px; height:22px;}
.table textarea{border:#ccc 1px solid;}
.table .bot{background:#f7f7f7 url(bot.gif) no-repeat left bottom; height:10px;}

#pages{ text-align:center; height:30px;   margin:10px; }
#pages a{ color:#000; font-size:13px; padding:2px 5px;  border:#ccc 1px solid; margin:0px 5px; height:22px;  }
#pages a:hover{ color:#fff;  border:#ac0000 1px solid; text-decoration:none; background:#ac0000;}
#pages em{ color:#ac0000; font-size:14px; padding:2px 5px;  border:#fff 1px solid; height:22px; font-weight:bold;}


/*建站套餐*/
.webmeal{ width:660px; text-align:left;}
.webmeal h4{  text-align:left; margin:5px; font-family:"黑体"; }
.webmeal dl{ width:660px; background:url(../images/line.gif) repeat-x left top; margin:15px auto;}
.webmeal dl dt{ padding-top:10px; line-height:30px;}
.webmeal dl dt b{ font-size:14px; font-weight:bold; color:red; font-family:"黑体"; }
.webmeal_left{ float:left; width:200px; padding:15px 10px; line-height:20px; }
.webmeal dl dd{ display:block; padding-top:10px;}
.webmeal dl dd img{ float:left; padding-right:20px;}
.webmeal_right{  width:430px; padding:35px 5px 15px 5px; line-height:22px;}

/*域名注册*/
.domain{width:620px; overflow:hidden; }
.domain th{ height:24px; line-height:24px;}
.domain th input, .domain th img{ margin:2px 0px; vertical-align:middle;}
.domain span{ display:inline-block; width:90px; float:left;}
#domain{width:620px; overflow:hidden; padding-top:15px; }
#domain b{ font-size:14px; display:block;}
#domain .reder{ font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:30px;}
#domain p{ background:url(../images/domain.gif) no-repeat left top; padding-left:150px; padding-top:10px; border-bottom:#ccc 1px dotted;}
#domain p.com{ background-position:left -270px; }
#domain p.me{ background-position:left -180px; }
#domain p.cn{ background-position:left -90px; }
/*企业邮箱*/
#why_needemail{width:480px; background:url(../images/email.jpg) no-repeat left top; padding-left:170px;}
#why_needemail img{ border:#ccc 1px solid;}
#hosting{background:url(../images/hosting.jpg) no-repeat left top; padding-left:150px; width:530px; margin-bottom:50px;}
.host{ text-align:center;}
.host th{ line-height:35px; font-size:14px;}
/*建站流程*/
.flow{width:650px; overflow:hidden;}
.flow p{ margin-bottom:20px;}
.flow span{ display:block;  color:#97000b; font-size:14px; padding-bottom:5px;}

/*网站推广*/
.promotion{width:620px; overflow:hidden;}
.promotion span{ background:url(../images/22.jpg) no-repeat top right; display:block; padding:45px 350px 45px 0px; font-family:"黑体"; font-size:14px; }
.promotion img{ width:150px; height:50px; border:#ccc 1px solid; margin-right:7px; display:inline-block;}

.contact{ background:url(../images/contact.jpg) no-repeat right bottom; padding-bottom:100px; width:550px; padding-top:50px; line-height:22px; font-size:14px;}