@charset "utf-8";
/*about zyr
 * 内容：贷款-贷款指南
 * 2017-8-14
 */
/*页面公用 start*/
.center-nav{
	background: url(../images/public/nav-bg_02.jpg) center bottom no-repeat;
}
.zgw-box{
	min-width: 1200px;
}
.opactity:hover{
	filter:alpha(opacity=85);       /* IE */
	-moz-opacity:0.85;              /* 老版Mozilla */
	-khtml-opacity:0.85;              /* 老版Safari */
	opacity: 0.85;
}
.footer-box1{background: #f7f7f7;}
/*页面公用 end*/

/*左边内容  start*/
.guide-bd{
	width: 100%;
}
.guide-fr,.guide-fl{box-shadow: 0 0 15px rgba(227,230,237,1);}
.guide-fl{width:260px;}
.guide-fr{width: 900px;margin-bottom: 60px;}
.guide-fl dd{
	width: 100%;
}
.guide-fl dl dt,.guide-fl dl dd{
	padding-left: 40px;
	width: 220px;
	text-align: left;
	position: relative;
	cursor: pointer;
}
.guide-fl dl dt{
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 20px;
	background: #10bbb8;
}
.guide-fl dl i{
	position: absolute;
}
.guide-fl dl dt>i{
	width: 20px;
	height: 9px;
	background-position: -41px -54px;
	right: 41px;
	top: 26px;
}
.guide-fl dl dd{
	font-size: 18px;
	color: #666;
	height: 56px;
	line-height: 56px;
	border-top: 1px solid #eee;
}
.guide-fl dl dd:first-child{border: none;}
.guide-fl dl dd i{
	width: 6px;
	height: 11px;
	background-position: -46px -65px;
	right: 48px;
	top: 23px;
}
.guide-fl dl .cur{color: #97D3CB;}
.guide-fl dl .cur i{background-position: -53px -65px;}
/*左边内容 end*/

/*右边内容 start*/
.guide-text{
	width: 100%;
}
.guide-text>h3{
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: left;
	background:#e6e6e6;
	color: #565656;
	font-size: 20px;
}
.guide-text>h3>b{padding-left: 30px;}
.guide-list,.guide-list li{
	width: 100%;
}
.text-box{
	width:840px ;
	padding: 30px 0;
	margin: 0 auto;
	overflow: hidden;
	border-top: 1px solid #dcdcdc;
}
.guide-list li{
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.guide-list li:first-child .text-box{border-top: none;}
.guide-list li:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f6faff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.guide-list li:hover:before, .guide-list li:focus:before, .guide-list li:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.text-box h4{
	font-size: 20px;
	color: #333;
	line-height: 22px;
	padding-bottom: 15px;
}
.text-box p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.ask-text{
	width: 100%;
	text-align: right;
}
.ask-text>a{
	width: 120px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 2px;
	background: #10bbb8;
	font-size: 14px;
	color: #fff;
}
.ask-text span{
	font-size: 14px;
	color: #999;
	padding-right: 10px;
	line-height: 36px;
}
.ask-text span i{
	width: 21px;
	height: 13px;
	background-position: -66px -43px;
    margin-right: 5px;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.guide-list li:hover span i{
	background-position: -66px -57px;
	-moz-animation: scale_img .7s ease-in 1;
    -webkit-animation: scale_img .7s ease-in 1;
    -moz-animation: scale_img .7s ease-in 1;
    -ms-animation: scale_img .7s ease-in 1;
    -o-animation: scale_img .7s ease-in 1;
}
@-moz-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px)
	}
	40% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
	60% {
		-webkit-transform: translateX(-2px);
		transform: translatX(-2px)
	}
}
@-ms-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px)
	}
	40% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
	60% {
		-webkit-transform: translateX(-2px);
		transform: translatX(-2px)
	}
}
@-o-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px)
	}
	40% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
	60% {
		-webkit-transform: translateX(-2px);
		transform: translatX(-2px)
	}
}
@-webkit-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px)
	}
	40% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
	60% {
		-webkit-transform: translateX(-2px);
		transform: translatX(-2px)
	}
}
@keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px)
	}
	40% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
	60% {
		-webkit-transform: translateX(-2px);
		transform: translatX(-2px)
	}
}
/*右边内容 end*/