@charset "utf-8";
/****************************
CSS Document
WeiSite : http://www.wsrj.cn 网站名称
Useing : case Style(案例页样式)
Author : Ace
Passed : XHtml 1.0, CSS 2.0, IE6.0+, IE7.0+, FF2.0+, Opera9.26+
Update : 2014-12-10
****************************/
/*案例页样式*/
.ui-case .ui-caleft{
	width:258px;
	min-height:200px;
	float:left;
	margin-right:5px;		
}
.ui-case .ui-caleft .ui-listbox{
	width:auto;
	min-height:490px;
	background:#eeeded;
}
.ui-case .ui-caleft .ui-listbox ul{
	width:auto;
}
.ui-case .ui-caleft .ui-listbox ul li{
	height:60px;
	border-bottom:2px solid #fafafa;	
}
.ui-case .ui-caleft .ui-listbox ul li a{
	width:auto;
	height:60px;
	line-height:60px;
	display:block;
	font-size:20px;
	color:#131313;
	padding-left:26px;
}
.ui-case .ui-caleft .ui-listbox ul li a.current,.ui-case .ui-caleft .ui-listbox ul li a:hover{
	background-color:#082139;
	background-image:url(../images/case_2.png);
	background-position:90% center;
	background-repeat:no-repeat;
	color:#fff;
	text-decoration:none;
}
.ui-case .ui-caright{
	width:837px;
	min-height:200px;
	float:left;
}
.ui-case .ui-catop{
	width:auto;
	height:80px;
}
.ui-case .ui-caleft .ui-catop span{
	width:258px;
	height:71px;
	line-height:58px;
	display:block;
	color:#fff;
	font-size:26px;
	text-align:center;
	background:url(../images/case_01.png) no-repeat;
}
.ui-case .ui-caright .ui-catop span{
	width:258px;
	height:60px;
	line-height:60px;
	display:block;
	font-size:26px;
	color:#232323;
	text-align:center;
	background:#dedcdc;
	margin-left:25px;
}
.ui-case .ui-caright .ui-catop span.ui-input{
	height:40px;
	padding:10px 0px;
	float:right;
	text-align:left;
	margin-left:0px;
}
.ui-case .ui-caright .ui-catop span.ui-input input{
	width:190px;
	height:40px;
	line-height:40px\9;
	padding-left:10px;
	margin-left:7px;
	border:1px solid #dedcdc;
	vertical-align:middle;
	font-size:16px;
	float:left;
}
.ui-case .ui-caright .ui-catop span.ui-input input:focus{
	border:1px solid #fff;
}
.ui-case .ui-caright .ui-catop span.ui-input a{
	width:40px;
	height:40px;
	display:block;
	float:right;
	background:url(../images/case_3.png) 0px center no-repeat;
}
.ui-case .ui-caright .ui-serchbox{
	width:auto;
	min-height:490px;
	border:3px solid #f2eeee;
}
.ui-case .ui-caright .ui-serchbox ul{
	width:auto;
	padding:5px;
	padding-left: 60px;
	padding-top:15px;
}
.ui-case .ui-caright .ui-serchbox ul li{
	width:33%;
	float:left;
	height:50px;
	line-height:50px;
	list-style:inside;
	color:#8c8c8c;
}


