body,td,table,select{ FONT-SIZE: 12px;}
ul li {list-style:none;}
img{border:0;}
body{ margin:0;}
.clear{ clear:both;}
.LeftBodyBG{BACKGROUND:#ADC76B;MARGIN: 0px;}
.RightBodyBG{BACKGROUND:#E7F3CE;}

#l{	float:left}
#r{ float:right}

.left{float:left;}
.right{float:right;}

.footerlink {  font-family: "宋体" , "Verdana"; font-size: 12px; color: #A64076; text-decoration: none}

.FontColorWhite {COLOR:white;} 

.Red14 {font-size: 14px;color: #ff6600;}
.Red12b{font-size: 12px;color: #ff6600;font-weight: bold;}
.gray01{color:#999999;}

.textface   {font-family: "宋体"; FONT-SIZE: 12px; border:1px solid #999999;}
.textface1   {font-family: "宋体"; FONT-SIZE: 12px; border:1px solid #000000;}
.textface2   {font-family: "宋体"; FONT-SIZE: 12px; border:1px solid #000000; width:350px;}

.button1 {font-family: "宋体"; FONT-SIZE: 13px; border:1px solid #999999;HEIGHT: 20px; width:50px;}
.button2 {font-family: "宋体"; FONT-SIZE: 12px; border:1px solid #999999;HEIGHT:18px; width:38px;}
.button3 {font-family: "宋体"; FONT-SIZE: 13px; border:1px solid #999999;HEIGHT:20px; width:70px;}

.halfalpha 	{background-color: #000000; filter: Alpha(Opacity=50);}
.upline_gray {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color:#CCCCCC;
}

/*链接*/
	a:link {color:#000000; TEXT-DECORATION: none}
	a:visited{color:#000000; TEXT-DECORATION: none}
	a:hover{color:#FF0000; TEXT-DECORATION: underline}
	a:active{color:#000000; TEXT-DECORATION: none}


	A.BlackLink:link{color:#000000; TEXT-DECORATION: none}
	A.BlackLink:visited{ color:#000000; TEXT-DECORATION: none}
	A.BlackLink:hover{ color:#FF0000; TEXT-DECORATION: none}
	A.BlackLink:active{color:#000000; TEXT-DECORATION: none}
	
	A.WhiteLink:link{ color:#ffffff; TEXT-DECORATION: none}
	a.WhiteLink:visited{ color:#ffffff; TEXT-DECORATION: none}
	a.WhiteLink:hover{ color:#FF0000; TEXT-DECORATION: none}
	a.WhiteLink:active{color:#ffffff; TEXT-DECORATION: none}
	
	a.TopLink:link{ color:#000000; TEXT-DECORATION: none}
	a.TopLink:visited{ color:#000000; TEXT-DECORATION: none}
	a.TopLink:hover{ color:#F76DAD; TEXT-DECORATION: none}
/*链接END*/

/*栏目标题*/
	.exmaple_tit {padding-right:20px;}
	
/*深圳市恒创科技有限公司 desing_*/
.design_title {
	padding: 20px 5px 3px 16px;
	text-align: left;
	color: #ff6600;
	font-size: 20px;
	font-family:"黑体";
	line-height: 20px;
	border-bottom:2px dashed #FFCC99;
}
.design_title {
	padding: 20px 5px 3px 16px;
	text-align: left;
	
	color: #ff6600;
	font-size: 20px;
	font-family:"黑体";
	line-height: 20px;
	border-bottom:2px dashed #FFCC99;
}
.design_left {
	padding-top:15px;
}

.design_righta {
	background-position: -18px;
	height:30px;
	padding-top:8px;
}
.design_rightb {
	 
	background-position: -25px;
	height:30px;
	padding-top:2px;
}
.design_step {
	font-size:14px;
	color:#006699;
	padding:5px;
}
.design_stepa {
	font-size:14px;
	color:#cccccc;
	padding:8px;
}
.design_input {
	font-size:14px;
	color:#000000;
	height:30px;
}
.hint {
	font-size: 12px;
	line-height: 18px;
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px dashed #ff6600;
}
.alert {
	font-size: 12px;
	line-height: 18px;
	color:#ff6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*页面布局*/	
/*页面层容器*/
#ad{height:188px; float:left;}
#container { height:600px;margin:auto;}
#header,#footer,#mainBox{width:800px;margin-left:auto;margin-right:auto;}

#header .tit{ height:76px; padding-top:38px; background:url(../images/21hc_logo.png)}
#header ul{ margin:5px 8px;}
#header li{float:left;width:68px;line-height:32px;text-align:center; background:url(../images/buttom.png); margin-right:5px;}
#header li a{color:#fff; font-weight: bold;}
#mainBox {margin-bottom:20px; clear:both;}

.mainbg{background:url(../images/21hc_top_bg.png) repeat-x;}
div#left {
	float: left;
	width: 180px;
}
div#left div{
	margin-bottom:10px;
}
div#right {
	margin-left:auto;
    float: right;
    width: 620px;
}
div#right #case{
	float: left;
}
div#right #case .example{
	margin-top:10px;
}
div#right #case .example .title{
	height: 20px; 
	padding: 0px 10px 0px 10px;
	border-bottom:solid 1px #CCCCCC;
	font-weight:bold;
	color:#FF8B17;
	width:600px;
	position:relative;
}
div#right #case .example #l{
	font-size:14px;
}
div#right #case .example .case{height:130px;}
div#right #case .example .case ul{
	height: 100px;
	width: 110px;
	float: left;
	margin:0px;
	padding-left:10px;
	padding-top:10px;
	text-align: center;
}
div#right #case #page{
	float:left;
	text-align:center;
	width:600px;
}
/*列表List*/
#list {}
#list .l{width:300px; float:left;}
#list .r{width:300px; float:right;}
#list .top{ margin-top:20px;}
#list .bot{ margin-bottom:10px;}
#list .title{
	height: 20px; 
	padding: 8px 10px 0px 10px;
	border-bottom:solid 1px #CCCCCC;
	font-weight:bold;
	color:#FF8B17;
	width:280px;
}
#list .title #l{
	font-size:14px;
}
#list .rtime{
	float:right;
	width:68px;
	text-align:left;
}
#list ul{margin:0px;padding:0px;} 
#list li{ 
	border-bottom:dashed 1px #CCCCCC;
	padding:3px 0 0 6px;
	line-height:22px;
	vertical-align:middle;
	width:290px;
	height:22px;
}
#list img{ 
	vertical-align:middle;
}
/*列表List END*/
/*客户服务 Service*/
#service {}
#service .l{width:300px; float:left;}
#service .r{width:300px; float:right;}
#service .title{
	height: 20px; 
	padding: 8px 10px 0px 10px;
	border-bottom:solid 1px #CCCCCC;
	font-weight:bold;
	color:#FF8B17;
	position:relative;
}
#service .title #l{
	font-size:14px;
}
#service .rtime{
	float:right;
	width:68px;
	text-align:left;
}
#service ul{margin:0px;padding:0px;} 
#service li{ 
	border-bottom:dashed 1px #CCCCCC;
	padding:3px 0 0 6px;
	line-height:22px;
	vertical-align:middle;
	width:600px;
	height:25px;
}
#service img{ 
	vertical-align:middle;
}
/*列表Service END*/
/*about*/
#about {}
#about .l{width:300px; float:left;}
#about .r{width:300px; float:right;}
#about .title{
	height: 20px; 
	padding: 8px 10px 0px 10px;
	border-bottom:solid 1px #CCCCCC;
	font-weight:bold;
	color:#FF8B17;
}
#about .title #l{
	font-size:14px;
}
#about .content {
	padding:20px 10px 30px 10px;
	font-size: 13px;
	text-align: left;
	line-height: 25px;
}
/*about END*/
/*查看快讯*/
#newCon { padding:5px;}
#newCon .title{
	height: 25px;
	font-size: 22px;
	font-weight: bold;
	color: #ff6600;
	padding-top: 10px;
	padding-bottom: 12px;
	border-bottom:dotted  1px #999999;
	margin: 0px;
	text-align:center;
}
#newCon .info {
	font-size:14px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#E9E8E8;
	text-align:center;
}
#newCon .content {
	padding:20px 10px 30px 10px;
	font-size: 14px;
	text-align: left;
	line-height: 25px;
}
#newCon .foot{
	padding-top:5px;
	height:20px;
	background-color:#E5E5E5;
}
#newCon #about{
	padding: 20px 5px 5px 10px;
	border-bottom:dotted  1px #999999;
}
#newCon #action{
	padding: 10px 5px 5px 10px;
	border-bottom:dotted  1px #999999;
}
/*查看快讯End*/
/*vhost*/
#vhost {padding:5px;}
#vhost .title{
	height: 22px;
	font-size: 14px;
	font-weight: bold;
	color: #ff6600;
	padding-top: 6px;
	border-bottom:dotted  1px #999999;
}
#vhost .content {
	padding-top:20px;
	font-size: 14px;
	text-align: left;
	line-height: 25px;
}
/*vhost End*/
/*domain*/
#domain {padding:5px;}
#domain .title{
	height: 22px;
	font-size: 14px;
	font-weight: bold;
	color: #ff6600;
	padding-top: 6px;
	border-bottom:dotted  1px #999999;
}
#domain .content {
	padding-top:20px;
	font-size: 12px;
}

