@charset "utf-8";
/* CSS Document */
#soft_detail {
	margin:20px auto 15px;
}
.menuhover{ color:red}
.h4 {
	font-weight:bold;
	font-size:14px;
	background-color:#f4f4f4;
	color:#333;
	text-indent:12px;
	line-height:30px;
	margin:15px 0;
}
#product_view {
	width:690px;
	margin-top:10px;
}
.product_view{
	width:707px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:0;

}
.soft_detail{
 width:707px;
 border-left:1px solid #ccc;

}
#soft_detail .titleimg {
	padding-left:60px;
	margin-top:20px
}
.imgtitleb{
 overflow:hidden;
 height:122px;
}
.imgtitleb li{
	height:122px;; width:206px; margin-right:20px; float:left;
	 background: url(../images/huixun/proDetails.jpg) left top no-repeat

}
.imgtitleb li span{
	display:block;
	padding:10px;
 
}
.imgtitleb li .img{ margin-right:5px; float:left; width:48px;}
.imgtitleb li .word{ width:120px; float:left; line-height:20px;}
.imgtitle{
 overflow:hidden;
 height:168px;
}
.imgtitle li{
	height:168px;; width:206px; margin-right:20px; float:left;
	 background: url(../images/huixun/proDetails150.jpg) left top no-repeat

}
.imgtitle li span{
	display:block;
	padding:15px;
 
}
.imgtitle li .img{ margin-right:5px; float:left; width:48px;}
.imgtitle li .word{ width:120px; float:left; line-height:20px;}
.pnumber{ padding-left:20px; margin-bottom:10px; line-height:20px;}
.p1{background:url(../images/huixun/number1.jpg) left top no-repeat; }
.p2{  background:url(../images/huixun/number2.jpg) left top no-repeat; }
.p3{ background:url(../images/huixun/number3.jpg) left top no-repeat;}
.p4{ background:url(../images/huixun/number4.jpg) left top no-repeat;}
.p5{background:url(../images/huixun/number5.jpg) left top no-repeat;}
.p6{ background:url(../images/huixun/number6.jpg) left top no-repeat;}
#showbar {
	width:980px;
	margin:0px auto;
	text-align:center;
}

.area1 {
	width:239px;
	height:220px;
	margin-right:8px;
	background:url(../images/area1.gif) no-repeat;
}

.area1_title {
	height:35px;
	line-height:35px;
}

.area1_t_txt {
	font-size:14px;
	color:#0860a8;
	text-indent:20px;
}

.area1_t_link {
	margin-right:10px;
	margin-top:9px;
}

.area2 {
	width:367px;
	height:220px;
	margin-right:8px;
	background:url(../images/area2.gif) no-repeat;
	margin-top:10px;
}

.area2_title {
	height:35px;
	line-height:35px;
}

.area2_t_txt {
	font-size:14px;
	color:#0860a8;
	text-indent:20px;
}

.area2_t_link {
	margin-right:10px;
	margin-top:9px;
}

.area3 {
	width:603px;
	height:220px;
	margin-right:8px;
	background:url(../images/area3.gif) no-repeat;
	margin-top:10px;
}

.area3_title {
	height:35px;
	line-height:35px;
}

.area3_t_txt {
	font-size:14px;
	color:#0860a8;
	text-indent:20px;
}

.area3_t_link {
	margin-right:10px;
	margin-top:9px;
}

.ppjz {
	background:url(../images/ppjz.gif) no-repeat center -10px;
	width:237px;
}

.pprj {
	background:url(../images/seo.gif) no-repeat center -10px;
	width:237px;
}

.ppsq {
	background:url(../images/ppsq.gif) no-repeat center -10px;
	width:237px;
}

.yxch {
	background:url(../images/yxch.gif) no-repeat center -10px;
	width:237px;
}

.area1_content p {
	color:#666666;
	letter-spacing:1px;
	line-height:17px;
	width:205px;
	margin:0 auto
}
.area1_content a{
	margin:5px auto;
	padding-top:118px;
	width:230px;
	display:block;
	}
.area2_content ul {
	line-height:24px;
	margin-top:18px;
	margin-left:35px;
}

.area2_content ul li a:hover {
	color:#333;
}

.area3_content dl {
	width:200px;
	text-align:center;
	float:left;
}

.area3_content dl dt img{
	margin-top:11px;
}

