/*about*/

ol ul, ul ol, ul ul, ol ol {
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
}
ul ul, ol ol {
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
}
ol {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

.wapperleft{width: 260px; float: left; position: relative;}
.wapperright{width: 880px; padding:30px 20px; margin: 30px auto 50px; float: right; min-height: 600px; border: 1px solid #d6d6d6;}
.wapperright h2{font-size: 30px;}
.banner{width: 100%; height: 300px; overflow: hidden; background: url(../images/banner-about.jpg) no-repeat center; font-size:0; color: transparent;}


.nav{width:260px; position: absolute; top: 10px; left: 0; border:1px solid #ddd; padding-bottom: 30px;}
.nav h1, .nav ul{position: relative; z-index: 2;}
.nav:after{content: ""; width: 100%; height: 100%; position: absolute; top:0; left:0; z-index: 1; background:url(../images/opcity08.png); /* background-color: #fff; opacity:0.8; filter: alpha(opacity=80); -ms-filter:"alpha(opacity=80)";*/}
.nav h1{font-size: 30px; color: #333; text-align: center; padding: 40px 0;}
.nav ul>li{width: 220px; margin: 10px auto; text-align: center;}
.nav ul>li>a{width: 220px;;height: 50px; line-height: 50px; background-color: #a4a4a4; color: #fff; font-size: 16px; display: block;width: 220px;}
.nav ul>li>a:hover,.nav ul>li>a.active{background-color: #009944;}
.nav ol li{position: relative;}
.nav ol li a{width: 220px;height: 40px; line-height: 40px; display: block; color: #333; font-size: 16px; border: 1px solid #fff;}
.nav ol li a:hover,.nav ol li a.active{background-color: #e9e9ea; border: 1px solid #e3e3e3;}
.nav ol li a.active{/*color:#009944;*/}
.nav ol li a.active:after{content: '►'; color: #009944; position: absolute; right: 30px;top: 0px;}
.nav .nav-con{display: none;}

/*简介*/
h2{text-align: center; padding-bottom: 20px; border-bottom:1px solid #d6d6d6; margin-bottom: 20px;}
.intro {margin-top: 40px;}
.intro p{text-indent: 2em; font-size: 14px; line-height: 32px; margin-bottom: 20px; text-align: justify;}




/*chanpin*/
/* 面包屑 */
.breadcrumbs{height:70px; line-height:70px; font-size: 18px;  clear:both;}
.breadcrumbs ul li{float: left;}
.breadcrumbs ul li a:hover{color: #333;}
.breadcrumbs ul li a h1{ font-size: 18px;display: inline;font-weight: inherit;}

.loan-banner{height:360px;width: 100%; margin-bottom: 30px; background:url(../images/loan-banner-bg.jpg) center no-repeat;}
.loan-window {width:480px; height:330px; float: right;margin-top: 15px;}
.loan-nav{width: 150px; float: right;}
.loan-nav .active{width: 150px;}
.loan-nav ul li{width:140px; height: 160px; float: right; margin-bottom:10px;background:url(../images/loan-window-bg.png);}
.loan-nav ul li a{display:block;color: #fff; font-size: 18px;position: relative;top: 60px; left: 40px;}
.loan-con{width:330px;height: 330px;float: left;background:url(../images/loan-window-bg.png);color: #fff;}
.loan-con01-top{width:270px; margin:40px 0 35px 30px;border-bottom:1px solid #fff; padding-bottom: 10px;}
.loan-con01-top ul li{float: left; margin-right: 25px;text-align: center; font-size: 14px;}
.loan-con01-top ul li img{display: block; margin:0 auto 10px auto;width: auto;height: 65px;}
.loan-con01-top .con01{width: 62px;}
.loan-con01-top .con02{width: 60px;}
.loan-con01-top .con03{width: 98px;margin-right: 0px;}
.loan-con01{display: none;}
.loan-con01 p{font-size: 20px;text-align:center;line-height: 28px;}
.loan-con01 p span,.loan-con02 .loan-apply-info span{color: #ffba00;}
.loan-con01 a{width: 270px; margin: 30px 0 0 30px;height: 40px;line-height: 40px;font-size: 18px;color: #fff;background-color: #009944; display: block;text-align: center;border-radius: 2px;}
.loan-con02-submit:hover, .loan-con01 a:hover{background-color: #009944;}
.loan-con02{display: block;}
.loan-con02 form{margin: 24px 0 0 25px; font-size: 14px;}
.loan-con02 input[type="text"]{width:180px; height: 30px; margin-right: 6px; +margin-left: -12px; font-size: 14px;line-height: 30px; border: 1px solid #ccc;}
.loan-con02-sum,.loan-con02-sex,.loan-con02-tel,.loan-captcha{margin-bottom: 10px;position: relative;}
.loan-con02-sex span{margin: 0 3px 0 3px;}
.loan-con02-sex i{margin-left:3px;}
.loan-con02-submit{display: block;margin: 4px 0 10px 0; height: 40px; width: 180px; font-size: 18px; border-radius: 2px; line-height:40px;background-color: #009944; color: #fff;}
.loan-con02 .loan-apply-info{margin-left: 25px; font-size: 14px;}

/*新添加验证码*/
.loan-captcha .authimg{width: 85px; height: 32px;}
.loan-captcha-txt{width: 90px;margin-right: 5px;position: relative;}
.loan-captcha-txt input[type="text"]{width: 90px; border: 1px solid #ccc;}
.loan-captcha input[type="button"]{width: 85px;height: 32px; color: #fff;background-color: #859ab4; cursor: pointer;}
.loan-tips-error{font-size: 12px;color: #FF9B9B;margin-left: 0; position: absolute;width: 290px;}
.tip-text{height:24px;line-height:24px;position:absolute;background-color:#ffffe2;border:1px solid #ffd673;color:#444;padding:0 10px;white-space:nowrap;display:none;z-index:10;top:-35px;}
.tip-text i{position: absolute;top:24px;left:40%; width: 14px;height: 8px;background: url(../images/tip-text-arrow_1.png) no-repeat;}
.input-error {background-color: #fef4eb!important;border: 1px solid #ff8e33 !important;}
/*左侧内容*/
.loan-title{position: relative; margin-bottom: 25px;}
.loan-title hr{width: 880px; border:0;background-color:#ccc;height:1px; display: block;position: absolute;top: 20px; +top: 24px; left: 0;}
.loan-title h3 {width: 176px;height: 50px;background: url(../images/loan-title-bg.png) no-repeat;font-size: 24px;text-align: center;line-height: 46px;margin: 0 auto 20px auto;position: relative;z-index: 2;}
.loan-left .content{margin-left: 1px;}
.loan-left .box{width: 210px;height: auto; float: left;margin-right: 10px;border: 1px solid #ddd;background-color: #fff; padding-bottom:30px;}
.loan-left .box:hover{border-color: #009944;}

/*背景组*/
.box-tit-01 {background-color: #0b93c5;}
.box-tit-02{background-color: #6eac00;}
.box-tit-03{background-color: #09adc6;}
.box-tit-04{background-color: #2f87d8;}
.box-tit-01 a h5,.box-tit-02 a h5,.box-tit-03 a h5,.box-tit-04 a h5{color: #FFF;}
.box-tit-13,.box-tit-14,.box-tit-15,.box-tit-16{background-color: #859bb3;}
.box-tit-01,.box-tit-02,.box-tit-03,.box-tit-04,.box-tit-13,.box-tit-14,.box-tit-15,.box-tit-16{margin-bottom: 30px;color: #fff;}
.box-tit-05, .box-tit-06, .box-tit-07, .box-tit-08, .box-tit-09, .box-tit-10, .box-tit-11, .box-tit-12 {background-color:#fff;color: #666;}
.box-tit-01, .box-tit-02, .box-tit-03, .box-tit-04,.box-tit-05, .box-tit-06, .box-tit-07, .box-tit-08, .box-tit-09, .box-tit-10, .box-tit-11, .box-tit-12,.box-tit-13, .box-tit-14, .box-tit-15, .box-tit-16{width: 210px;height: 88px;}
.loan-left i{width:56px;height:56px;margin-right:12px;float:left;display:inline-block;background:url(../images/loan-left-con.png) no-repeat;position:relative;top:15px;left:20px;}
.box-tit-01 i {background-position: 0 0;}
.box-tit-02 i{background-position:-56px 0;}
.box-tit-03 i{background-position:-112px 0;}
.box-tit-04 i{background-position:-168px 0;}
.box-tit-05 i{background-position:0 -56px;}
.box-tit-06 i{background-position:-56px -56px;}
.box-tit-07 i{background-position:-112px -56px;}
.box-tit-08 i{background-position:-168px -56px;}
.box-tit-09 i{background-position:0 -112px;}
.box-tit-10 i{background-position:-56px -112px;}
.box-tit-11 i{background-position:-112px -112px;}
.box-tit-12 i{background-position:-168px -112px;}
.box-tit-13 i{background-position:0 -168px;}
.box-tit-14 i{background-position:-56px -168px;}
.box-tit-15 i{background-position:-112px -168px;}
.box-tit-16 i{background-position:-168px -168px;}
.loan-left h5 {font-size: 20px;line-height: 24px; position: relative; top:30px; left:20px; font-weight: 700;}
.loan-left h5 {font-size: 20px;line-height: 24px; position: relative; top:30px; left:20px; font-weight: 700; color:#fff;}
.loan-left h5 a:hover{color: #009944;}
.loan-left h6 a:hover{color: #009944;}
.loan-left .box-tit-13 h5 {top:16px;}
.loan-left h6 {font-size: 18px;	margin: 0 20px 18px 20px; color: #333;font-weight: bold;}
.loan-left p{font-size: 16px;margin:0 18px;line-height: 24px;}
.loan-left p span{color: #333;font-size: 14px;}
.loan-btn-apply{margin:20px auto 0 auto;width: 120px; height: 30px;text-align: center;font-size: 16px;background-color: #eee; color: #333; display: block; line-height: 28px; border: 1px solid #ddd; border-radius: 4px;}
.loan-btn-apply:hover{color: #009944;}


/*右侧内容：明星顾问*/
.star{background-color: #fff; margin-bottom: 30px; clear:both; background: #fff;border: 1px solid #dddddd;}
.star .title, .apply-card .title{height: 50px; padding:0 20px; background-color: #eee;}
.star .title h3{font-size: 22px;line-height: 50px;}
.star .title a{font-size: 14px;position: relative;top: -28px;left: 220px;}
.star .title a:hover{color: #53970f;}
.star .items {padding:0 0 20px 20px;}
.star .item {position: relative;}
.star .item .avatar{width: 86px;height: 86px; border: 1px solid #ddd;margin-top: 25px;}
.star .item .avatar img{width: 86px;height: 104px;}
.star .item .info{position: absolute;top: 20px;left: 100px;margin-left: 5px;}
.star .item .info .user{font-size: 18px; color: #333;}
.star .item .info p{margin-top: 19px; line-height: 22px;font-size: 16px;}
.star .item .info p span{color: #53970f; font-weight: 600;}
.star-more a{height: 50px;width: 100%;background: #eee;font-size: 18px;text-align:center; line-height:50px;display: block;}
.star-more a:hover{background-color: #e5e5e5;}

.tip-text span {
    position: absolute;
    top: 24px;
    left: 40%;
    width: 14px;
    height: 8px;
    background: url('../images/tip-text-arrow_1.png') no-repeat;
}
.loan-title h2 {
    width: 176px;
    height: 50px;
    background: url('../images/loan-title-bg.png') no-repeat;
    font-size: 24px;
    text-align: center;
    line-height: 46px;
    margin: 0 auto 20px auto;
    position: relative;
    z-index: 2;
    font-weight: inherit;
}
.loan-left h3 {
    font-size: 20px;
    line-height: 24px;
    position: relative;
    top: 30px;
    left: 20px;
    font-weight: 700;
    color: #fff;
}
.loan-left .box-tit-01 span,.loan-left .box-tit-02 span,.loan-left .box-tit-03 span,.loan-left .box-tit-04 span {
    width: 56px;
    height: 56px;
    margin-right: 12px;
    float: left;
    display: inline-block;
    background: url('../images/loan-left-con.png') no-repeat;
    position: relative;
    top: 15px;
    left: 20px;
}
.box-tit-01 span {background-position: 0 0 !important;}
.box-tit-02 span {background-position:-56px 0 !important;}
.box-tit-03 span {background-position:-112px 0 !important;}
.box-tit-04 span {background-position:-168px 0 !important;}
.loan-left .box-tit-05 span,.loan-left .box-tit-06 span,.loan-left .box-tit-07 span,.loan-left .box-tit-08 span,.loan-left .box-tit-09 span,.loan-left .box-tit-10 span,.loan-left .box-tit-11 span,.loan-left .box-tit-12 span {
    width: 56px;
    height: 56px;
    margin-right: 12px;
    float: left;
    display: inline-block;
    background: url('../images/loan-left-con.png') no-repeat;
    position: relative;
    top: 15px;
    left: 20px;
}
.box-tit-05 span{background-position:0 -56px !important;}
.box-tit-06 span{background-position:-56px -56px !important;}
.box-tit-07 span{background-position:-112px -56px !important;}
.box-tit-08 span{background-position:-168px -56px !important;}
.box-tit-09 span{background-position:0 -112px !important;}
.box-tit-10 span{background-position:-56px -112px !important;}
.box-tit-11 span{background-position:-112px -112px !important;}
.box-tit-12 span{background-position:-168px -112px !important;}
.loan-left .box-tit-13 p,.loan-left .box-tit-14 p,.loan-left .box-tit-15 p,.loan-left .box-tit-16 p {
    font-size: 18px;
    margin: 0 20px 18px 20px;
    color: #333;
    font-weight: bold;
}
.loan-left .box-tit-13 span,.loan-left .box-tit-14 span,.loan-left .box-tit-15 span,.loan-left .box-tit-16 span {
    width: 56px;
    height: 56px;
    margin-right: 12px;
    float: left;
    display: inline-block;
    background: url('../images/loan-left-con.png') no-repeat;
    position: relative;
    top: 15px;
    left: 20px;
}
.box-tit-13 span{background-position:0 -168px !important;;}
.box-tit-14 span{background-position:-56px -168px !important;;}
.box-tit-15 span{background-position:-112px -168px !important;;}
.box-tit-16 span{background-position:-168px -168px !important;;}
.loan-left .box span:nth-child(2),.loan-left .box span:nth-child(2),.loan-left .box span:nth-child(2),.loan-left .box span:nth-child(2) {
    font-size: 17px;
    margin: 0 20px 18px 20px;
    color: #333;
    font-weight: bold;
    display: inline-block;
}
.star .title a {
    position: initial;
}