/*方案二*/
.ui-case dl{
	width:auto;
	min-height:300px;
}
.ui-case dl dt{
	width:auto;
	min-height:45px;
	padding-left:25px;
}
.ui-case dl dt h2{
	width:258px;
	height:71px;
	line-height:58px;
	display:block;
	color:#fff;
	font-size:26px;
	text-align:center;
	background:url(../images/case_01.png) no-repeat;
}
.ui-case dl dd{
	padding:0px 0px 20px 0px;
	border-bottom:2px solid #eeeded;
	margin-bottom:25px;
}
.ui-case dl dd ul{
	width:auto;
	min-height:100px;
	padding:5px;
	padding-left: 20px;
	padding-top:15px;
}
.ui-case dl dd ul li{
	width:25%;
	float:left;
	height:50px;
	line-height:50px;
	list-style:inside;
}
/*典型客户*/
/*圆宝贝*/
.ui-wsMainbox{
	width:1190px;
}
.ui-yuanB dl{
	width:auto;
	min-height:100px;
}
.ui-yuanB dl dt{
	width:auto;
	height:55px;
	line-height:60px;
	font-size:28px;
	border-bottom:1px dashed #808080;
}
.ui-yuanB dl dd{
	width:auto;
	min-height:100px;
	padding:5px;
	margin:15px 0;
}
.ui-dxkh div.img{
	width:418px;
	height:278px;
	float:left;
	border:1px solid #d9d9d9;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.ui-dxkh div.img img{
	display:block;
}
.ui-dxkh div.del{
	width:724px;
	height:255px;
	float:left;
	border:1px solid #d9d9d9;
	border-left:none;
	padding-left:35px;
	padding-top:23px;
}
.ui-dxkh div.del h1{
	width: auto;
	height: 30px;
	line-height: 30px;
	font-size: 28px;
	color: #404040;
	text-indent: 19px;
}
.ui-dxkh div.del ul{
	width:auto;
	min-height:10px;
}
.ui-dxkh div.del ul li{
	width:80%;
	min-height:10px;
	float:left;
}
.ui-dxkh div.del ul li.ui-fir{
	width:20%;
	min-height:10px;
}
.ui-dxkh div.del ul li.ui-fir nav{
	width:auto;
	height:50px;
	line-height:50px;
	font-size:24px;
	text-align:right;
	color:#4c4c4c;
}
.ui-dxkh div.del ul li p{
	width:auto;
	font-size:18px;
	color:#4c4c4c;
	line-height:33px;
	padding:10px 15px 0px 5px;
}
.ui-khdm .marquee{
	width:1180px;
	overflow:hidden;
	margin:auto;
}
.ui-khdm .marquee ul{
	width:auto;
	height:248px;
	margin-left:-35px;
}
.ui-khdm .marquee ul li{
	width:368px;
	height:248px;
	float:left;
	margin-left:36.5px;
}
.ui-khdm .marquee ul li img{
	width:368px;
	height:248px;
	display:block;
}
.ui-khdm .marquee ul li a{
	width:auto;
	height:246px;
	display:block;
	border:1px solid #999999;
}
.ui-herp .ui-htop{
	width:auto;
	padding:10px 0px;
	min-height:10px;
}
.ui-herp .ui-htop div{
	width:573px;
	height:333px;
	float:left;
	border:1px solid #d9d9d9;
}
.ui-herp .ui-htop div.ui-left{
	margin-right:30px;
}
.ui-herp .ui-hbott{
	width: auto;
	height: 120px;
	border: 1px solid #d9d9d9;
	margin-top: 25px;
	font-size: 18px;
	color: #4c4c4c;
	text-indent: 2em;
	padding: 50px 50px;
	line-height: 31px;
}
.ui-qerp{
	min-height:100px;
}
.ui-qerp div.ui-left{
	width:558px;
	min-height:10px;
	padding:25px 0px;
	float:left;
}
.ui-qerp div.ui-right{
	width:620px;
	height:470px;
	float:left;
}
.ui-qerp div.ui-qdel h2{
	width:auto;
	height:45px;
	line-height:45px;
	font-size:24px;
	color:#404040;
	font-weight:normal;
}
.ui-qerp div.ui-qdel p{
	font-size:16px;
	color:#666;
	line-height:30px;
	padding-left:20px;
}
.ui-qerp div.ui-right div.ui-ather{
	width:auto;
	height:450px;
	display: table;
	position: relative;
}
.ui-qerp div.ui-right div.ui-ather nav{
	top: 50%;
	display: table-cell; 
	vertical-align:middle; 
	position: static;
}
.ui-qerp div.ui-right div.ui-ather p{
	width:80%;
	display:block;
	position: relative; 
	top: -50%;
	padding-left:8%;
	font-size:16px;
	color:#333333;
	line-height:35px;
}