.area3_content dl dd {
	height:30px;
	line-height:30px;
}

.area3_content dl dd a {
	font-size:14px;
	color:#999999;
}

.area3_content ul {
	float:left;
	line-height:24px;
	margin-top:12px;
	margin-left:15px;
	color:#666666;
	width:350px;
}

.area3_content ul li a:hover {
	color:#333;
}

.area3_content ul li span.fieldright {
	float:right;
}

.area3_content ul li span.fieldleft {
	float:left;
}

#cases {
	width:980px;
	margin:0px auto;
	background:url(../images/bg_case.gif) repeat-x;
	height:256px;
	margin-top:10px;
}

#cases_title {
	height:38px;
	background:url(../images/chose2858.gif) no-repeat center;
}

.area4 {
	width:980px;
	float:left;
	margin-top:10px;
}

.area4 div.title {
	width:980px;
	height:54px;
	background:url(../images/area4_title.gif) no-repeat;
	text-align:center;
}

.area4 div.title span {
	height:21px;
	display:block;
	margin:20px auto 0;
	width:550px;
}

.area4 div.title a {
	font-size:14px;
	margin:0px 15px;
	display:block;
	float:left;
}

.area4 div.title a:hover {
	color:#0860a8;
}

.area4 div.title a.selected {
	font-size:14px;
	margin:0px 15px;
	color:#0860a8;
	font-weight:bold;
	border-bottom:3px solid #0860a8;
	padding-bottom:2px;
}

.area4 div.foot {
	width:980px;
	height:5px;
	background:url(../images/area4_foot.gif) no-repeat;
}

.area4 div.content {
	width:978px;
	border-left:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;
}

#team_content {
	width:890px;
	margin:38px auto;
}

#team_content div.img {
	width:166px;
}

#team_content div.img img {
	border:1px solid #d2d2d2;
}

#team_content div.content {
	width:722px;
	background:url(../images/myteam.gif) no-repeat 48px 0px;
	border:none;
}

#team_content div.content p {
	color:#666666;
	font-size:14px;
	letter-spacing:1px;
	line-height:23px;
	margin-left:48px;
	margin-top:60px;
}

#idea_content {
	width:568px;
	height:379px;
	background:url(../images/idea.gif) no-repeat;
	margin:25px auto;
}

#news_content {
	margin:0px auto;
	width:935px;
}

#join_content {
	margin:0px auto;
	width:935px;
	background:url(../images/jobico.gif) no-repeat;

}

.area5 {
	width:980px;
	float:left;
	margin-top:10px;
}

.area5 div.title {
	width:980px;
	height:54px;
	background:url(../images/area4_title.gif) no-repeat;
	text-align:center;
}

.area5 div.title span {
	height:21px;
	display:block;
	margin:20px auto;
	width:450px;
}

.area5 div.title a {
	font-size:14px;
	margin:0px 15px;
	display:block;
	float:left;
}

.area5 div.title a.selected {
	font-size:14px;
	margin:0px 15px;
	color:#0860a8;
	font-weight:bold;
	border-bottom:3px solid #0860a8;
	padding-bottom:2px;
}

.area5 div.foot {
	width:980px;
	height:5px;
	background:url(../images/area4_foot.gif) no-repeat;
}

.area5 div.content {
	width:978px;
	border-left:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;
}

.area5 div.title a:hover {
	color:#0860a8;
}

#solution_content {
	margin:0px auto;
	width:930px;
}

#solution_content ul li {
	font-size:14px;
	color:#666666;
	background:url(../images/solutionico.gif) no-repeat left center;
	line-height:24px;
	padding-left:20px; 
}

#solution_content ul li.twoline {
	font-size:14px;
	color:#666666;
	background:url(../images/solutionico.gif) no-repeat 0px 7px;;
	line-height:24px;
	padding-left:20px; 
}

#solution_content img {
	border:1px solid #c8c8c8;
}

#salessolution_content {
	margin:0px auto;
	width:930px;
	background:url(../images/entsolution.gif) no-repeat;
	height:1240px;
}

#entsolution_content {
	margin:0px auto;
	width:930px;
}

#entsolution_content div div img {
	border:1px solid #d2d2d2;
}

#entsolution_content ul li.twoline {
	font-size:14px;
	color:#666666;
	background:url(../images/entsolutionico.gif) no-repeat 0px 6px;;
	line-height:26px;
	padding-left:20px; 
}

