﻿@charset "utf-8";

/*banner*/
#index_banner {
    height: 490px;
    overflow: hidden;
    zoom: 1
}

.banner_nav_left {
    position: absolute;
    top: 50px;
    left: 0;
    width: 258px;
}

.banner_nav_right {
    position: absolute;
    top: 50px;
    right: 0;
    width: 280px;
}

.banner_nav_left a {
    text-indent: -9999px
}

.banner_nav_right a {
    text-indent: -9999px
}

/*banner_nav_left*/
.link_personal a,
.link_company a,
.link_tms a,
.link_corporbank a,
.link_online a,
.banner_nav_right ul li a {
    background-image: url(201612_home_banner_link.png);
    background-repeat: no-repeat;
}

.link_personal a {
    width: 243px;
    height: 61px;
    background-position: -37px -29px;
    display: block
}

.link_company {
    padding-top: 10px;
}

.link_company a {
    width: 243px;
    height: 60px;
    background-position: -37px -99px;
    display: block
}

.link_company ul {
    padding-top: 10px;
    height: 87px;
    overflow: hidden;
    zoom: 1
}

.link_company ul li {
    float: left;
    margin-bottom: 6px;
}

.link_company ul li.company_1 a {
    background-position: -37px -169px;
    display: block;
    width: 126px;
    height: 35px;
}

.link_company ul li.company_2 a {
    background-position: -163px -169px;
    display: block;
    width: 126px;
    height: 35px;
}

.link_company ul li.company_3 a {
    background-position: -37px -210px;
    display: block;
    width: 126px;
    height: 35px;
}

.link_company ul li.company_4 a {
    background-position: -163px -210px;
    display: block;
    width: 126px;
    height: 35px;
}

.link_company ul li.company_1 a:hover {
    background-position: -37px -611px;
}

.link_company ul li.company_2 a:hover {
    background-position: -163px -611px;
}

.link_company ul li.company_3 a:hover {
    background-position: -37px -652px;
}

.link_company ul li.company_4 a:hover {
    background-position: -163px -652px;
}

.link_tms a {
    width: 243px;
    height: 72px;
    background-position: -37px -255px;
    display: block
}

.link_corporbank a {
    width: 243px;
    height: 71px;
    background-position: -37px -326px;
    display: block
}

.link_online {
    position: relative;
}

.link_online a {
    width: 243px;
    height: 71px;
    background-position: -37px -396px;
    display: block;
}

/*便民服务*/
.banner_nav_left .toptip {
    position: absolute;
    top: 257px;
    left: 0px;
    overflow: hidden;
    width: 90px;
    height: 110px;
    background: url(toptip.png) center center no-repeat;
    padding: 10px 20px;
    line-height: 25px;
    display: none;
    z-index: 10;
}

.toptip a {
    text-indent: 0px !important;
}

/*banner_nav_right*/
.banner_nav_right ul li a {
    display: block;
    width: 280px;
    height: 86px;
}

.banner_link_1 a {
    background-position: -352px -28px;
    height: 85px;
}

.banner_link_2 a {
    background-position: -352px -114px;
}

.banner_link_3 a {
    background-position: -352px -210px;
}

.banner_link_4 a {
    background-position: -352px -300px;
}

.banner_link_5 a {
    background-position: -352px -395px;
}

.banner_link_1 a:hover {
    background-position: -352px -498px;
}

.banner_link_2 a:hover {
    background-position: -352px -584px;
}

.banner_link_3 a:hover {
    background-position: -352px -680px;
}

.banner_link_4 a:hover {
    background-position: -352px -770px;
}

.banner_link_5 a:hover {
    background-position: -352px -865px;
}

/*BANNER IMAGE*/
#banner {
    position: absolute;
    top: 50px;
    left: 258px;
}

/*对联*/
.screen-dl {
    width: 110px;
    height: 320px;
    position: fixed;
    _position: fixed;
    z-index: 9999;
}

.screen-dl a {
    display: block;
}

.position-dl-left {
    top: 176px;
    left: 0px;
    _top: 176px;
    _left: 0px;
}

.position-dl-right {
    top: 176px;
    right: 0px;
    _top: 176px;
    _right: 0px;
}

.display-none {
    display: none;
}

* html .ie6fixedTL1 {
    position: absolute;
    left: expression(eval(document.documentElement.scrollLeft));
    top: expression(eval(document.documentElement.scrollTop+176))
}

