/* 首页样式 */
.main-con{ padding-top: 30px}
.main-tit{ font-size: 24px; color: #333}
.main-tit-border{ width: 50px; height: 0; border-bottom: 1px solid #333;}

.main-pro{ padding-bottom: 40px;}
.main-pro-list{ padding-top: 30px;}
.main-pro-list li{ float: left; width: 100px; padding: 0 88px 0 87px; line-height: 2em}
.main-pro-list li:first-child{ padding-left: 0; }
.main-pro-list li:last-child{ padding-right: 0; }
.main-pro-list a{ display: block; width: 100px;}
.main-pro-list span{ display: block; width: 100px; height: 100px; margin: 0 auto 20px; background: url(../../images/jinrong/icon_pro2.png) no-repeat;}
.main-pro-list strong{ display: block; font-size: 18px; line-height: 30px; text-align: center; color: #333; margin-bottom: 10px; font-weight: normal; }
.main-pro-list span.main-icon-insurance{ background-position: -100px 0}
.main-pro-list span.main-icon-factoring{ background-position: -200px 0}
.main-pro-list span.main-icon-financing{ background-position: -300px 0}
.main-pro-list span.main-icon-internet{ background-position: -400px 0}

.main-pro-list a:hover .main-icon-fund{ background-position: 0 -100px}
.main-pro-list a:hover .main-icon-insurance{ background-position: -100px -100px}
.main-pro-list a:hover .main-icon-factoring{ background-position: -200px -100px}
.main-pro-list a:hover .main-icon-financing{ background-position: -300px -100px}
.main-pro-list a:hover .main-icon-internet{ background-position: -400px -100px;}

.main-pro-list a:hover .main-icon-internet,
.main-pro-list a:hover .main-icon-fund,
.main-pro-list a:hover .main-icon-factoring,
.main-pro-list a:hover .main-icon-financing,
.main-pro-list a:hover .main-icon-insurance{
    animation:rotate 0.5s linear; 
    -webkit-animation:rotate 0.5s linear;
}
/* 精选产品旋转 */
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1); }
    50% {
        -webkit-transform: scale3d(0, 1, 1);
        -moz-transform: scale3d(0, 1, 1);
        -ms-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1); }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1); } }

@keyframes rotate {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1); }
    50% {
        -webkit-transform: scale3d(0, 1, 1);
        -moz-transform: scale3d(0, 1, 1);
        -ms-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1); }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1); } }

