﻿.container{
	padding: 0px;
}
.width-20{
	width: 20%;
}
#body-content{
	background: #F5F5F5;
}
#locale{
	margin-top: 1em;
	margin-bottom: 1em;
}
#locale span,#locale span a{
	color: #666;
}
#personal-homepage{
	background: #fff;
	margin-bottom: 8em;
}
.background{
	background: url(../images/bg.jpg) no-repeat;
	position: relative;
}
.pos-2d{
	padding: 0.8em 0.8em 0.5em;
	text-align: center;
	background: rgba(0,0,0,0.6);
	position: absolute;
	right: 0;
	top: 46px;
	border: 1px solid #394468;
}
.pos-2d p{
	color: #f5f5f5;
	margin-top: 0.5em;
	font-size: 0.75em;
}
.pos-img{
	text-align: center;
	padding-top: 6em;
}
.pos-img h4{
	font-size: 1.33em;
	color: #333;
}
.phone-number{
	color: #C31626 !important;
}
.pos-img img:first-child{
	border:5px solid rgba(255,255,255,0.5);
	border-radius: 50%; 
	width: 120px;
	height: 135px !important;
}
.pos-img p{
	display: inline-block;
	border-right: 1px solid #ddd;
	padding: 0em 1em;
	margin: 1em 0em;
}
.pos-img p:last-child{
	border: none;
}
.pos-img p span{
	color: #666;
}
.pos-img p span:last-child{
	color: #999;
}
.personal-profile{
	text-align: center;
	margin:1em;
}
.personal-profile p{
	display: inline-block;
	font-size: 1em;
	line-height: 1.75em;
	color: #333;
}
.personal-profile p:last-child{
	width: 85%;
	vertical-align: top;
	text-align: center;
}
.pos-button{
	text-align: center;
	margin: 1em 1em 2.5em;
	padding-bottom: 2.5em;
	border-bottom: 1px solid #f5f5f5;
}
.pos-button a button{
	height: 3em;
	margin:0em 1em;
	padding-left: 2.8em;
	padding-right: 2.8em;
}
.pos-button a:first-child button{
	color: #fff;
	background: #C31626;
	border: 1px solid #C31626;
}
.pos-button a:focus{
	color: #C31626;
}
.pos-button a:last-child button{
	color: #C31626;
	border: 1px solid #C31626;
	background: #fff;
}
.pos-button a:last-child button:hover{
	background: #fff;
}
/*证书*/
.certificate{
	padding: 0px 1em;
}
.certificate>div>div{
	margin-left: 1em;
	width: 542px;
	height: 25em;
	background: url(../images/g9.jpg) no-repeat;
	padding-left: 3em;
	position: relative;
	margin-bottom: 3em;
}
.certificate>div>div h4{
	text-align: center;
	padding-top: 1.5em;
	padding-bottom: 1em;
	font-size: 1.75em;
	font-weight: 500;
	color: #333;
}
.certificate>div>div span{
	line-height: 2em;
	color: #999;
}
.certificate>div>div span:nth-child(3){
	margin-right: 15em;
}
.certificate>div:first-child>div p{
	float: right;
	margin: 3em 7.5em 0em;
}
.certificate>div>div img{
	position: absolute;
	bottom: 5em;
	right: 3em;
}
.certificate>div:last-child>div p{
	color: #999;
}
.certificate>div:last-child>div p>span{
	font-weight: 600;
	line-height: 2.5em;
}
.certificate>div:last-child>div aside{
	margin-top: 2em;
}
.certificate>div:last-child>div name{
	float: right;
	margin-top: 1em;
	margin-right: 7em;
}
/*贷款用途*/
.purpose{
	text-align: center;
	clear: both;
	margin-top: 30em;
	padding: 0 1.5em;
}
.purpose h3{
	font-size: 2em;
	color: #333;
}
.purpose>h5{
	color: #999;
	font-size: 1.33em;
	margin-bottom: 2em;
}
.purpose div{
	float: left;
}
#num1 span:last-child {
	text-align: left;
}
.purpose div span>h5{
	font-size: 1.33em;
	color: #333;
	margin-bottom: 0.5em;
}
.purpose div span p{
	color: #999;
	line-height: 2em;
}
.purpose a{
	position: relative;
	width: auto;
}
.num {
	margin-left: 1em;
	margin-bottom: 1em;
	border: 1px solid #eee;
	height: 15em;
}
.num-hidden h5{
	color: #fff;
	font-size: 2em;
}
.num span:first-child{
	display: inline-block;
	width: 85px;
	height: 80px;
	background: url(../images/g13.png);
}

#num1{
	padding: 5em 7em 3em 3em;
}
#num1 span{
	float: left;
	margin-right: 1em;
}
#num1 span:first-child{
	background-position: 0 0;
}
#num2,#num3,#num4{
	padding: 1em 3.15em;
}

#num2 span:first-child{
	background-position: 10px -87px;
}

#num3 span:first-child{
	background-position: 10px -159px;
}

#num4 span:first-child{
	background-position: 10px -237px;
}

#num5,#num6,#num7,#num8{
	padding: 1em 5.15em;
}

#num5 span:first-child{
	background-position: 7px -321px;
}

#num6 span:first-child{
	background-position: 3px -397px;
}

#num7 span:first-child{
	background-position: 19px -475px;
}

