﻿@charset "utf-8";
/* CSS Document */
#first .ul-list li{    padding: 5px 0 17px 5px;}
#first .f-but-box button{margin-left: 5px;}
.slideBox{ width:1920px; height:470px; overflow:hidden; position:relative; border:1px solid #ddd; left: 50%;margin-left: -960px; }
.slideBox .hd{ height:18px; overflow:hidden; position:absolute; right:45%; bottom:30px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:20px;  width:40px; height:18px; line-height:18px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f9322e; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:470px; display:block;  }






/* 热门产品 */
.slideTxtBox{ width:1420px;margin: 0 auto;overflow: hidden;}
.slideTxtBox .hd{display: inline-block;width: 280px;float: left;background-color: #0f7ce9;height: 560px;}
.slideTxtBox .hd ul{overflow: hidden;padding: 10px 25px;}
.slideTxtBox .hd ul li{width: 230px;border:1px solid #fff;text-align: center;font-size: 16px; margin-bottom: 10px; height:40px;line-height: 40px; float: left;margin-right: 0;color: #fff;}
.slideTxtBox .hd ul li.on{background:#fff;color: #0f7ce9}
.slideTxtBox .bd {width: 920px;float: right;background-color:#fff;}
.slideTxtBox #cp{width: 280px;height: 110px;line-height: 55px;color: #fff;font-weight: bold;font-size: 28px; background-color: #0f7ce9;padding: 25px;}
.slideTxtBox .zxkf{width: 230px;display: block;margin:0 auto; text-align: center;color: #fff;font-size: 18px;background: url(../images/zxkf.png) no-repeat center;height: 50px;padding-top: 40px;}
.slideTxtBox .bd ul #table{width: 100%;border-collapse:collapse;}
.slideTxtBox .bd ul #table tr th{width: 20%;text-align: center;height: 48px;line-height: 48px;font-size: 16px;}
.slideTxtBox .bd ul #table tr td{width: 20%;text-align: center;height: 40px;line-height: 40px;font-size: 16px;}
.slideTxtBox .bd ul #table tr th a,.slideTxtBox .bd ul #table tr td a{color: #0f7ce9}
.slideTxtBox .bd ul #table tr td{border-top: 1px solid #f2f2f2;padding: 12px 0;}
.slideTxtBox .bd ul #table tbody tr:hover{background-color: #f2f2f2;cursor: pointer;}
.slideTxtBox .bd ul #table tbody tr:hover a{color: #fff;background-color: #fe7215;padding: 14px 25px;border-radius: 5px;}
.slideTxtBox .bd ul #table tr td h2{font-size: 16px;color: #000;line-height: 24px;}
.slideTxtBox .bd ul #table tr td p{line-height: 20px;font-size: 12px;}
.slideTxtBox .bd ul #table tr td span{font-size: 36px;font-weight: bold;color: #fe7215}
.slideTxtBox .bd ul #table tr td span i{font-size: 14px;font-style: normal;}

.indexPart1{padding:50px 0 10px}
.indexPart1 .tittle{margin-bottom:30px}
.indexPart1 .tittle p{font-size: 30px;color: #000;text-align: center;padding-bottom: 30px;position: relative}
.indexPart1 .tittle p:after{content: "";display: block;width: 40px;height: 2px;background: #bf0000;position: absolute;bottom: 0;left:50%;transform: translateX(-50%)}
.indexPart1 .tittle span{display: block;font-size:16px;color: #666666;margin-top: 30px;text-align: center}
.indexPart1 .list{ overflow:hidden;}
.indexPart1 .list li{width:276px;height: 360px;float: left;margin:10px 10px 10px 0;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative}
.indexPart1 .list li:last-child{margin-right: 0}
.indexPart1 .list li:after{content: "";display: block;width: 100%;height: 100%;background: rgba(212,0,35,.8);transition:opacity .3s ease;opacity: 0;position: absolute;left: 0;top: 0;z-index:1}
.indexPart1 .list > li:nth-of-type(1):after{opacity: 1;}
.indexPart1 .list li:hover:after{opacity: 1}
.indexPart1 .list li .msg{display: inline-block; width: 100%; position: relative; top:17%; left:0; text-align: center; z-index: 2}
.indexPart1 .list li .msg p{font-size:18px;color: #fff;text-align: center;margin-bottom: 20px;}
.indexPart1 .list li .msg span{display: block; font-size: 16px;color: #e5e5e5;text-align: center;margin-bottom: 30px}
.indexPart1 .list li .msg a{display: block;text-align: center;margin:0 auto 28px;width: 120px;height: 30px;font-size: 14px;color: #fff;border: 1px solid #fff;line-height: 28px}
.indexPart1 .list li .msg a.more {border:none;	font-size:16px;	padding-top:20px;}
.indexPart1 .list li .msg em{display: block;width: 130px; margin:0 auto; text-align: center;font-size: 20px;color: #fff;background-position: 10px center;background-repeat: no-repeat;padding-left: 20px;line-height: 1.5em}










/*--------------快速申请贷款-----------------*/
.banner_container .type-page{height:100%; position:relative; z-index:10;}
.apply_loan{width:286px; height:377px; padding:20px; position:absolute; top:35px; /*background:url(../images/index_ksdk_03.png);background-color: rgba(172, 170, 202, 0.5);*/  z-index:100;}
.apply_loan_ti{font-size:24px; font-weight:normal;font-family: "microsoft yahei",arial; padding:12px 0; line-height:36px;}
.apply_loan .item{line-height:26px; margin-bottom:20px; overflow:hidden;}
.apply_loan .item .txt{border:1px solid #e5e5e5; box-shadow:none; height:24px; line-height:24px; background:#fff; padding:0 8px; width:208px; color:#a3a3a3;}
.apply_loan .item03 .txt{width:96px; margin-right:3px; }
.apply_loan .item03 .btn{width:108px; height:26px; line-height:20px; background:#e5e5e5; padding:0; margin:0; text-align:center; color:#2d5dc3; box-shadow:none; border:1px solid #bfbfbf; cursor:pointer; position:static; _width:106px;}
.apply_loan .item04 .txt{background:#fff url(../images/index_ksdk_money.gif) no-repeat 192px center;}
.apply_loan .item05 .btn{width:100%; height:40px; background:url(../images/index_ksdk_btn.png); padding:0; margin:0; text-align:center; color:#fff; box-shadow:none; border:none; cursor:pointer; font-size:18px; font-family: "microsoft yahei",arial; position:static;}
.apply_loan .form_txt{padding:0 10px; color:#fff;}
/*---------------多，-------------------*/
.advan_four_wrap{padding-bottom:38px; border-bottom:1px solid #e5e5e5; margin-bottom:33px;}
.advan_four{padding-top:38px; padding-left:50px; width:940px; margin:0 auto;}
.advan_four li{float:left; width:144px; height:234px; border:3px solid #a3a3a3; margin-right:94px; cursor:default; overflow:visible;}
.advan_four li .top{line-height:20px; margin-top:-10px; z-index:10; position:relative;}
.advan_four li .top span{padding:0 10px; background:#FFF;}
.advan_four li h3{font-size:120px; line-height:160px; margin-bottom:5px; transition:all linear .2s; -moz-transition:all linear .2s; -ms-transition:all linear .2s; -o-transition:all linear .2s; -webkit-transition:all linear .2s;}
.advan_four li p{padding-left:18px;}
.advan_four li.last{margin-right:0;}
.advan_four li.on h3{font-size:132px;}
/*----------------tab------快速查找贷款----------------------*/
/*----------------tab----------------*/
.loan_sort_wrap{width:100%;}
.loan_sort_index li{width:128px; height:52px; border-top:5px solid #f5f5f5; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5; float:left; color:#444445; line-height:52px; text-align:center; background:#f5f5f5; cursor:pointer;}
.loan_sort_index li.on{border-top:5px solid #f9322e; border-left:1px solid #f9322e; border-right:1px solid #f9322e; border-bottom:1px solid #fff; background:#fff;}
.loan_sort_index_index{height:52px;}
.loan_sort_index_index li{height:47px; line-height:47px;}
.loan_sort li{border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; display:none;}
.loan_sort li .item{padding:9px; border-bottom:1px solid #e5e5e5; line-height:42px;}
.loan_sort li .item img{float:left; margin-right:10px;}
.loan_sort li .item p{float:left; margin-right:18px;}
.loan_sort li .item .more_wrap{padding-top:10px;}
.loan_sort li .item .more{float:right; width:70px; height:20px; background:#f2f2f2; border:1px solid #7f7f7f; border-radius:2px; line-height:20px; text-align:center;}
.loan_sort li .item p span{color:#2d5dc3; margin-right:8px;}
.loan_sort li .item p.mr0{margin-right:0;}
.loan_sort li .item_last{padding:20px 10px;}
.loan_sort li.on{display:block;}
/*---------------快速查找贷款-------------*/
.find_loan_wrap{width:25%; height:700px; border:1px solid #f5f5f5; float:right;}
.find_loan_ti{height:52px; padding-left:15px; border-bottom:1px solid #f9433f;  color:#444445; line-height:52px; text-align:left; background:#f5f5f5; margin-bottom:15px;}
.find_loan_wrap .form{padding-left:15px;font-size:14px;position:relative; margin-bottom:20px;}
.find_loan_wrap .form .item{clear:both;zoom:1;}
.find_loan_wrap .form .item .tip-text{position:absolute;left:50%;background:#ffffe2;height:30px;line-height:30px;border:1px solid #ffd673;display:none;top:-13px;color:#424242;font-size:12px;padding:0 10px;}
.find_loan_wrap .form .item .tip-text .icon-arrow{background:url(../images/g_sprite.png) -280px 0;width:15px;height:9px; position:absolute;left:50%;bottom:-9px;margin-left:-7px;}
.find_loan_wrap .form .item:after{content:" ";display:block;clear:both;height:0;}
.find_loan_wrap .form .label{line-height:36px;height:36px;width:70px;color:#000;}
.find_loan_wrap .form .ui-select{height:34px}
.find_loan_wrap .form .ui-select .select-value{width:278px;height:34px;line-height:34px;padding-left:10px; padding-right:0;}
.find_loan_wrap .form .ui-input{width:168px;float:left;}
.find_loan_wrap .form .ui-input::-webkit-input-placeholder{color:#ababab;}
.find_loan_wrap .form .ui-input:-moz-placeholder{color:#ababab;}
.find_loan_wrap .form .ui-input::-moz-placeholder{color:#ababab;}
.find_loan_wrap .form .ui-input:-ms-input-placeholder{color:#ababab;}
.find_loan_wrap .form .ui-select{height:34px;}
.find_loan_wrap .form .ui-select .select-list{overflow-y:scroll;height:140px;width:100%; z-index:100; background:#e5e5e5; position:absolute;}
.find_loan_wrap .form .ui-select .select-list li{text-indent:10px;line-height:28px;color:#424242;height:28px;}
.find_loan_wrap .form .ui-select .select-list li:hover{background:#ebf5ff;}
.find_loan_wrap .ui-btn{width:290px;height:36px;background:#e44845;color:#FFF;border:none;font:16px/36px Microsoft YaHei,Simsun,Arial,Helvetica,sans-serif;cursor:pointer; display:inline-block;}
.find_loan_wrap .ui-btn:hover{background:#ec605d;}
.find_loan_wrap .form .ui-btn{float:left;}
.find_loan_wrap p.btm{color:#737373;}
/*---------------市场解读-------------*/
.market_wrap{width:650px; height:334px; background:#f5f5f5;}
.market_jd{line-height:30px; background:#f3f3f3;}
.market_jd span{width:96px; background:#e5e5e5; margin-right:10px; font-size:18px;}
/*---------------常用计算工具-------------*/
.calculator_wrap{width:325px; height:343px; border:1px solid #f5f5f5;}
.calculator_wrap .find_loan_ti{margin-bottom:30px;}
.calculator {padding:0 36px;}
.calculator li{margin-bottom:15px; width:110px;}
.calculator li a{padding-top:74px; display:block; text-align:center; background:url(../images/index_calculator.gif) no-repeat 21px top;}
.calculator li.li02 a{background-position:-128px top;}
.calculator li.li03 a{background-position:21px -142px;}
.calculator li.li04 a{background-position:-128px -142px;}
/*---------------信用月-------------*/
.loan_month{background:#9a2126; margin-bottom:35px;}
/*---------------贷款攻略-------------*/
.strategy_wrap{width:486px;}
.loan_sort_wrap .find_loan_ti{padding-left:0; text-align:center; margin-bottom:0;}
.strategy_wrap .loan_sort li{padding:18px; height:190px;}
.strategy_l{width:215px;}
.strategy_r{width:188px;}
.strategy_wrap .loan_sort li p,.strategy_wrap .loan_sort li p a{font-size:12px; color:#000; line-height:24px;}
.strategy_wrap .loan_sort li p a:hover{color:#f9322e;}
.loan_sort_index{background:#f5f5f5;}
.strategy_wrap .loan_sort_index li{width:79px; font-size:12px; border-bottom:5px solid #f5f5f5;  line-height:26px; height:26px;}
.strategy_wrap .loan_sort_index li.on{border:0; border-left:1px solid #f9322e; border-right:1px solid #f9322e;border-bottom:5px solid #f9322e; border-top:1px solid #fff; margin-top:-1px;}

/*---------------贷款问答-------------*/
.qus_ans_wrap .form{height:40px; margin-bottom:10px;}
.qus_ans_wrap .form input{float:left;}
.qus_ans_wrap .form .ui-input{width:172px;padding:11px 15px;margin-right:20px;}
.qus_ans_wrap .form .ui-btn{width:auto;width:90px;height:40px;}
.qus_ans_wrap .form .btn-search{background:#e44845; width:100px;}
.qus_ans_wrap .form input.btn-q{margin:0;float:right; background:#2d5dc3; width:100px;}
.qus_ans_wrap .loan_sort li p{width:48%;}
/*---------------人群-------------*/
.crowd li{width:248px; float:left; margin-right:100px;}
.crowd li.li03{margin-right:0;}
.crowd li h3{font-size:36px; background:url(../images/index_crowd _line.gif) no-repeat center bottom; line-height:74px; margin-bottom:20px;}
.crowd li .txt{padding-top:288px; height:96px; }
.crowd li .txt p{padding-left:76px; line-height:22px;}
.crowd li.li03 .txt p{padding-left:64px;}

/*hot_crew开始*/
.hot_crew{height: 372px;margin:0 5.5%;margin-bottom: 25px;}
.hot_crew .hot_inner{width:100%;height:inherit;border:1px #e5e5e5 solid;}
.hot_crew .ulWrap ul{width: 100%;height: 400px;margin-right: -1px;}
.hot_crew ul li{float:left;width: 25%;height: 200px;border-right: 1px #e5e5e5 solid;border-bottom: 1px #e5e5e5 solid;margin-right:-1px;    margin-left: -0.5px;}
.hot_crew ul li:hover h5{color: #000000;}
.hot_crew ul li h5 .txt_city{font-size: 12px;color: #999999;margin-left: 15px;}
.hot_crew ul li:hover{background-color: #f8f7f7;}
.hot_crew .pic{    width: 30%;height: 150px;overflow: hidden;float: left;margin: 20px 15px 20px 20px; border: 1px #eeeeee solid;}
.hot_crew .pic img{width: 110px;height: auto;}
.hot_crew .right{float: left;width: 48%;}
.hot_crew .right h5{line-height: 14px;font-size: 14px;color: #000000;margin: 20px 0 10px 0;}
.hot_crew .right p{line-height: 20px;color: #838383;font-size: 12px;}
.hot_crew .right .tit_t{max-height: 62px;overflow: hidden;}
.hot_crew .right .tit_b{margin-top: 7px;color: #000000;padding-left: 15px;background:url(../images/phone.png) no-repeat;background-position: 0 6px;}
.hot_inner .hd{ overflow:hidden; height:50px; background:#f4f4f4; padding:0 10px;}
.hot_inner .hd p{line-height: 50px;font-size: 18px;color: #444445;}
/*hot_crew结束*/