#domain .content dl{ width:600px; float:left;}
#domain .content dt{ height:30px;border-bottom:dotted  1px #999999;}
#domain .content dd{ float:left; height:30px;width:60px; padding-top:15px;}

/*domain End*/
/*order*/
#order {padding:5px;}
#order .title{
	height: 25px;
	font-size:14px;
	font-weight: bold;
	color: #ff6600;
	padding-top: 10px;
	border-bottom:dotted  1px #999999;
}

/*order End*/
/*product*/
#product{}
#product div{ background-color:#FFFFFF;}
#product .proimg{padding:20px; text-align:center;}
#product .title{	
	height: 30px;
	margin-bottom:1px;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
	padding-top:20px;
	color: #ff6600;
}
#product .l{
	border-top: solid 1px #666666;
	width:100px;
	text-align:right;
	vertical-align:middle;
	float:left;
	height:25px;
	line-height:25px; 
}
#product .r{
	border-top: solid 1px #666666;
	border-left: solid 1px #666666;
	padding:5px;
	min-height:25px; 
    height:auto!important; 
    height:25px; 
}

#product .close{
	text-align:center;
	height:30px;
	padding:10px 10px 20px 10px;
	border-top: solid 1px #666666
}

/*product End*/
/*cycle*/
#cycle {padding:5px;}
#cycle .title{
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 10px 0 10px;
	border-bottom:solid 1px #999999;
	background-color:#FAFAFA;
	color: #DC7658;
}
#cycle .title #l{
}
#cycle .title #r{

}
#cycle .cycle{
    padding-top: 5px;
	text-align: left;
    width:610px;
}
#cycle .cycleRow{
    width:300px;
}
#cycle .cycleCon {
    padding: 3px;
	width:230px;
}
#cycle .cycleCon ul{margin:0px;}
#cycle .cycleCon li{height:20px;padding:6px 0px 0px 8px;border-bottom: 1px dashed #D2D2D2;}
#cycle .cycleCon strong{
	font-size: 14px;
	color: #ff6600;
}