.main-advantage{ background: url(../../images/jinrong/bg_dian.png) repeat;}
.main-advantage-list{ margin-top: 60px;}
.main-advantage-list li{ float: left; width: 510px; line-height: 2em; padding: 0 0 70px 90px;}
.main-advantage-list strong{ display: block; font-size: 20px; line-height: 30px; color: #333; margin-left: 90px; margin-bottom: 10px; }
.main-advantage-list p{ width: 270px; margin-left: 90px;}
.main-advantage-list i{ float: left; width: 90px; height: 90px; margin-right: 45px; background: url(../../images/jinrong/icon_advantage.png) no-repeat left 15px;}
.main-advantage-list i.main-icon-profession{ background-position: -90px 15px;}
.main-advantage-list i.main-icon-rare{ background-position: -180px 15px;}
.main-advantage-list i.main-icon-safeguard{ background-position: -270px 15px;}

.main-news{ padding-bottom: 40px;}
.main-news-tab{ width: 200px; height: 30px; margin: 15px auto 20px;}
.main-news-tab li{ float: left; width: 100px; height: 30px; line-height: 30px; text-align: center; background-color: #ecedef; cursor: pointer;}
.main-news-tab li.current, .main-news-tab li:hover{ background-color: #ff5256; color: #fff}
.main-news-box{ height: 355px; overflow: hidden; width: 1200px}
.main-news-con{ width: 1300px}
.main-news-con li{ float: left; width: 380px; height: 355px; margin-right: 30px; background-color: #fff}
.main-news-con li:nth-child(3n){ margin-right: 0}
.main-news-con a{ display: block; width: 320px; height: 295px; border: 1px solid #e7e7e7; padding: 29px;}
.main-news-con a:hover{ border-color: #ff5256;}
.main-news-con strong{ display: block; width: 100%; font-size: 18px; line-height: 30px; color: #333; margin: 10px 0; text-align: center; }
.viewmore{ display: block; width: 182px; height: 54px; border-radius: 27px; border: 1px solid #e7e7e7; margin: 30px auto 0; line-height: 54px; text-align: center; font-size: 16px; color: #666; background-color: #fff}
.viewmore:hover{ background-color: #ff5256; color: #fff; border-color: #ff5256}

.main-partner{ background-color: #ecedef;}
.main-partner-box{ width: 1200px; overflow: hidden;}
.main-partner-list{ width: 1300px; margin-top: 40px;}
.main-partner-list li{ float: left; margin: 0 48px 30px 0; width: 160px; height: 50px}
.main-partner-list li:nth-child(6n){ margin-right: 0;}
.p-icon { background: #f4f4f4 url(../../images/jinrong/logo_partners.png) no-repeat;}
.p-icon:hover{ background-color: #fff;}
.jsyh{ background-position: -160px 0;}
.jsyh:hover { background-position: 0 0;}
.payh { background-position: -160px -50px;}
.payh:hover { background-position: 0 -50px;}
.xyyh { background-position: -160px -100px;}
.xyyh:hover { background-position: 0 -100px;}
.gdyh { background-position: -160px -150px;}
.gdyh:hover { background-position: 0 -150px;}
.zgyh { background-position: -160px -200px; }
.zgyh:hover { background-position: 0 -200px; }
.zsyh { background-position: -160px -250px;}
.zsyh:hover { background-position: 0 -250px;}

.ubs { background-position: -160px -300px; }
.ubs:hover { background-position: 0 -300px; }
.gsyh { background-position: -160px -350px; }
.gsyh:hover { background-position: 0 -350px; }
.zte { background-position: -160px -400px;}
.zte:hover { background-position: 0 -400px;}
.jltz { background-position:-160px -450px;}
.jltz:hover { background-position: 0 -450px;}
.gjs { background-position: -160px -500px;}
.gjs:hover { background-position: 0 -500px;}
.jfz { background-position: -160px -550px; }
.jfz:hover { background-position: 0 -550px; }

.footer{ padding-bottom: 40px; background-color: #191718;}
.footer-link{ padding: 35px 0 18px;}
.footer-link a{ color: #8b8b8b}
.footer-link a:hover{ color: #ff3329}
.footer-link i{ padding: 0 12px; color: #3c3c3c}
.footer-ma { float: right; width: 80px; height: 80px; padding-left: 18px; border-left: 1px solid #5c5c5c; margin-left: 20px; }
.footer-addr, .footer-addr a{ color: #4e4e4e}
.footer-addr a:hover{ color: #ff3329 }

/* 栏目 */
.column{ height: 178px; background: #000 url(../../images/jinrong/bg_des.jpg) no-repeat center top}
.column-new{ background: #000 url(../../images/jinrong/bg_news.jpg) no-repeat center top}
.column-partner{ background: #000 url(../../images/jinrong/bg_partner.jpg) no-repeat center top}
.column-about{ background: #000 url(../../images/jinrong/bg_about.jpg) no-repeat center top}
.column-job{ background: #000 url(../../images/jinrong/bg_job.jpg) no-repeat center top}
.column-about-yt{ background: #000 url(../../images/jinrong/bg_about_yt.jpg) no-repeat center top}
.column-des{ float: left; padding-top: 50px;}
.column-record{ display:none; float: right; padding-top: 45px;}

/* 服务 */
.service-wrap{ position: relative; margin-top: -40px;}
.service-list li{ position: relative; padding: 0 40px 40px; margin-bottom: 30px; background-color: #fff; padding-left: 400px; min-height: 220px}
.service-list img{ position: absolute; left: 40px; top: 60px; display: block; width: 320px; height: 160px;}
.service-list-info{ float: left;}
.service-list-num{ display: block; width: 30px; height: 30px; margin-bottom: 25px; line-height: 30px; text-align: center; background-color: #ff5256; color: #fff}
.service-list-info p{ line-height: 2em}
.service-list-info a{ color: #333; text-decoration: none}
.service-list-info a:hover{ color: #ff5256;}
.service-list-info strong{ font-weight: normal;}

.service-detail-head{ padding-top: 35px; position: relative; margin: 0 40px 30px; border-bottom: 1px solid #dbdbdb; padding-bottom: 15px;}
.service-detail-nav{ position: absolute; left: 0; top: 40px; height: 36px; line-height: 36px; color: #999}
.service-icon-home{ float: left; width: 14px; height: 13px; margin: 11px 10px 0 0; background: url(../../images/jinrong/icon_home.png) no-repeat}
.service-detail-tit{ text-align: center; padding: 0 150px}
.service-detail-nav span{ padding: 0 20px;}
.service-detail{ padding: 0 40px 40px; line-height: 2em}
.service-detail strong{ font-weight: bold}

/* news */
.news-toutiao li{ min-height: 200px}
.news-toutiao img{ top: 40px;}
.news-toutiao-tips{ position: absolute; left: 13px; top: 13px; display: block; width: 95px; height: 95px; background: url(../../images/jinrong/toutiao.png) no-repeat}
.news-toutiao .service-list-info{ padding-top: 40px;}

.news-wrap{ background-color: #fff; padding: 40px}
.news-tab{ width: 300px; height: 44px;}
.news-tab li{ float: left; width: 130px; height: 44px; line-height: 44px; text-align: center; background-color: #ecedef; cursor: pointer; font-size: 16px}
.news-tab li.btn-active, .main-news-tab li:hover{ background-color: #ff5256; color: #fff}
.news-list li{ position: relative; padding: 35px 0; border-bottom: 1px solid #eaeaea;}
.news-list a{ color: #333}
.news-list a:hover{color: #ff5256; text-decoration: none}
.news-list strong{ font-weight: normal;}
.news-date{ position: absolute; left: 0; top: 25px; width: 190px; text-align: right}

.detail-page-wrap{ position:relative; border-top: 1px solid #dbdbdb; padding-top: 30px; line-height: 40px}
.detail-page-wrap a{ color: #333}
.detail-page-prev,.detail-page-next{ float: left; width: 450px; margin-right: 15px;}
.detail-page-back{ position: absolute; right: 0; top: 30px; display: block; width: 40px; height: 40px; background: #ededed url(../../images/jinrong/page-prev.png) no-repeat;}
.detail-page-back:hover{ background: #ff5256 url(../../images/jinrong/page-prev-on.png) no-repeat;}

/* partner */
.partner-wrap{ padding: 40px}
.partner-wrap .main-partner-list li{ margin: 0 32px 40px 0;}
.partner-wrap .main-partner-list li:nth-child(6n){ margin-right: 0}

/* contact us */
.contact-wrap{ padding-bottom: 30px; margin-bottom: 30px;}
.contact-left{ float: left; width: 270px; margin-top: 50px; border-right: 1px solid #ccc;}
.contact-logo{ width: 87px; height: 124px; margin: 36px auto 0; background: url(../../images/jinrong/logo_contact.png) no-repeat;}
.contact-center{ float: left; width: 500px; padding: 90px 0 0 55px;}
.contact-addr{ line-height: 30px; margin-top: 13px;}
.contact-right{ float: right; padding: 55px 30px 0 0;}
.contact-ma{ border: 10px solid #fdfdfd;}

/* about us */
.about-des{ padding: 30px 50px 50px; line-height: 28px}
.about-wrap{ padding: 25px 40px 40px}
.about-tit{ line-height: 40px; border-bottom: 1px solid #ccc;}

.leader-box { height: 400px; margin: 40px 0 0; overflow: hidden; position: relative; width: 100%; }
.leader-wrap { display: inline; height: 300px; left: 50%; margin-left: -502px; position: absolute; top: 0; width: 1000px; }
.leader-wrap li { border-radius: 50%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); cursor: pointer; list-style-type: none; overflow: hidden; position: absolute; width: 180px; }
.leader-wrap img { height: 100%; vertical-align: top; width: 100%; }
.teamShadows { display: none; background: #fff none repeat scroll 0 0; height: 100%; opacity: 0; position: absolute; top: 0; width: 100%; }

.leader-info{ height: 250px}
.leader-info h2{ font-size: 30px; color: #333}
.leader-info strong{ display: block; padding: 14px 0; font-size: 16px; color: #666; line-height: 2em}
.leader-info p{ line-height: 2em}
.opacity{ opacity:.5; filter: alpha(opacity=50);}

.about-yitian{ padding:45px 40px 40px; background: #f1f6fc url(../../images/jinrong/bg_about_yitian.jpg) no-repeat right bottom; }
.about-yitian-list li{ padding-left:90px; position: relative;}
.about-yitian-year{ position:absolute; left:0; top:0; line-height:30px}
.about-yitian-list-con{ position: relative; border-left: 1px solid #ffa9ab; padding: 0 0 24px 37px; line-height:30px}
.about-yitian-list-con i{ position:absolute; left:-10px; top:5px; width: 20px; height:20px; background-color: #ffa9ab; border-radius: 50%;}
.about-yitian-list .selected i{ background-color: #ff5256}
.about-yitian-list .selected { color: #333; font-weight: bold}
.about-banner-yitian{ padding: 40px 40px 10px}

/* jcarousel图片滚动插件 */
.team_list{ position: relative; margin-left: -10px; width: 1140px}
.team_list_con { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; width: 1140px;}
.team_list_ul { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; width: 200%; height: 380px;}
.team_list_ul li{ float: left; width: 208px; height: 380px; padding: 0 10px;}
.team_list_ul a{ display: block; width: 208px; overflow: hidden;}
.team_list_ul img{ height: 380px; display: block; margin-left: -50%;}
.team_list_num{ margin-top: 40px; text-align: center;}
.jcarousel-pagination{ display: inline-block; margin: 0 auto}
.jcarousel-pagination a{ float: left; width: 36px; height: 5px; margin: 0 5px; background-color: #ddd; cursor: pointer; text-indent: -9999px}
.jcarousel-pagination a.active, .jcarousel-pagination a:hover{ background-color: #ff5256;}

.jcarousel-control-prev{ position: absolute; top: 53px; left: 10px; width: 30px; height: 53px; cursor: pointer; background: url(../images/arrow2.png) no-repeat 0 -53px; }
.jcarousel-control-next{ position: absolute; top: 53px; right: 10px; width: 30px; height: 53px; cursor: pointer; background: url(../images/arrow2.png) no-repeat -30px -53px; }
.jcarousel-control-prev.inactive, .jcarousel-control-next.inactive { cursor: default; opacity: 0.5;}

/* jobs */
.job-wrap{}
.job-list{ padding: 40px 85px 40px 0; margin-bottom: 30px; background-color: #fff;}
.job-list-left{ width: 170px; padding: 0 20px 0 60px;}
.job-list-center{ width: 600px; padding: 10px 0 10px 50px; border-left: 1px solid #ccc; line-height: 28px}
.job-list-right{ float: right; width: 70px;}

/* page分页 */
.page-wrap{ height: 40px; padding-top: 30px;}
.page-nav{float: right; height: 40px;}
.page-nav span, .page-nav a{display: inline-block; height: 40px; padding: 0 16px; margin-left: 20px; border: 0; line-height: 40px; text-align: center;}
.page-nav a{ background-color: #ededed; color: #333}
.page-nav a:hover, .page-nav span{ background-color: #ff5256; color: #fff}

/* 主页banner样式 */
.p_bannerbox { width: 100%; height: 580px; position: relative; overflow: hidden; }
.p_banner { position: absolute; width: 1920px; top: 0; overflow: hidden; height: 100%; }
.p_banner a { position: absolute; top: 0; width: 100%; height: 100%; transition: all 0s; -o-transition: all 0s; -webkit-transition: all 0s; -ms-transition: all 0s; -moz-transition: all 0s; }
.p_conbox { position: absolute; width: 100%; bottom: 15px; text-align: center; }
.p_control span { display: inline-block; width: 30px; height: 6px; margin: 0 5px; cursor: pointer; background-color: #fff; }
.p_control span.cur,
.p_control span:hover { background-color: #FF5256; }
.p_bprev { left: 5%; }
.p_bnext { right: 5%; }
/* 主页banner样式结束 */

.white-wrap{ position: relative; margin-top: -40px; padding: 10px 30px 0; background-color: #fff;}
.white-wrap.pb40{ padding-bottom: 40px;}

/* 登录注册 */
.login-box{ width: 638px; margin: 0 auto; margin-top: 80px; border: 1px solid #ccc; background-color: #f6f6f6;}
.login-title{ height: 60px; padding-top: 30px; border-bottom: 1px solid #ccc; line-height: 60px; text-align: center}
.login-con{ float: left; width: 320px; padding: 100px 150px 40px 100px;}
.login-split{ float: left; height: 524px; border-left: 1px solid #dedede; margin: 54px 0; }
.login-right{ float: left; padding: 196px 0 0 212px;}
.login-icon{ float: left; width: 30px; height: 30px; margin-right: 15px; background: url(../../images/jinrong/icon_login.png) no-repeat}
.login-icon-password{ background-position: 0 -30px }
.login-input{ width: 290px; height: 30px; line-height: 30px; padding: 9px 14px; border: 1px solid #ccc; color: #333; border-radius: 0; font-size: 16px; background-color: #fff;}
.login-select{ width: 320px; height: 50px; line-height: 30px; padding: 9px 14px; border: 1px solid #ccc; color: #333; border-radius: 0; font-size: 16px; background-color: #fff;
            /*很关键：将默认的select选择框样式清除*/
            appearance:none;
            -moz-appearance:none;
            -webkit-appearance:none;
            /*在选择框的最右侧中间显示小箭头图片*/
            background: url("../../images/arrow.png") no-repeat scroll 300px center transparent;
            /*为下拉小箭头留出一点位置，避免被文字覆盖*/
            padding-right: 18px;
        }
 /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
          /* WebKit browsers */
          color: #999;
        }
        input:-moz-placeholder, textarea:-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: #999;
        }
        input::-moz-placeholder, textarea::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: #999;
        }
        input:-ms-input-placeholder, textarea:-ms-input-placeholder {
          /* Internet Explorer 10+ */
          color: #999;
        }
select:invalid { color: #999; }
select{ color: #333; }
.login-select::-ms-expand { display: none; }
.login-select-explain { position: absolute; width: 120px; height: 50px; line-height: 50px; top: 0; right: -130px; color: #ff0000; }

.login-input-inner{ border: 0; padding: 5px 0; background-color: transparent; line-height: 20px;}
.login-yzm{ position: absolute; width: 98px; height: 48px; line-height: 48px; border-left: solid 1px #ccc; font-size: 14px; text-align: center; top: 1px; right: 1px; }
.login-btn{ display: block; margin-top: 15px; width: 320px; height: 60px; border: 0; line-height: 60px; font-size: 18px; text-align: center; color: #fff; cursor: pointer; background-color: #ff5256;}
.login-btn:hover{ color: #fff }
.login-con .p_zclist dd { width: 320px; }