* html .ie6fixedTL2 {
    position: absolute;
    right: expression(eval(document.documentElement.scrollLeft0));
    top: expression(eval(document.documentElement.scrollTop+176))
}

/*2016-12 update*/
.arrow-down {
    right: 15px;
}

.full-vessel .dropdown {
    width: 185px;
    border: 0;
    background: #f0f0f0;
    top: 35px;
    border-radius: 0
}

.full-vessel .dropdown li {
    background: none !important
}

.full-vessel .dropdown a {
    width: 147px !important;
}

.full-vessel .dropdown a:hover {
    color: #4b8ef3;
}
#home-section-1,#home-section-2,#home-section-3,#home-section-5{color:#000000;}
#home-section-1 a,#home-section-2 a,#home-section-3 a,#home-section-5 a{color:#000000;}
#home-section-1 a:hover,#home-section-5 a:hover{color:#ff8712;}
#home-section-2 a:hover,#home-section-3 a:hover{color:#4b8ef3;}

#home-section-1 .orange-speedy {
    height: 217px;
}

#home-section-1 .orange-infor {
    background: #fff;
    border: 1px solid #ff8712;
}

#home-section-1 .nav-left-orange {
    background: #fff;
    border: 1px solid #ff8712;
    height: 35px;
}

#home-section-1 .nav-left-body {
    background-color: #fff;
    border: 1px solid #ff8712;
    border-bottom: 0;
    height: 167px;
}

#home-section-1 .nav-left-bottom {
    background: none;
    border: 1px solid #ff8712;
    border-top: 0;
    width: auto;
    height: 11px;
}

#home-section-1 .nav-left-body table {
    height: auto;
    margin-top: 10px;
}

#home-section-1 .nav-left-link {
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0 1em;
}

#home-section-1 .nav-left-link:hover {
    background: #f0f0f0;
}

#home-section-1 .orange-loan {
    background: #fff;
    border: 1px solid #ff8712;
}
.tabhost .active {
    background: url(201612_line_title_orange.gif) center bottom no-repeat;
}
.tabhost .active-2{
    background: url(201612_line_title_blue.gif) center bottom no-repeat;
}

.tabhost .tab-control,
.tabhost .active-1 {
    background-image: url(201612_home_line_title_orange.gif);
    background-position: center bottom;
}

.tabhost .tab-control {
    height: 37px;
}

.tabhost .active-1 {
    background: url(201612_line_title_orange.gif) center bottom no-repeat;
}

a.readmore {
    color: #ff8712;
}

.product1,
.product2,
.product3 {
    width: 309px;
    height: 250px;
}

.product1 {
    background: #c8edf6
}

.product2 {
    background: #cbddfe;
    margin-left: 10px;
}

.product3 {
    background: #c8edf6;
    margin-left: 10px;
}

#home-section-product h4 {
    font-size: 15px;
    text-align: center;
    padding: 13px 0 5px 0;
    color: #009cc9;
    width:90%;
    margin:0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#home-section-product .code {
    text-align: center;
    color: #4b4b4b;
    line-height: 14px;
    font-size: 14px;
}

#home-section-product .rate {
    text-align: center;
    color: #4b4b4b;
    line-height: 14px;
    background: #fff;
    font-size: 12px;
    margin: 10px 30px;
    padding: 7px 0;
    background: #f4fbfd
}

#home-section-product .rate strong {
    color: #de0000;
    font-size: 32px;
    line-height: 50px;
}

#home-section-product .feature {
    margin: 10px 0 10px 20px;
}

#home-section-product .feature span {
    display: inline-block;
    text-align: center;
    margin-left: 10px;
    width: 73px;
    border: 1px dotted #3fb5d7;
    padding: 5px 0;
    color: #009cc9;
}

#home-section-product a.buy {
    display: block;
    margin: 0 30px;
    line-height: 25px;
    color: #fff;
    background: #009cc9;
    text-align: center
}

#home-section-product a.buy:hover {
    background: #007698;
}

#home-section-product .product2 h4 {
    color: #3776d4;
}

#home-section-product .product2 .feature span {
    border: 1px dotted #3776d4;
    color: #3776d4;
}

#home-section-product .product2 a.buy {
    background: #3776d4;
}

#home-section-product .product2 a.buy:hover {
    background: #003399;
}