.area6 {
	width:980px;
	float:left;
	margin-top:10px;
}

.area6 div.title {
	width:980px;
	height:54px;
	background:url(../images/area4_title.gif) no-repeat;
	text-align:center;
}

.area6 div.title span {
	height:21px;
	display:block;
	margin:20px auto;
	width:420px;
}

.area6 div.title a {
	font-size:14px;
	margin:0px 10px;
	display:block;
	float:left;
}

.area6 div.title a.selected {
	font-size:14px;
	margin:0px 15px;
	color:#0860a8;
	font-weight:bold;
	border-bottom:3px solid #0860a8;
	padding-bottom:2px;
}

.area6 div.foot {
	width:980px;
	height:5px;
	background:url(../images/area4_foot.gif) no-repeat;
}

.area6 div.content {
	width:978px;
	border-left:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;
}

.area6 div.title a:hover {
	color:#0860a8;
}

#productnav {
	width:270px;
}

#productnav ul li.product {
	background:url(../images/product_basic.gif) no-repeat;
	width:270px;
	height:61px;
}

#productnav ul li.product_std {
	background:url(../images/product_gold.gif) no-repeat;
	width:270px;
	height:61px;
}

#productnav ul li.product_trade {
	background:url(../images/product_diamond.gif) no-repeat;
	width:270px;
	height:61px;
}

#productnav ul li.product_group {
	background:url(../images/product_vip.gif) no-repeat;
	width:270px;
	height:61px;
}

#productnav ul li.product_oem {
	background:url(../images/product_addservice.gif) no-repeat;
	width:270px;
	height:61px;
}

#productnav ul li.select {
	background-position:0px -122px;
}

#productnav ul li.select:hover {
	background-position:0px -122px;
}

#productnav ul li:hover {
	background-position:0px -61px;
}

#productnav ul li a {
	width:270px;
	display:block;
	height:61px;
}

#productnav ul li {
	border-bottom:1px solid #c8c8c8;
}



#product_detail {
	width:707px;
	border-left:1px solid #c8c8c8;
	background:url(../images/packageico.gif) no-repeat 38px 44px;
}

#product_detail ul {
	margin-left:38px;
	margin-top:95px;
	padding-right:80px;
	padding-bottom:80px;
}

#product_detail ul li {
	font-size:14px;
	color:#666666;
	background:url(../images/productico.gif) no-repeat 0px 5px;;
	line-height:26px;
	padding-left:20px;
}

#softnav {
	width:270px;
}

#softnav ul li.soft_cms {
	background:url(../images/soft_cms_nav.gif) no-repeat;
	width:270px;
	height:61px;
}
#softnav ul li.soft_news {
	background:url(../images/soft_news_nav.gif) no-repeat;
	width:270px;
	height:61px;
}
#softnav ul li.product_std {
	background:url(../images/product_std_nav.gif) no-repeat;
	width:270px;
	height:61px;
}

#softnav ul li.soft_hs {
	background:url(../images/soft_hs_nav.gif) no-repeat;
	width:270px;
	height:61px;
}

#softnav ul li.soft_mrp {
	background:url(../images/soft_mrp_nav.gif) no-repeat;
	width:270px;
	height:61px;
}

#softnav ul li.select {
	background-position:0px -122px;
}

#softnav ul li.select:hover {
	background-position:0px -122px;
}

#softnav ul li:hover {
	background-position:0px -61px;
}

#softnav ul li a {
	width:270px;
	display:block;
	height:61px;
}

#softnav ul li {
	border-bottom:1px solid #c8c8c8;
}


#product_detail {
	width:707px;
	border-left:1px solid #c8c8c8;
	background:url(../images/packageico.gif) no-repeat 38px 44px;
}

#product_detail ul {
	margin-left:38px;
	margin-top:95px;
	padding-right:80px;
	padding-bottom:80px;
}

#product_detail ul li {
	font-size:14px;
	color:#666666;
	background:url(../images/productico.gif) no-repeat 0px 5px;;
	line-height:26px;
	padding-left:20px;
}



.softsubnav {
	width:707px;
	height:31px;
	height:30px\9;
	*height:30px;
	_height:30px;
	border-bottom:1px solid #c8c8c8;
	overflow:hidden
}

.softsubnav li {
	float:left;
	border-right:1px solid #c8c8c8;
	padding:8px 38px;
}