#num8 span:first-child{
	background-position: 9px -544px;
}
/*贷款业务动画*/
.num span:first-child{
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	transition: all 0.5s ease;
}
.num:hover span:first-child{
	transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	
}
/*贷款用途*/
.business{
	margin-top: 40.5em;
	padding-bottom: 24em;
}
.business>div{
	margin: 0px !important;
}
.bussness-box{
	width: 90%;
	text-align: center;
	height: 20em;
	margin-left: 1em;
	overflow: hidden;
	position: relative;
}
.buss-hidden span{
	display: inline-block;
	width: 60px;
	height: 55px;
	background: url(../images/g13.png);
	margin-top: 3em;
}
.buss-hidden{
	height: 9em;
	overflow: hidden;
	width: 100%;
	text-align: center;
	background: #C31626;
	position: absolute;
	left: -100%;
	z-index: 999;
}
.buss-hidden h3{
	font-size: 1.5em;
}
.buss-hidden h3,.buss-hidden p{
	color: #fff;
}
.buss-hidden p{
	line-height: 2em;
}
.buss-show{
	width: 98%;
	margin-left: 1%;
	height: 19em;
	position: relative;
	box-shadow: 0px 1px 3px #f5f5f5;
}
.back1{
	background: url(../images/g12.png) no-repeat;
	width: 100%;
	height: 8em;
	padding-top: 1.5em;
}
.back2{
	background: url(../images/g11.png) no-repeat;
	width: 100%;
	height: 8em;
	padding-top: 1.5em;
}
.buss-show>div>span{
	display: inline-block;
	width: 60px;
	height: 55px;
	background: url(../images/g13.png);
	vertical-align: middle;
	margin-top: 0em !important;
	margin-left: 1em;
	margin-right: 1em;
}
#buss-show1{
	background-position: 5px -616px;
}
#buss-show2{
	background-position: 5px -678px;
}
#buss-show3{
	background-position: 3px -739px;
}
#buss-show4{
	background-position: 10px -792px;
}
#buss-show5{
	background-position: 5px -846px;
}
.buss-show>div>span,.buss-show>div>h3{
	float: left;
}
.buss-show>div>h3{
	color: #fff;
	font-size: 1.5em;
}
.buss-show article{
	padding-top: 9em;
}
.buss-show article p{
	line-height: 2em;
}
.buss-show article p:first-child{
	color: #666;
}
.buss-show article p:last-child{
	color: #999;
}
#buss1{
	background-position: 5px -616px;
}
#buss2{
	background-position: 5px -678px;
}
#buss3{
	background-position: 7px -739px;
}
#buss4{
	background-position: 10px -792px;
}
#buss5{
	background-position: 5px -846px;
}
/*免费咨询*/
.box-phone{
	position: absolute;
	top: 0px;
	height: 2690px;
	width: 100%;
	background: rgba(0,0,0,0.5);
	display: none;
}
.input-phone{
	border: 9px solid rgba(0,0,0,0.3);
	position: fixed;
	height: 420px;
	width: 540px;
	background: #fff;
	left: 50%;
	margin-left: -240px;
	top: 50%;
	margin-top: -210px;
	text-align: center;
	padding: 15px;
}
.input-phone>img{
	margin: 0 auto;
	border-radius: 50%;
}
.phone-head{
	margin-bottom: 20px;
	width: 100%;
}
.phone-head span:first-child{
	float: left;
	color: #666;
}
.phone-head span:last-child{
	float: right;
	color: #999;
}
.name-phone{
	font-size: 1.33em;
	margin-top: 1em;
	color: #C31626;
}
.phone-num {
	margin-top: 25px;
	color: #666;
}
.phone-num input{
	vertical-align: middle;
	height: 35px;
	width: 255px;
	padding-left: 1em;
	border:1px solid #b2b2b2
}
.input-phone .btn{
	margin-top: 25px;
	width: 135px;
	height: 34px;
	padding: 0px;
	line-height: 34px;
	border-radius: 0px;
	background:#C31626 ;
	color: #fff;
}

@media screen and (max-width:1000px){
	.pos-2d{ max-width:100px;}
	.pos-2d img{ width:100%;}
	#locale{ padding-left:15px; padding-right:15px;}
	.col-md-6{ width:100% !important;}
	.certificate>div>div{ width:100%;    background-size: 100% 100%;}
	.certificate>div>div span:nth-child(3){ margin-right:20px;}
	.certificate>div:first-child>div p{  margin-left:0;float:none;}
	.certificate>div>div{ padding-left:0; margin-left:0; margin-bottom:20px; padding:20px 30px 30px;}
	.certificate>div:last-child>div name{ float:none;}
	.personal-profile{ padding:0 30px;}
	.bussness-box{ margin-bottom:30px;}
	.back1{ background-size:100%;}
	.buss-show{ height:auto;}.bussness-box{ height:auto;}
	.purpose a{ width:50%; float:left;}
	.purpose.business a{ width:100%; float:none;}
	.num{ padding:20px !important;}
	.purpose div{ width:100%; margin:0 !important;}
	#num1 span:last-child{ text-align:center;} 
	#num1 span{ float:none; margin:0;}
	.purpose h3{ font-size:20px;}
	.purpose>h5{ font-size:16px;}
	.purpose:after{ content:""; clear:both; display:block;}
	.purpose div span p{ font-size:12px; line-height:24px;}
	.num{ height:23rem;}
	.purpose .width-20{ margin-bottom:15px !important;}
	.back1 { height:auto; padding:10px;}
	.buss-show article{ padding-top:0;}
	.purpose{ padding-left:15px; padding-right:15px; margin-top:25px;}
	.purpose.business{ margin-top:25px; padding-bottom:20px;}
	#personal-homepage{ margin-bottom:30px;}
	}