#home-section-2 a:hover {
    color: #4b8ef3;
}

#home-section-2 .blue-infor {
    background: #fff;
    border: 1px solid #4b8ef3;
}

#home-section-2 .nav-left-blue {
    background: #fff;
    border: 1px solid #4b8ef3;
    height: 35px;
}

#home-section-2 .nav-left-body-2 {
    background-color: #fff;
    border: 1px solid #4b8ef3;
    border-bottom: 0;
    height: 197px;
}

#home-section-2 .nav-left-bottom {
    background: none;
    border: 1px solid #4b8ef3;
    border-top: 0;
    width: auto;
    height: 11px;
}

#home-section-2 .nav-left-body-2 > ul {
    margin-top: 20px;
}

#home-section-2 .nav-left-body-2 li {
    margin-left: 0;
    width: 185px;
}

#home-section-2 .nav-left-body-2 li a {
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0 1em;
}

#home-section-2 .tabhost .tab-control,
#home-section-2 .tabhost .active-1 {
    background-image: url(201612_home_line_title_blue.gif);
    background-position: center bottom;
}

#home-section-2 a.readmore {
    color: #4b8ef3;
}

#home-section-2 .btn-link {
    background: #fff;
    border: 1px solid #4b8ef3;
    color: #4b8ef3;
}

#home-section-2 .btn-link:hover {
    background: #4b8ef3;
    border: 1px solid #4b8ef3;
    color: #fff;
}

.biz-other .dropdown {
    width: 165px;
}

.biz-other .hasdropdown {
    height: 35px;
}

.biz-other ul li a {
    padding: 0 1em;
}

#home-section-3 .tabhost .tab-control,
#home-section-3 .tabhost .active-1,
#home-section-5 .orange-loan .tab-control {
    background-image: url(201612_home_line_title_purple.gif);
    background-position: center bottom;
}

#home-section-3 a:hover {
    color: #4b8ef3;
}

#home-section-3 .blue-infor {
    background: #fff;
    border: 1px solid #3279e6;
}

#home-section-3 .nav-left-blue {
    background: #fff;
    border: 1px solid #3279e6;
    height: 35px;
}

#home-section-3 .nav-left-body-2 {
    background-color: #fff;
    border: 1px solid #3279e6;
    border-bottom: 0;
    height: 197px;
}

#home-section-3 .nav-left-bottom {
    background: none;
    border: 1px solid #3279e6;
    border-top: 0;
    width: auto;
    height: 11px;
}

#home-section-3 .nav-left-body-2 > ul {
    margin-top: 20px;
}

#home-section-3 .nav-left-body-2 li {
    margin-left: 0;
    width: 185px;
}

#home-section-3 .nav-left-body-2 li a {
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0 1em;
}

#home-section-3 a.readmore {
    color: #3279e6;
}

#home-section-3 .btn-link {
    background: #fff;
    border: 1px solid #3279e6;
    color: #3279e6;
}

#home-section-3 .btn-link:hover {
    background: #3279e6;
    border: 1px solid #3279e6;
    color: #fff;
}

.adbanner1 {
    margin-right: 12px;
}

.adbanner2 {
    margin-right: 11px;
}

#home-section-5 .orange-speedy {
    height: 217px;
}

#home-section-5 .orange-infor {
    background: #fff;
    border: 1px solid #ff8712;
}
#home-section-5 .orange-infor a.readmore{
    color:#ff8712;
}
#home-section-5 .nav-left-orange {
    background: #fff;
    border: 1px solid #ff8712;
    height: 35px;
}

#home-section-5 .nav-left-body {
    background-color: #fff;
    border: 1px solid #ff8712;
    border-bottom: 0;
    height: 167px;
}

#home-section-5 .nav-left-bottom {
    background: none;
    border: 1px solid #ff8712;
    border-top: 0;
    width: auto;
    height: 11px;
}

#home-section-5 .nav-left-body table {
    height: auto;
    margin-top: 10px;
}

#home-section-5 .nav-left-link {
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0 1em;
}

#home-section-5 .nav-left-link:hover {
    background: #f0f0f0;
}

#home-section-5 .orange-loan {
    background: #fff;
    border: 1px solid #4b8ef3;
}
#home-section-5 .orange-loan .tabhost .active-1{
    background: url(201612_line_title_blue.gif) center bottom no-repeat;
}