.softsubnav li a {
	font-size:14px;
	font-weight:bold;
	color:#878787;
}

.softsubnav li a.selected {
	font-size:14px;
	color:#0860a8;
	font-weight:bold;
	border-bottom:3px solid #0860a8;
	padding-bottom:2px;
}

.softsubcontent {
	width:636px;
	margin:30px 35px;
	position:absolute;
}

.softsubcontent p {
	font-size:14px;
	line-height:28px;
	color:#666666;
	margin-bottom:20px;
}

.softsubcontent ul li {
	font-size:14px;
	color:#666666;
	background:url(../images/productico.gif) no-repeat 0px 5px;;
	line-height:26px;
	padding-left:20px;
}

#snsnav {
	width:270px;
}

#snsnav ul li.sns {
	background:url(../images/sns_nav.gif) no-repeat;
	width:270px;
	height:61px;
}

#snsnav ul li.select {
	background-position:0px -122px;
}

#snsnav ul li.select:hover {
	background-position:0px -122px;
}

#snsnav ul li:hover {
	background-position:0px -61px;
}

#snsnav ul li a {
	width:270px;
	display:block;
	height:61px;
}

#snsnav ul li {
	border-bottom:1px solid #c8c8c8;
}

#sns_detail {
	width:707px;
	border-left:1px solid #c8c8c8;
	position:relative;
}

.snssubnav {
	width:707px;
	height:31px;
	height:30px\9;
	*height:30px;
	_height:30px;
	border-bottom:1px solid #c8c8c8;
}

.snssubnav li {
	float:left;
	border-right:1px solid #c8c8c8;
	padding:8px 38px;
}

.snssubnav li a {
	font-size:14px;
	font-weight:bold;
	color:#878787;
}

.snssubnav li a.selected {
	font-size:14px;
	color:#0860a8;
	font-weight:bold;
	border-bottom:3px solid #0860a8;
	padding-bottom:2px;
}

.snssubcontent {
	width:645px;
	margin:30px 30px;
	position:absolute;
}

.snssubcontent p {
	font-size:14px;
	line-height:28px;
	color:#666666;
	margin-bottom:20px;
}

.snssubcontent ul li {
	font-size:14px;
	color:#666666;
	background:url(../images/productico.gif) no-repeat 0px 5px;;
	line-height:26px;
	padding-left:20px;
}

#webgamenav {
	width:270px;
}

#webgamenav ul li.webgame {
	background:url(../images/webgame_nav.gif) no-repeat;
	width:270px;
	height:61px;
}

#webgamenav ul li.select {
	background-position:0px -122px;
}

#webgamenav ul li.select:hover {
	background-position:0px -122px;
}

#webgamenav ul li:hover {
	background-position:0px -61px;
}

#webgamenav ul li a {
	width:270px;
	display:block;
	height:61px;
}

#webgamenav ul li {
	border-bottom:1px solid #c8c8c8;
}

#webgame_detail {
	width:707px;
	border-left:1px solid #c8c8c8;
	position:relative;
}

.webgamesubnav {
	width:707px;
	height:31px;
	height:30px\9;
	*height:30px;
	_height:30px;
	border-bottom:1px solid #c8c8c8;
}

.webgamesubnav li {
	float:left;
	border-right:1px solid #c8c8c8;
	padding:8px 38px;
}

.webgamesubnav li a {
	font-size:14px;
	font-weight:bold;
	color:#878787;
}

.webgamesubnav li a.selected {
	font-size:14px;
	color:#0860a8;
	font-weight:bold;
	border-bottom:3px solid #0860a8;
	padding-bottom:2px;
}

.webgamesubcontent {
	width:645px;
	margin:30px 30px;
	position:absolute;
}

.webgamesubcontent p {
	font-size:14px;
	line-height:28px;
	color:#666666;
	margin-bottom:20px;
}

.webgamesubcontent ul li {
	font-size:14px;
	color:#666666;
	background:url(../images/productico.gif) no-repeat 0px 5px;;
	line-height:26px;
	padding-left:20px;
}

