@charset "utf-8";
/* CSS Document */

body, p {
	text-align:left;
	font-size:12px;
	padding:0;
	margin:0;
	line-height:18px;

}

P { color:#000000}
.title h5 { background:url(../images/hr_72.gif); height:24px;}
#main {
	width:965px;
	margin:0 auto;
	color:#fff;
	
	position:relative;	
}

#en { width:180px; float:right; margin-right:5px}
#logo { width:424px; float:left}
#nav1{ width:370px; float:left; margin-top:29px;}
#top { background: url(../images/bg.jpg); height:97px; width:965px;}
a {color:#fff;}
#banner { background:url(../images/banner_320.jpg); height:108px; text-align:left}
#banner p { margin-left:130px;}
#content { text-align:center; clear:both}
#content img { margin:0 10px; text-align:left;}
#text { text-align:center}
input { text-align:center; margin:0 15px; }
#text1 { width:90%; margin:0 auto}


*{ margin:0px; padding:0px;}
a img{border:none;}
li{ list-style:none; list-style-type:none;}
body{ background:url(../images/hr_02.gif) top repeat-x;}
.left{ float:left;}
.right{ float:right;}
p{ line-height:22px;}
.border{ border:1px #dcdfe0 solid;}
.h10{ height:14px; clear:both; font-size:1px; overflow:hidden;}
textarea{border:1px #dcdcdc solid; color:#696969;}
.textbox,.textbox2{ background:url(../images/hr_72.gif); height:24px; line-height:24px; border:none; margin-right:5px; padding-left:5px;
border:1px #dcdcdc solid;border-top:none; border-bottom:none;color:#696969;
}
.textbox{width:166px;}
.textbox2{width:50px;}
#wrapper{ width:960px; margin:0px auto;}
#header{ height:73px; position:relative; margin-bottom:12px;}
#header div{
	position:absolute;
}
#logo{ left:21px; bottom:4px;}
#column_img{ height:180px; margin-bottom:10px;}
#nav{height:32px;left:249px;bottom:-1px; width:714px;}
#nav li{ width:89px; float:left;}
#nav li a{display:block; text-align:center; height:20px;padding-top:12px;}
#nav li a:hover{ text-decoration: none;}
.navnobg a{color:#4d4d4d; text-decoration:none; }
.navnowbut a{ background:url(../images/hr_11.gif) bottom; color:#FFFFFF; text-decoration:none;}
#language{ top:0px;right:0px;}
#topmenu{ height:33px; line-height:33px; overflow:hidden;}
#question_nav{width:580px;}
#question_nav li{ background:url(../images/hr_24.gif) no-repeat left center; float:left; padding-left:25px; margin-right:10px;}
#service img{ margin-right:10px; float:left;}
#flash{ height:282px; width:960px; overflow:hidden; text-align:center;}
#mainservice{ height:117px; background:url(../images/hr_31.gif);}
#mainservice li{ width:228px; float:left; height:117px; padding-right:10px;}
.svbg{ background:url(../images/hr_34.gif) right center no-repeat;}
#mainservice p{color:#8a8a8a; font-size:12px;}
#mainserice p a{color:#8a8a8a;}
#mainservice .introduce{ float:left; width:105px; margin-left:15px; margin-top:10px; display:inline;}
.introduce h1,.introduce h3,#rcmd_service h4{ margin-bottom:8px;}
#mainservice img{ float:right;}
#mainbar{ width:688px;}
#saidbar{ width:262px;}
#leftbar{ width:245px;}
#rightbar{ width:703px;}
.w10{ width:10px; height:300px; float:left;}
#hr_brand,#rcmd_service,#case_show,#our_Client,#question,.nonce_maincolumn{background:url(../images/hr_63.gif) repeat-x; padding:0px 10px 10px 10px;}/*主栏栏目相同背景*/
#hr_brand{ height:269px;}
#rcmd_service{ height:354px;}
#case_show{ height:330px;}
#question{ height:306px;}
#mainbar .title,#rightbar .title,#our_Client .title{
	height:30px;
	line-height:24px;
	margin-bottom:8px;
	float: none;
	clear: both;
	padding-left:22px;
}/*主栏栏目相同标题*/

#mainbar .title h2,#saidbar .title h5,#rightbar .title h2,#leftbar .title h5,#our_Client .title h2{ margin-top:-6px; position:relative; height:28px; line-height:28px; text-align:center; margin:-6px 20px 0px 0px;}
#mainbar .title h2,#rightbar .title h2,#our_Client .title h2{background:url(../images/hr_54.gif);width:187px;}
#saidbar .title h5,#leftbar .title h5{ background:url(../images/hr_57.gif); width:132px; font-size:16px;}
#saidbar .title,#leftbar .title{ padding-left:17px; height:33px; margin-bottom:10px;}
#hr_brand .introduce{ width:428px; float:left;}
#hr_brand img{ float:left; margin-right:20px; margin-top:8px;}
#hr_brand p{ text-indent:2em;}
#rcmd_service .leftbar{ width:335px; float:left;border-right:1px #dedede dashed; padding-right:10px;}
#rcmd_service .rightbar{ width:313px; float:right;}
#rcmd_service .leftbar li {
    height: 96px;
    margin-bottom: 10px;
    width: 325px;
}

#rcmd_service img{ float:left; margin-right:15px;}
.dobr{ border-bottom:1px #dedede dashed;}
.particular{ margin-top:5px; font-size:1px;}
#case_change{ height:30px;}
#case_change li,#question .title li{ float:left; width:187px; height:30px; line-height:29px; text-align:center;}
#case_change .nowli,#question .title li{ background:url(../images/hr_54.gif) no-repeat; position:relative; top:-5px; font-size:14px; color:#fff; font-weight:bold;}
#case_change .nowli a,#question .title li a{color:#fff; text-decoration:none;}
#case_change .nobg{ background:url(../images/bbg.gif) no-repeat right 4px;}
#case_change .nobg a{ font-size:14px;color:#696969; text-decoration:none;}
#case_show .title{ padding:0px; width:567px; margin:0px auto 20px 0px; padding-left:22px;} 
#caseList div,#caseList2 div,#caseList3 div{ width:166px; height:139px; text-align:center; float:left;}
#caseList a,#caseList2 a,#caseList3 a {
    border: 1px solid #DCDCDC;
    display: block;
    height: 105px;
    margin: 0 auto 8px;
    width: 139px;
}
#question .title li{ margin:0px 15px 0px 5px;}
#question_list dl{ float:left; width:200px; border-right:1px #dedede dotted; padding:0px 10px; margin-top:10px;}
#question_list dd,.tymok li{ background:url(../images/hr_125.gif) left 5px no-repeat; padding:0px 0 5px 10px; line-height:16px;}

#question_list dt{ text-decoration:none; background:url(../images/hr_129.gif) left center no-repeat; padding-left:20px; margin-top:10px;}
#activity{ height:180px;}
#notice,#client,#solution,#columnnav,.websolution,.contact_us,.tymok{ background:url(../images/hr_60.gif) repeat-x left -1px; padding:0px 10px 0px 10px;}
#notice {
    height: 251px; height:280px;
}
#client{ height:330px;}
.contact_us{ height:268px;}
.article_list li{ height:22px; line-height:22px; background:url(../images/hr_121.gif) left center no-repeat; padding-left:10px;}
.article_list span{ margin-left:10px;}
#ad2{ height:113px; margin-top:10px;}
.newimg{ height:81px; text-align:center; margin:0px auto;}
.name{ text-align:center; display:block; height:30px; line-height:30px; border-bottom:1px #aeaeae dotted; margin-bottom:10px;}

#myys{ height:38px; background:url(../images/hr_133.gif); clear:both; line-height:38px; vertical-align:middle; text-align:center;}
#imgtext{ height:38px;width:894px; margin:0px auto; overflow:hidden;}

#imgtext span{
display:table-cell; width:48px; float:left; padding-top:4px;
}
#myys img{ margin:5px 10px 0px 10px; float:left;}
#columnnav{ padding:0px 15px 10px 15px;}
#columnnav .title{ height:33px; line-height:33px; padding:0px 10px;}
#columnnav .content{ background:#f8f8f8;padding:10px 0px;}
#columnnav dl{ position:relative; left:-7px;}
#columnnav dt{height:36px; line-height:36px; padding-left:55px; font-size:12px; font-weight:bold;}
.bluebgbut{ background:url(../images/nav_03.gif) left no-repeat;color:#fff;}
.bluebgbut a{color:#fff; text-decoration:none;}
.brbgbut{ background:url(../images/br.gif) no-repeat 10px bottom; color:#4d4d4d;}
.brbgbut a{color:#4d4d4d; text-decoration:none;}
#websafety{ height:60px; width:800px; margin:0px auto; margin-top:10px;}
#websafety img{ margin:0px 10px; display:inline; float:left;}
#subnav{ text-align:center; margin:10px auto;}
#subnav span,#link span{ padding:0px 12px;}
#link{ text-align:center; margin:10px auto;}
#copyright{ text-align:center;}
.location{ height:33px; border-bottom:1px #dcdfe0 solid; background:#f5f5f5; line-height:33px; padding:0px 10px;}
.illustration{ text-align:center; clear:both; margin-bottom:10px;}
#process_intro{ width:646px; margin:0px auto; clear:both;}
#process_intro .title{ height:50px; padding:0px;}
#process_intro .title img{ margin-right:20px;}
#process_intro .subtitle{
	height:27px;
	line-height:27px;
	background:#EDEDED url(../images/lc_03.gif) no-repeat left;
	display:block;
	margin-top:10px;
	width: 540px;
}
#process_intro .subtitle .white12{ width:102px; text-align:center; display:block; float:left; margin-right:30px;}
#process_intro .content{margin-bottom:10px;border-bottom:1px #dcdfe0 dotted; padding-bottom:10px;}
.contact_us li{ height:24px; line-height:24px; background:url(../images/jt.gif) no-repeat left 9px; padding-left:12px;}
.webtable{ border-collapse:collapse; }
.webtable th{ height:30px; line-height:30px; font-size:14px; background:#EEEEEE; border:1px #dcdfe0 solid;}
.webtable td{ border:1px #dcdfe0 solid;padding:5px 8px; height:20px; line-height:22px;}
#function{ padding:0px 15px 0px 15px;}
#function .title{ height:20px; padding:0px;}
#function  .intro{ margin:10px 0px;border-bottom:1px #dcdfe0 dashed; padding-bottom:10px;}
.webDiy_list,#webDiy_intro{ width:665px; padding:0px 10px 10px 0px;overflow:auto; margin-bottom:10px;}
.webDiy_list{border-bottom:1px #dcdfe0 dashed;}

*html .webDiy_list,*html #webDiy_intro{ height:116px; overflow:visible;}
*+html .webDiy_list,*+html #webDiy_intro{ min-height:180px; overflow:visible;}

.webDiy_list .intro,#webDiy h1,#webDiy_intro .intro,#webDiy_intro h1{ float:left; display:block;}
.webDiy_list .intro,#webDiy_intro .intro{ margin:5px 0px 10px 0px;}
.webDiy_list .intro p,#webDiy_intro .intro p{ margin-bottom:5px;}
.webDiy_list .intro,.webDiy_list h1{ width:520px;}
.webDiy_list .diyimg,#webDiy_intro .diyimg{ width:120px; height:136px; float:left; margin-right:15px;}
#webPreserve h1,#webPreserve .intro,#webDiy_intro .intro,#webDiy_intro h1{ width:410px; float:left;}
#webll { height:135px;}
#webPreserve img{ margin-right:15px;}
#webPreserve .intro{ margin-top:10px;}

.nonce_maincolumn h3{ margin-bottom:8px; background:url(../images/tb.gif) left center no-repeat; padding-left:15px;}

#case_nav{ height:59px; background:url(../images/zlmnav_04.gif); padding:0px 10px;}
#case_nav ul{ width:517px;}
#case_nav li{ width:103px; height:59px; float:left; text-align:center; font-size:12px;}
#case_nav li a{ display:block; height:12px; border-right:1px #e2e2e2 solid;margin-top:17px; text-decoration:none;}
#case_nav .noceli{ background:url(../images/zlmnav_03.gif) center no-repeat;color:#0e8fdf; font-weight:bold;}
#case_subnav {
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 70px;
    padding: 0 10px 10px 0;
    width: 100%;
}
#case_subnav li{width:103px;border-right:1px #e2e2e2 solid; text-align:center; float:left; padding-top:10px; margin-top:2px}
.caselc{ margin-top:17px;}
#webcase {
    clear: both;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: auto;
    padding: 10px 0 10px 10px;
}
*html #webcase{ height:300px; overflow:visible;}
*+html #webcase{ min-height:300px; overflow:visible;}
#webcase .imglist{ width:208px; height:187px; float:left; margin:10px 16px 0px 10px; display:inline;}
.imglist .title{ display:block;background:url(../images/tb2.gif) no-repeat left 2px; padding-left:12px; margin-top:8px;}
.imglist .border{ display:block; width:200px; height:150px; padding:4px;}
.fgbr{ height:10px; font-size:1px;border-top:1px #dcdfe0 dashed; clear:both;width:917px; margin:10px auto 0px 10px;}
.webtable strong{color:#FF3300;}
#superiority{
	width:680px;
	margin-top:15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#superiority .list{
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 10px;
	display:inline;
}
#superiority img{ float:left; margin-right:10px;}
#superiority .intro{ float:left;}
#superiority h1{ background:url(../images/jt.gif) left center no-repeat; padding-left:10px;}
.pay_way{ margin-bottom:10px;border-bottom:1px #dcdfe0 dashed; padding:15px 20px;}
.pay_way .img{ width:245px; float:left; margin-right:10px; height:70px}
.pay_title{ height:30px; line-height:30px;}
.payback{border:1px #FF6600 dashed; width:650px; background:#FEFBE7; padding:15px;}
.ind{ text-indent:2em;}
#hrwall{ height:214px;}
#hrwall img{ margin-right:15px;}
#hrwall h1,#hrwall p{ display:block; width:400px; float:left;}
#hrwall h1{ margin-bottom:8px;}
#contact_us p{ border-bottom:1px #C5DFFC dotted; padding-bottom:10px; margin-bottom:10px;}
h6{ margin-bottom:5px;}
#case_detail{ padding:10px; margin-bottom:10px;}
#case_detail .title{ border-bottom:1px #dcdfe0 solid; background:#f5f5f5; height:30px; line-height:30px; padding:0px 10px; margin-bottom:10px;}
.r10{ margin-right:10px;}
.l10{ margin-left:10px;}
#superiority .intro{ width:240px;}
.tlbg{ height:33px; line-height:33px; background:url(../images/tlbg.gif) no-repeat; padding-left:30px; margin:10px 0px;}
#solution p{ text-indent:2em;}
#solution_intro{ height:136px; margin-bottom:10px;}
#solution_intro p{ text-indent:2em; margin-top:10px;}
#solution_intro img{ margin-right:20px;}
.bz li{ line-height:22px; background:#FDF9DB; border:1px dashed #FDBC82; margin-bottom:10px; padding:5px 10px;}
#solution span{ line-height:22px;}
.lfheight{ height:290px;}
.bw_height{ height:374px;}
.bp_height{ height:498px;}
.cu_height{ height:284px;}
.pr_height{ height:294px;}
.em_height{ height:336px;}
.py_height{ height:284px;}
/*新加样式**************************************************************************************************************/
.domain-nav{ height:32px; clear:both;}
.domain-nav li{ width:104px; height:32px; float:left; margin-right:10px; font-size:12px; text-align:center; line-height:32px; cursor:hand}
.domain-bluebg{ background:url(../images/but_03.gif);color:#fff;}
.domain-whitebg{ background:url(../images/but_05.gif);color:#333333;}
.eng-domain{ padding:10px; border:2px #064a9d solid;}
.eng-domain table{ margin:0px auto;}
.eng-domain th{ height:40px; line-height:40px;}
.eng-domain td,#search_dom table td{ height:24px; line-height:24px; width:6%;}
.eng-domain .price{padding-top:10px; line-height:180%;margin-top:10px; clear:both; border-top:1px #CCCCCC dotted;}
#search_dom{ width:674px;background:#EFEFEF;}
#search_dom .content{ padding:10px; width:380px;}
#search_dom table{ margin-top:10px;}
#message td{ height:36px; line-height:36px;}
.timeinfo{ height:24px; line-height:24px; text-align:right; border-left:none;border-right:none; margin:10px auto; background:#EFEFEF; padding:0px 10px;}
.spaces{ margin-bottom:10px; width:330px; float:left; margin:0px 0px 10px 10px; display:inline;}
.spaces th{ width:130px;}
.spaces td{ height:30px; line-height:30px;}
.bgicon{ background:url(../images/tb2.gif) left center no-repeat; padding-left:10px;}
.jgbr{ border-top:1px #D0D0D0 dashed; height:10px; font-size:2px; clear:both;}
h3,h3 a{color:#000000; text-decoration:none;}
.newslist{ width:650px; clear:both; text-align:left; padding:20px 0 30px 10px;}
.newslist li{line-height:18px; background:url(../images/hr_121.gif) left 9px no-repeat; padding:4px 0 4px 10px; clear:both; font-size:12px; border-bottom:dotted 1px #FFDDDD; height:auto; overflow:auto}
.newslist .new_left{ float:left; width:460px; text-align:left; line-height:18px; clear:left}
.newslist .new_right{ float:right; width:115px; text-align:left; padding:0 0 0 10px}
.title h5{ cursor:hand}
#ad1{ height:87px;}

.webDiy_list .intro {
    min-height: 180px;
    overflow: hidden;
}
#solution{ height:316px;}
#yearad
{
     position:absolute;
     width:150px;
     height:261px;
     top:360px;
     left:0px;
	 background:url(../images/left_ad_year.jpg) 0 0px no-repeat;
}
.r_con{ width:684px; overflow:hidden; clear:both; height:auto;}


#our_Client{ width:938px; border: 1px solid #DCDFE0; float:left;}
.lefm{ float:right; font-family:"微软雅黑"; font-size:12px; padding-right:8px;}
.lefm a{ color:#333; text-decoration:none;}
.lefm a:hover{color:#1a8cdb; text-decoration:none;}
.our_list{ width:124px; height:120px; margin:4px 15px; display:inline; float:left; font-size:12px; text-align:center; line-height:26px;}
.our_list a{  color:#333; text-decoration:none;}
.our_list img{ width:124px; height:94px; border:1px solid #dcdcdc ; padding:1px;}

.clist{ width:132px; height:130px; margin:4px 18px; display:inline; float:left; font-size:12px; text-align:center; line-height:26px;}
* html .clist{margin:4px 17px; display:inline;}
.clist a{  color:#333; text-decoration:none;}
.clist img{ width:132px; height:97px; border:1px solid #dcdcdc ; padding:1px;}

.article_list black12{ color:#000000}
#prodl { width:260px; float:left}
#prodr { width:670px; float:right}