#cycle #intro{ width:600px;}
#cycle #intro .info{
	width:600px;
	border-top: 1px dashed #CCCCCC;
	padding-top:10px;
	margin-top:15px;
	margin-bottom:10px;
	color:#666666;
}
#cycle #intro .idea {
	border: 1px solid #FDDFD7;
	
}
#cycle #intro .idea .tit {
	height:25px;
	padding-top:10px;
	text-align:center;
	background-color: #FEF6F4;
	color:#E5A794;
	font-size: 20px;
	font-family:"黑体";
	line-height: 18px;
}
#cycle #intro .idea .con {
	width:580px;
    padding:10px; color:#333333
}
#cycle #intro .keyword{
	margin-top:10px;
	border: 1px solid #FDDFD7;
	color:#666666;
    padding:10px;
}
/*cycle End*/
/*project*/
#project .cycletitle1 {
	width: 590px;
	height: 24px;
	background-image:url(../images/web/nav-bg.png);
	font-size:20px;
	font-weight: bold;
	padding:3px 0 3px 12px;
	color:#FFFFFF;
}
#project .cycletitle2 {
	width: 600px;
	height: 29px;
	margin-top:10px;
}

#project .con {
	width: 600px;
	border: 1px dashed #999999;
	margin-top: 5px;
	text-align: left;
}
#project .con #l{width:180px; text-align:center;}
#project .con #r{width:410px;}
#project .con .contitle {
	height:39px;
	padding-left:168px;
	margin-bottom:20px;
	background-image: url(../images/web/t_bg.png);
}
#project .con .contitle_a {
	padding:8px 0px 3px 0px;
	width: 70px;
	height:31px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../images/web/t_bg_r.gif);
	color: #FFFFFF;
	float:left;
	margin-left:10px;
}
#project .con .contitle_b{
	padding:0px 0px 10px 0px;
	width: 70px;
	height:31px;
	text-align: center;
	float:left;
	margin-left:10px;
} 
#project a.contitle_b:link{color:#333333;font-size:14px;text-decoration:none;line-height:31px;}
#project a.contitle_b:visited{color:#333333;font-size:14px;text-decoration:none;line-height:31px;}
#project a.contitle_b:hover{color:#FFFFFF; font-size:14px;text-decoration:none;background-image: url(../images/web/t_bg_r.gif);line-height:31px;} 
#project .con .cyclecon {padding:10px; line-height:150%;}
#project .con .con_foot {padding:5px; background-color:#EFEFEF; width:380px;}
#project .con .con_foot_l {width:100px; float:left; padding:3px 0 0 10px;}
#project .con .con_foot_r {width:260px; float:right;}
/*-----左边导航链接样式--------------*/
#project .conpz{
	text-align:left;
	padding-top:2px;
	width:380px;
}

#project .conpz ul{margin:0px}
#project .conpz li{ font-size:13px;height:20px;padding:5px 0px 0px 10px;border-bottom: 1px dashed #999999;	min-height:20px; height:auto!important;}
/*------左边导航链接样式结束--------------*/
/*project End*/
#footer .foot{
	background-color:#636563;
	height:120px;
	width:800px;
	padding-top:15px;
	text-align:center;
	line-height:120%;
}
/*页面布局END*/