@charset "utf-8";
/* CSS Document */
/*----通用样式------*/
.instCont .title{ width:100%; margin:20px 0 0 0; border-bottom:2px solid #0068b7; height:40px;}
.instCont .title span{ width:100px; height:40px; background:#0068b7; color:#fff; text-align:center; display:inline-block; line-height:40px; position:relative;}
.instCont .title span i{ width:0; height:0; position:absolute; right:-25px; bottom:0; border-right: 25px solid transparent;  border-top: 20px solid transparent; border-bottom: 39px solid #0068b7;}

.cTitle{ padding-bottom:20px;}
.cTitle h2{ font-weight:normal; color:#048fe9; font-size:20px; margin:30px 0 10px 0; display:inline-block; width:100%; text-align:center;}
.cTitle h2 font{ width:100%; height:1px; border-bottom:1px #a0a0a0 dotted; position:relative; display:inline-block; margin-top:20px;}
.cTitle h2 font span{ width:200px; height:20px; line-height:20px; font-size:16px; background:#fff; position:absolute; top:-10px; left:485px; display:block; color:#666;}
.cTitle .title .searchForm{ width:200px; height:30px; border:1px solid #ededed; display:inline-block; float:right; margin-bottom:5px; position:relative;}
.cTitle .title .searchForm input{ width:190px; height:20px; padding:5px; outline:none; border:none; color:#333; font-size:14px; line-height:20px;}
.cTitle .title .searchForm button{ width:30px; height:30px; border:none; outline:none; position:absolute; right:0; top:0; background:url(../images/searchicon.png) no-repeat center; background-size:20px;}

/*-----------------------------------------------首页-------------------------------*/
.instCont{ padding:20px 0; }
.instCont .instLeft{ width:860px; padding:0 20px 20px 20px; background:#fff; display:inline-block; float:left;}
.instCont .instLeft .title a{ height:40px; line-height:40px; display:inline-block; float:right; color:#333; font-size:12px;}
.instCont .instLeft .title a:hover{ color:#f82e05}
.instCont .instLeft ul li{ border-bottom:1px dotted #ededed; padding:15px 0;}

.instCont .l_service ul li img,.instCont .l_need ul li img{ width:114px; height:114px; padding:2px; border:1px solid #dedede; display:inline-block; float:left; margin-right:10px;}
.instCont .l_service ul li img:hover{ border:1px solid #f82e05}
.instCont .l_service .serviceInfo,.instCont .l_need .needInfo{ width:730px; display:inline-block; float:left;}
.instCont .l_service .serviceInfo dl dt,.instCont .l_service .serviceInfo dl dd{ width:100%; line-height:24px; color:#333; font-size:14px; float:left; display:inline-block;}
.instCont .l_service .serviceInfo dl dt font,.instCont .instLeft .l_service .serviceInfo dl dd font{ color:#999;}
.instCont .l_service .serviceInfo dl dt{ overflow:hidden;}
.instCont .l_service .serviceInfo dl dd.s_wid{ width:200px;}
.instCont .l_service .serviceInfo dl dd.l_wid{ width:530px;}
.instCont .l_service .serviceInfo dl dd font{ display:inline-block; float:left;}
.instCont .l_service .serviceInfo dl dd i.star{  width:15px; height:15px; margin:4px 3px; display:inline-block; float:left; background:url(../images/icon.png) 0 0 no-repeat; }
.instCont .l_service .serviceInfo dl dt a.name{ color:#333;}
.instCont .l_service .serviceInfo dl dt a.name:hover{ color:#f82e05}
.instCont .l_service .serviceInfo dl dt a{ color:#f82e05}

.instCont .l_need ul li{ position:relative; width:100%;}
.instCont .l_need ul li img{ width:94px; height:94px;}
.instCont .l_need .needInfo dl dt,.instCont .l_need .needInfo dl dd{ width:100%; line-height:25px; font-size:14px; overflow:hidden; float:left; display:inline-block; color:#333;}
.instCont .l_need .needInfo dl dt font,.instCont .l_need .needInfo dl dd font{ width:70px; text-align:right; display:inline-block; float:left; margin-right:5px; color:#999;}
.instCont .l_need .needInfo dl dd{ width:45%;}
.instCont .l_need ul li dl>a{ color:#f82e05; position:absolute; bottom:20px; right:0; display:block;}

.instCont .l_case ul li img{ width:230px; height:140px; display:inline-block; float:left; margin-right:10px;}
.instCont .l_case ul li .caseInfo{ width:620px; display:inline-block; float:left;}
.instCont .l_case ul li .caseInfo a.name{ width:auto; height:20px; font-size:16px; line-height:20px; margin-bottom:20px; display:block; color:#333;}
.instCont .l_case ul li .caseInfo a.name:hover{ color:#f82e05}
.instCont .l_case ul li .caseInfo p{ width:100%; height:52px; line-height:26px; color:#333; overflow:hidden;}
.instCont .l_case ul li .caseInfo p a{ color:#f82e05}
.instCont .l_case ul li .caseInfo font{ color:#999; font-size:12px; height:20px; line-height:20px; margin-top:25px; display:block; width:100%; text-align:left;}


.instCont .instRight{ width:280px;  display:inline-block; float:right;}
.instCont .instRight .title{ width:100%; height:36px; background:#0068b7; color:#fff; font-weight:normal; line-height:36px; margin-top:0;}
.instCont .instRight .title i{ width:15px; height:15px; margin:10px 8px 0 10px; display:inline-block; float:left; background:url(../images/icon.png) 0 -15px no-repeat; }
.instCont .instRight .title a{ display:inline-block; line-height:36px; font-size:12px; color:#fff; float:right; margin-right:10px;}
.instCont .instRight .unitRight{ margin-bottom:20px;}
.instCont .new ul,.instCont .font_set dl{ width:260px; padding:10px; background:#fff;}
.instCont .new ul li{ width:100%; height:32px; line-height:32px; border-bottom:1px solid #ededed; font-size:14px; color:#333; overflow:hidden;}
.instCont .new ul li i{ width:5px; height:5px; display:inline-block; background:#666; margin:13px 10px 0 0; float:left;}

.instCont .font_set dl dd{ width:100%; margin-bottom:10px;}
.instCont .font_set dl dd span{ width:70px; height:24px; line-height:24px; display:inline-block; float:left; text-align:right; display:inline-block; float:left; color:#0068b7;}
.instCont .font_set dl dd font{ width:180px; display:inline-block; float:right; line-height:24px;}


.firmProduct ul li{ width:195px !important; margin:0 24px 20px 0 !important; border:1px solid #ededed; display:inline-block; float:left; padding:0 !important;}
.firmProduct li .p_img{ width:175px  !important; height:175px  !important; position:relative; overflow:hidden; text-align:center; margin:10px;}
.firmProduct li .p_img img{ width:175px  !important; height:auto; position:absolute; top:50%; left:50%; margin:-50% 0 0 -50%; max-width:175px  !important; display:inline-block; max-height:175px  !important;}


/*-----服务项目-------*/
.instCont .l_service .sercive_list li{ padding:20px 0; width:100%; position:relative; border-bottom:1px dashed #ededed;}
.instCont .sercive_list li .serviceInfo{ width:580px;}
.instCont .sercive_list li .serviceInfo .service_area,.instCont .sercive_list li .serviceInfo .charge{ width:200px !important; position:absolute; top:20px; text-align:center;}
.instCont .sercive_list li .serviceInfo .service_area font,.instCont .sercive_list li .serviceInfo .charge font{ width:100%; display:block; font-size:16px; color:#0068b7}
.instCont .sercive_list li .serviceInfo .service_area span,.instCont .sercive_list li .serviceInfo .charge span{ width:100%; display:block;}
.instCont .sercive_list li .serviceInfo .service_area{ right:200px;}
.instCont .sercive_list li .serviceInfo .charge{ right:0;}

/*-----项目需求-------*/
.instCont .need_list  li{ padding:20px 0; border-bottom:1px dashed #ededed;}
.instCont .need_list  li dl{ width:900px;}

/*-----公司案例-------*/
.instCont .case_list li{ padding:20px 0; border-bottom:1px dashed #ededed;}
.instCont .case_list li img{ margin-right:20px !important;}
.instCont .case_list li .caseInfo{ width:910px !important;}
.instCont .l_case h3{ width:100%; margin:30px 0 20px 0; text-align:center; font-size:18px; font-weight:700; display:inline-block; color:#0068b7;}
.instCont .l_case h3 p{ width:100%; line-height:20px; display:inline-block; margin:10px 0 0 0; font-weight:normal; color:#999; font-size:14px;}
.instCont .l_case h3 p span{ margin-left:50px;}
.instCont .case_main{ margin-top:20px;}
.instCont .case_main p{ width:96%; margin:0 2% 10px 2%; line-height:24px; color:#333; font-size:14px; text-indent:28px; display:inline-block;}
.instCont .case_main img{ width:70%; margin:20px 15%; display:inline-block;}

/*---公司产品----*/
.instCont  .loan_list{ width:1200px; margin-top:20px;}
.instCont  .loan_list li{ width:280px; margin:0 11px 20px 0; border:1px solid #ededed; display:inline-block; float:left;}
.instCont  .loan_list li .p_img{ width:260px; height:260px; position:relative; overflow:hidden; text-align:center; margin:10px;}
.instCont  .loan_list li .p_img img{ width:260px; height:auto; position:absolute; top:50%; left:50%; margin:-50% 0 0 -50%; max-width:260px; display:inline-block; max-height:260px;}
.instCont  .loan_list li dd.name a{ width:92%; padding:0 4%; height:40px; line-height:40px; text-align:center; margin-top:10px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.instCont  .loan_list li:hover{ border:1px solid #0068b7}
.instCont  .loan_list li:hover dd.name a{ color:#fff; background:#0068b7;}

.s_cloose {
	margin-top: 20px;
	background: #fff;
	width:100%;
}
.s_cloose h2 {
	width: 100%;
	font-size: 20px;
	padding: 3% 0;
	text-align: center;
	color: #333
}
.s_cloose h3{ width:100%; height:40px; margin:10px 0; border-bottom:1px solid #ededed;}
.s_cloose h3 span{ width:120px; margin:0 20px; font-size:16px; line-height:40px; height:40px; display:inline-block; text-align:center; border-bottom:1px solid #f5565b;}
.s_cloose .s_title {
	width: 100%;
	height: 50px;
	border-bottom:1px dashed #ededed;
}
.s_cloose .s_title form {
	width: 50%;
	height: 50px;
	display: inline-block;
	float: left;
}
.s_cloose .s_title form label {
	width: 100px;
	height: 50px;
	text-align:right;
	line-height: 50px;
	float: left;
	color: #333;
	font-size: 14px;
}
.s_cloose .s_title form input {
	width: 120px;
	height: 20px;
	margin: 10px 5px;
	padding: 4px 5px;
	border:1px solid #ededed;
	background: #fff;
	line-height: 20px;
	outline: none;
	display: inline-block;
	float: left;
}
.s_cloose .s_title form input:focus {
	background: #f7f7f7;
	width: 160px;
}
.s_cloose .s_title form button {
	height: 30px;
	width: auto;
	margin: 10px 0;
	display: inline-block;
	float: left;
	border: 0;
	outline: 0;
	background: #e2e2e2;
	padding: 0 10px;
	color: #333;
	font-size: 14px;
	font-family:'微软雅黑';
}
.s_cloose .s_title form button:hover {
	background: #d2d2d2;
}
.s_cloose .s_title a {
	width: auto;
	height: 30px;
	background: #d1292e;
	float: right;
	margin: 10px 20px 5px 0;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	padding: 0 15px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.s_cloose .s_title a:hover {
	background: #f5565b
}
.s_cloose ul {
	width: 100%;
}
.s_cloose ul li {
	width: 100%;
	padding:10px 0 5px 0;
	border-bottom: 1px dotted #c5c5c5;
}
.s_cloose ul li font {
	width: 100px;
	text-align: right;
	height: 40px;
	line-height: 40px;
	color: #666;
	float: left;
	font-size: 14px;
}
.s_cloose ul li p {
	width: 1000px;
	float: left;
	margin-left: 10px;
	display: inline-block;
}
.s_cloose ul li p a {
	width: auto;
	padding: 0 10px;
	height: 30px;
	margin: 5px 0px 5px 10px;
	display: inline-block;
	float: left;
	line-height: 30px;
	color: #333;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.s_cloose ul li p a:hover {
	background: #f5f5f5;
}
.s_cloose ul li p a.curr {
	background: #d1292e;
	color: #fff;
}

/*----关于我们----*/
.about_font{ width:1120px; padding:20px 20px 0 20px;}
.about_font p{ line-height:26px; text-align:left; font-size:14px; display:inline-block; color:#333;}
.about_img{ width:100%;}
.about_img img{ width:370px; height:260px; display:inline-block; float:left; margin:20px 8px 0 8px;}
.about_info{ width:1120px; margin:20px 20px 0 20px;}
.about_info dl dd{ width:40%; display:inline-block; float:left; height:30px; line-height:30px; color:#333;}
.about_info dl dd span{ color:#0068b7;}