@charset "gb2312";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
.blue-slide {
	background: #4390EE;
}
.red-slide {
	background: #CA4040;
}
.orange-slide {
	background: #FF8604;
}
.swiper-slide {
	line-height: 0px;
	color: #fff;
	font-size: 3.6rem;
	text-align: center;
}
.sy_banner{width:100%;}
.sy_banner img{width:100%;}
.swiper-pagination-bullet {
    width: 24px;
    height: 1px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
}
.swiper-pagination-bullet-active {
    background: #FF0000;
}
.swiper-pagination-bullet{opacity:1;}
/*热门品种 Start*/
.hremen{width:100%;background:#fff;}
.list_ul{width: 92%;overflow: hidden;padding:0px 4%;border-bottom:1px #C3C3C3 solid;}
.list_ul li{width: 22%;height: 53px;line-height:53px;background: #fff;text-align: center;float:left;font-size: 1.6rem;color: #343434;letter-spacing: -0.01px;}
.list_ul li.hover{border-bottom: 1px #F64257 solid;font-size: 1.6rem;color: #F64257;letter-spacing: -0.01px;}
.main{width:100%;font-size: 3rem;text-align: center;overflow: hidden;overflow-x:scroll;}
.main ul{padding:0px 5px;}
.main ul li{width:164px;float:left;margin-left:5px;}
.main ul li img{width:100%;}
/*热门品种 End*/
/*真实贷款案例 Start*/
.hanli{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e3f66+0,5c496a+48,c6988b+100 */
	background: #4e3f66; /* Old browsers */
	background: -moz-linear-gradient(top, #4e3f66 0%, #5c496a 48%, #c6988b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #4e3f66 0%,#5c496a 48%,#c6988b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #4e3f66 0%,#5c496a 48%,#c6988b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e3f66', endColorstr='#c6988b',GradientType=0 ); /* IE6-9 */
	width:100%;
}
.zsdkal{width:38%;display:block;margin:0px auto;padding:46px 0px;}
.anli{width:100%;overflow: hidden;overflow-x:scroll;}
.hanli .anli ul{padding:0px 6px;}
.hanli .anli ul li{width:228px;height:260px;background:#fff;float:left;margin:0px 9px;border-radius: 10px;float:left;}
.hanli .anli ul li .anli_nr{padding:21px 16px;}
.hanli .anli ul li .anli_nr .anli_tit{font-size: 1.6rem;color: #000000;letter-spacing: -0.86px;font-weight: bold;}
.hanli .anli ul li .anli_nr .anli_jianj{font-size: 1.2rem;color: #666666;letter-spacing: 0.03px;padding:4px 0px 8px 0px;border-bottom:1px #EDEDED solid;position: relative;}
.hanli .anli ul li .anli_nr .anli_jianj span{width: 70px;height: 1px;border-bottom: 1px #497CD7 solid;display: block;position: absolute;bottom: 0px;left: 0px;}
.hanli .anli ul li .anli_nr .anli_xq{width:100%;padding-top:9px;overflow: hidden;font-size: 1.2rem;color: #464646;letter-spacing: 0.03px;}
.hanli .anli ul li .anli_nr .anli_xq span{color:#497CD7;}
.hanli .anli ul li .anli_nr .anli_xq span font{font-weight: bold;}
.hanli .anli ul li .anli_nr .anli_jl{width:100%;height:102px;font-size: 1.2rem;color: #747474;letter-spacing: 0.04px;padding-top:15px;line-height: 20px;overflow: hidden;text-align:justify;}
/*问答*/
.hwenda{width:85%;margin:0px auto;}
.hwenda li .hwenda_tit{font-size: 1.8rem;color: #FFFFFF;letter-spacing: 0;}
.hwenda li .hwenda_nr{font-size: 1.2rem;color: #FFFFFF;letter-spacing: 0;padding-top:9px;height:56px;overflow: hidden;line-height: 18px;}
.hwenda li .hwenda_lj a{font-size: 1.2rem;color: #FFFFFF;letter-spacing: 0;float:right;padding:30px 0px;}
.hwenda li{overflow: hidden;}

.hqingsyy{width:100%;background:#fff;}
.hqingsyy ul{width:100%;background:#fff; list-style:none; margin:0px; padding:0px;}

.hyuyue_form.hqingsyy_form ul li .khname{background: #F6F6F6 url(../images/yyname.png) no-repeat;background-position: 20px center;background-size: 17px;border-radius: 0px;font-size:1.5rem;text-indent: 0px;padding: 0px 5% 0px 15%; width:73%}
.hyuyue_form.hqingsyy_form ul li .telPhone{background: #F6F6F6 url(../images/shouji.png) no-repeat;background-position: 20px center;background-size: 17px;border-radius: 0px;font-size:1.5rem;text-indent: 0px;padding: 0px 5% 0px 15%; width:73%}
.submit{width:40%;}

.hyuyue_form.hqingsyy_form ul li input[type="button"].code{float:left; height:40px; width:22%; background:#FFF; background: #FFF url(../images/code1.png) no-repeat center ; font-weight:600; margin-left:2%;border-radius: 0px; letter-spacing:2px}
.hyuyue_form.hqingsyy_form ul li button.submit1{width: 40%;height: auto;border: 0;display:block;margin:0px auto;padding:42px 0px 34px 0px;background:#fff;}
.hyuyue_form.hqingsyy_form ul li button.submit1 img{width:100%;}
.hyuyue_form.hqingsyy_form ul li .telcodecss{background: #F6F6F6 url(../images/duanx.png) no-repeat;background-position: 20px center;background-size: 17px;border-radius: 0px;font-size:1.5rem;text-indent: 0px;padding: 0px 5% 0px 15%; width:73%}
.hyuyue_form.hqingsyy_form ul li .tucode{width:48%;background: #F6F6F6 url(../images/code.png) no-repeat;background-position: 20px center;background-size: 17px;border-radius: 0px;font-size:1.5rem;text-indent: 0px;padding: 0px 5% 0px 15%;}
.hyuyue_form.hqingsyy_form ul li  input[type="button"].btncss2{float:left; width:29%;height:40px; color:#000;font-size: 16px;color: #EF4351;letter-spacing: 0.84px; background:url(../hoze/btnkedian.png) no-repeat;  border-radius: 0px; }
.hyuyue_form.hqingsyy_form ul li  input[type="button"].btncss{float:left; width:29%;height:40px; color:#000;font-size: 16px;color: #EF4351;letter-spacing: 0.84px; background:url(../hoze/btnbuked.png) no-repeat;    border-radius: 0px;}

/*一键轻松预约 End*/






/*引导页 Start*/
.msg{width:100%;height:100%;background: url(../images/ydy_bg.png) no-repeat;background-size: 100% 100%;position: absolute;
    z-index: 999;}
.ydy_bb{width:70%;display:block;margin:0px auto;}
.ydy_jkty{width:50%;height:45px;background: #CF050D;border-radius: 100px;font-size: 2.4rem;color: #FFFFFF;line-height:45px;text-align:center;position: absolute;bottom: 8%;left: 25%;}
/*调适配在媒体查询里面就该对应的样式。*/
@media screen and (min-width: 320px) and (max-width:360px){
	/*屏幕在320-360像素之间的样式*/
	.ydy_bb{padding-top:25%;}
}
@media screen and (min-width: 375px) and (max-width:414px){
	/*屏幕在375-414像素之间的样式*/
	.ydy_bb{padding-top:27%;}
}
@media screen and (min-width: 414px){
	/*屏幕414像素以上的样式*/
	.ydy_bb{padding-top:30%;}
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3);
		-ms-transform: scale(.3)
	}

	50% {
		opacity: 1
	}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}