#Marketnav{ text-align:center}
#Marketnav #newli{margin:0 auto; padding:8px 26px 20px; border:1px solid #ccc; border-top:none}
#Marketnav #newli h6{ background-color:#f4f4f4; line-height:28px; font-size:12px; color:#333; text-indent:10px}
#Marketnav #newli h6.select{ background-color:#ffb534; color:#fff;}
#Marketnav #newli ul{ margin-bottom:10px;}
#Marketnav #newli li{ background:url(../images/dot1.jpg) left 7px no-repeat; line-height:26px; border-bottom:1px solid #ccc; margin:0 10px; text-indent:16px;}
#Marketnav {
	width:270px;
}

#Marketnav ul li.Market_hxt {
	background:url(../images/hxt.gif) no-repeat;
	width:270px;
	height:61px;
}


#Marketnav ul li.Market_ols {
	background:url(../images/onlineser.gif) no-repeat;
	width:270px;
	height:61px;
}


#Marketnav ul li.select {
	background-position:0px -122px;
}

#Marketnav ul li.select:hover {
	background-position:0px -122px;
}

#Marketnav ul li:hover {
	background-position:0px -61px;
}



#Marketnav ul li {
	border-bottom:1px solid #c8c8c8;
}

.area7 {
	width:980px;
	float:left;
	margin-top:10px;
}

.area7 div.title {
	width:980px;
	height:54px;
	background:url(../images/area4_title.gif) no-repeat;
	text-align:center;
}

.area7 div.title span {
	height:21px;
	display:block;
	margin:20px auto;
	width:500px;
}

.area7 div.title a {
	font-size:14px;
	margin:0px 15px;
	display:block;
	float:left;
}

.area7 div.title a.selected {
	font-size:14px;
	margin:0px 15px;
	color:#0860a8;
	font-weight:bold;
	border-bottom:3px solid #0860a8;
	padding-bottom:2px;
}

.area7 div.foot {
	width:980px;
	height:5px;
	background:url(../images/area4_foot.gif) no-repeat;
}

.area7 div.content {
	width:978px;
	border-left:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;
}

.area7 div.title a:hover {
	color:#0860a8;
}

#case_content {
	margin:0px auto;
	width:956px;
	padding-bottom:20px;
}

.onecase {
	background:url(../images/frame_case.gif) no-repeat center;
	width:478px;
	height:251px;
	margin-top:20px;
}

.onecase dl dt.left img {
	border:1px solid #d2d2d2;
}

.area8 {
	width:980px;
	float:left;
	margin-top:10px;
}

.area8 div.title {
	width:980px;
	height:54px;
	background:url(../images/area4_title.gif) no-repeat;
	text-align:center;
}

.area8 div.title span {
	height:54px;
	display:block;
	margin-left:345px;
	width:600px;
}

.area8 div.title a {
	font-size:14px;
	margin-top:21px;
	margin-right:35px;
	margin-left:10px;
	display:block;
	float:left;
	font-weight:bold;
}

.area8 div.title p {
	font-size:14px;
	margin:13px 0px;
	display:block;
}

.area8 div.title a.selected {
	font-size:14px;
	margin-top:21px;
	margin-right:35px;
	margin-left:10px;
	color:#0860a8;
	font-weight:bold;
	border-bottom:3px solid #0860a8;
	padding-bottom:2px;
}

.area8 div.foot {
	width:980px;
	height:5px;
	background:url(../images/area4_foot.gif) no-repeat;
}

.area8 div.content {
	width:978px;

	border-left:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;
}

.area8 div.title a:hover {
	color:#0860a8;
}

#service_content {
	margin:0px auto;
	width:945px;
	padding:30px 0;
}

.onestep {
	width:315px;
	margin-bottom:40px;
}

.onestep div.txt {
	font-size:14px;
	color:#666666;
	line-height:26px;
	margin-top:150px;
	padding:16px 30px 0px 30px;
}

.area9 {
	width:980px;
	float:left;
	margin-top:10px;
}

.area9 div.title {
	width:980px;
	height:54px;
	background:url(../images/area4_title.gif) no-repeat;
	text-align:center;
}

.area9 div.title p {
	font-size:14px;
	margin:13px 0px;
	display:block;
}

.area9 div.foot {
	width:980px;
	height:5px;
	background:url(../images/area4_foot.gif) no-repeat;
}

.area9 div.content {
	width:978px;
	border-left:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;
}

#contact_content {
	margin:0px auto;
	width:850px;
	padding-top:43px;
}

.contact_details {
	width:850px;
	height:327px;
	margin-bottom:40px;
}
