/* 公共样式 */
body,div,p,ul,ol,li,h1,h2,h3,h4,h5,h6,dl,dt,dd{margin:0;padding:0;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{font-family: "PingFangSC-Medium",Arial,"Times New Roman","Microsoft YaHei";font-size: 12px;background: #F2F2F2;}
li{list-style: none;}
img{display: block;border: 0;}
a{text-decoration: none;color:#333;outline: none;}
a:hover{color:#BE0018;}
i{font-style: normal;}
u{text-decoration: none;}
input{border: 0;}
button{outline: 0;}
input:focus,area:focus{outline:none;}
select{appearance:none;-mos-appearance:none;-webkit-appearance:none;background:transparent;border:0;}
.fl{float: left;}
.fr{float: right;}
.clearfix::after{
    display: block;
    content: '';
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix{
    *zoom: 1;  /* ie6清除浮动的方法 */
}

/* 版心 */
div.inner{
    width: 940px;
    margin: 0 auto;
    position: relative;
}

/* 登录模块 */
.login{
    position: absolute;
    z-index: 4;
    top: -350px;
    right: 90px;
    width: 260px;
    height: 300px;
    padding: 0 22px;
    background-color: rgba(255, 255, 255, .7);
    border-radius: 4px;
}
.old2 .login,
.old3 .login,
.old4 .login,
.old5 .login,
.old_ie2 .login,
.old_ie3 .login,
.old_ie4 .login,
.old_ie5 .login{
    right: 200px;
}
.login .title{
    height: 56px;
    line-height: 55px;
    border-bottom: 1px solid #E8E8E8;
}
.login .title h3{
    font-size: 16px;
    color: #666;
    width: 108px;
}
.login .title .enterprise{
    width: 107px;
    text-align: right;
}
.login .title .active{
    color:#BE0018;
}
.login .title u{
    display: block;
    width: 1px;
    height: 10px;
    margin-top: 23px;
    background-color: #999;
}
.e-login{
    display: none;
}
.p-login .btn-wrap,
.e-login .btn-wrap{
    height: 142px;
    border-bottom: 1px solid #E8E8E8;
}
.p-login .btn-wrap{
    /* padding: 50px 0 0; */
    height: 90px;
    margin-top: 50px;
}
.e-login .btn-wrap{
    padding: 19px 0;
}
.btn-wrap .btn-fill,
.e-login .btn-wrap .btn{
    height: 42px;
    line-height: 42px;
    border-radius: 4px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    font-weight: 700;
    font-size: 16px;
    display: block;
}
 .btn-wrap .btn-fill{
    color:#fff;
    background-color: #BE0018;
    border: 1px solid #BE0018;
}
 .btn-wrap .btn-fill:hover{
    background-color: #A60015;
}
.e-login .btn-wrap .btn-fill{
    margin-bottom: 20px;
}
.e-login .btn-wrap .btn{
    border: 1px solid #BE0018;
    color: #BE0018;
    display: block;
}
.e-login .btn-wrap .btn:hover{
    color:#fff;
    background-color: #BE0018;
}
.login .others{
    height: 34px;
    line-height: 33px;
    border-bottom: 1px solid #E8E8E8;
}
.login .others a{
    width: 72px;
}
.login .others a:nth-child(2){
    text-align: center;
}
.login .others a:last-child{
    text-align: right;
}
.login .service{
    height: 60px;
    line-height: 60px;
}
.login .service .credit i{
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    background: url('../svg/card.png');
}
.login .service .netbank i{
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    background: url('../svg/kit.png');
}

/* banner */
.banner{
    height: 400px;
    min-width: 940px;
    position: relative;
}
.banner .swiper-container{
    min-width: 940px;
}
.banner .pagination{
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 1;
    height: 6px;
}
.banner .pagination li.swiper-pagination-switch{
    float: left;
    width: 32px;
    height: 6px;
    margin: 0 6px;
    background-color: #fff;
    opacity: .5;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
}
.banner .pagination li.swiper-active-switch.swiper-visible-switch{
    background-color: #fff;
    opacity: 1;
}
.banner .pagination li.swiper-visible-switch{
    background-color: #fff;
    opacity: 1;
}
.banner .swiper-container a{
    position: relative;
    display: block;
    width: 100%;
    height: 400px;
}

/* 广发公告 */
.adv{
    height: 54px;
    min-width: 940px;
    line-height: 54px;
    background-color: #fff;
}
.adv .adv_list{
    font-size: 14px;
    position: relative;
    padding-left: 28px;
    width: 800px;
}
.adv .adv_list a:hover{
    font-weight: 700;
}
.adv .adv_list i{
    position: absolute;
    left: 0;
    top: 19px;
    width: 16px;
    height: 16px;
    margin-right: 12px;
    background: url('../svg/notice.png');
}
.adv .adv_list.bar_yellow i{
    background: url('/static/pchome/svg/notice_black.png');
}
.adv_inner{
    position: relative;
    top: 0;
}
.more a{
    display: block;
    color: #999;
    font-size: 14px;
    font-weight: bold;
}
.more a i{
    display: inline-block;
    width: 7px;
    height: 7px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    margin-left: 6px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.title .more a i,
.adv .more a i{
    position: relative;
    top: -1px;
}
.more:hover a{
    color:#BE0018;
}
.more:hover a i{
    border-right: 1px solid #BE0018;
    border-bottom: 1px solid #BE0018;
}

/* 内容区公共样式 */
.news
.market
.recomend
.business
.smenterprises_news
.smenterprises_product
.fin_market
.about_wrapper
.goven{
    min-width: 940px;
}
.news .title,
.market .title,
.recomend .title,
.business .title,
.smenterprises_news .title,
.smenterprises_product .title,
.fin_market .title,
.about_wrapper .title,
.goven .title{
    height: 42px;
    line-height: 42px;
    padding: 30px 0 20px;
    box-sizing: content-box;
}
.news .title .names,
.market .title .names,
.recomend .title .names,
.fin_market .title .names{
    float: left;
}
.news .title .names h3,
.market .title .names h3,
.recomend .title .names h3,
.business .title .names h3,
.smenterprises_news .title .names h3,
.smenterprises_product .title .names h3,
.fin_market .title .names h3,
.about_wrapper .title .names h3,
.goven .title .names h3{
    float: left;
    font-size: 18px;
    padding-right: 12px;
}
.news .title .names span,
.market .title .names span,
.fin_market .title .names span{
    margin-left: 48px;
    font-size: 16px;
    font-weight: 700;
    color: #666;
}
.news .title .names span.active,
.market .title .names span.active,
.fin_market .title .names span.active{
    color: #BE0018;
}
.news .more_list{
    position: absolute;
    right: 0;
    top: 30px;
    line-height: 42px;
}
.news .more_list .more,
.market .more_list .more{
    display: none;
    float: right;
}
.news .more_list .more:first-child,
.market .more_list .more:first-child{
    display: block;
    float: right;
}

/* 广发新闻 */
.news .content{
    width: 100%;
    background-color: #fff;
    padding: 16px;
    padding-right: 36px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}
.news .content .col{
    display: none;
}
.news .content .col:first-child{
    display: block;
}
.news .content .avator img{
    display: block;
    width: 330px;
    height: 240px;
    margin-right: 32px;
    object-fit: cover;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}
.news .content .news_list{
    float: left;
    width: 526px;
}
.news .news_list .news_item{
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}
.news .news_list .news_item:nth-child(2){
    margin-top: 12px;
}
.news .news_list .year_item:nth-child(2){
    margin-top: 0;
}
.news .news_list .news_item a{
    float: left;
    line-height: 36px;
}
.news .news_list .news_item i{
    float: left;
    margin: 14px 20px 0 0;
    width: 2px;
    height: 10px;
    background-color: #BE0018;
}
.news .news_list .news_item .date{
    color:#999;
    float: right;
}
.news .news_list .news_item:hover .date,
.news .news_list .news_item:hover a{
    color: #BE0018;
}
.news .news_list .lastest{
    height: 74px;
    padding-top: 10px;
    border-bottom: 1px solid #E8E8E8;
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
}
.news .news_list .lastest i,
.news .news_list .lastest u{
    display: inline-block;
    width: 40px;
    height: 24px;
    background-color: #63B184;
    color:#fff;
    text-align: center;
    line-height: 24px;
    margin-right: 12px;
    margin-top: 1px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
}
.news .news_list .lastest a{
    overflow: visible;
    width: 472px;
    display: block;
    text-overflow: inherit;
    white-space: inherit;
    line-height: 26px;
}
.news .news_list.year_list .lastest{
    font-weight: normal;
    overflow: visible;
}
.year_list .lastest h4{
    font-size: 18px;
    line-height: 26px;
}
.year_select.fund{
    display: block;
    padding: 0;
    transform: translateY(-2px);
    -ms-transform: translateY(-2px);
}
.year_list .lastest .year_select>span{
    float: left;
    padding-right: 14px;
    font-size: 14px;
    color: #666;
    font-weight: bold;
    line-height: 32px;
}
.year_list .lastest .field{
    float: right;
    position: static;
    width: 72px;
    font-size: 14px;
}
.year_list .lastest .fund .field b {
    position: absolute;
    top: 10px;
    right: 9px;
    width: 6px;
    height: 6px;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.year_list .fund .field .select{
    height: 32px;
    color: #333;
}
.year_list .fund ul{
    width: 72px;
    font-size: 14px;
    font-weight: bold;
    max-height: 168px;
    box-sizing: content-box;
}
.year_list .fund ul li:hover {
    background: #F4F4F4;
}
.fund .hot_list{
    padding: 10px 0;
}
.fund .hot_list:last-of-type{
    border-bottom: 0;
}
.fund .hot_list.hot_list_state,
.fund .hot_list.hot_list_type{
    width: 350px;
}
.fund .hot_list.hot_list_type{
    border-bottom: 0;
}
.hot_list_title{
    float: left;
    width: 74px;
    margin-right: 10px;
    text-align: right;
    line-height: 24px;
}
.fund .hot_list .fund_list{
    float: left;
}
.fund_item{
    float: left;
    margin-right: 10px;
    padding: 0 8px;
    border: 1px solid #D1D1D1;
    height: 26px;
    line-height: 26px;
    color: #666;
    border-radius: 4px;
    cursor: pointer;
    background: transparent;
    font-size: 12px;
}
.fund_item.active{
    background-color: #be0018;
    color: #fff;
    border: 1px solid #be0018;
}
.filter_item{
    float: left;
    position: relative;
}
.fund .filter_item .field{
    position: static;
}
.fund .search{
    position: absolute;
    right: 120px;
    top: -55px;
}
.fund .search span{
    float: left;
    line-height: 24px;
}
.fund .search input[type="text"]{
    border: 1px solid #D0D0D0;
    height: 23px;
    float: left;
    text-indent: 1em;
    position: relative;
    z-index: 1;
}
.fund .search input[type="button"]{
    border: 1px solid #D0D0D0;
    background-color: #fff;
    margin-left: -1px;
    height: 27px;
    float: left;
}
.fund .btns{
    position: absolute;
    right: 300px;
    bottom: 15px;
}
.fund .btns button{
    /* outline: none; */
    border: 0;
    width: 90px;
    height: 34px;
    border-radius: 6px;
    line-height: 32px;
}
.fund .btns .btns_reset{
    border: 1px solid #be0018;
    color: #be0018;
    background: transparent;
    margin-right: 20px;
}
.fund .btns .btns_filter{
    background-color: #be0018;
    border: 1px solid #be0018;
    color: #fff;
}







/* 金融超市 银行理财*/
.market .content .financing{
    position: relative;
    width: 940px;
}
.market .content .financing_box{
    width: 940px;
    overflow: hidden;
}
.market .content .financing_inner{
    position: relative;
    left: 0;
    width: 20000px;
}
.market .content .financing .btns{
    position: absolute;
    top: -48px;
    left: 829px;
    width: 110px;
    text-align: center;
    line-height: 24px;
}
.market .content .financing .prev,
.market .content .financing .next{
    position: absolute;
    top: 1px;
    width: 24px;
    height: 24px;
    background: transparent;
    border-radius: 50%;
    cursor: pointer;
}
.market .content .financing .btns .prev:hover,
.market .content .financing .btns .next:hover{
    background: #E2E2E2;
}
.market .content .financing .btns .prev i,
.market .content .financing .btns .next i{
    position: absolute;
    content: '';
    top: 7px;
    border-top: 9px solid transparent;
}
.market .content .financing .btns .prev i{
    left: 9px;
    border-left: 9px solid #aaa;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    
}
.market .content .financing .btns .next i{
    left: 6px;
    border-left: 9px solid #333;
    transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.market .content .financing .btns .prev{
    left: 0;
}
.market .content .financing .btns .next{
    right: 0;
}
.market .financing .col{
    float: left;
    width: 300px;
    height: 248px;
    padding: 20px 18px 0;
    margin-right: 20px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}
.market .financing .col .name{
    font-size: 16px;
    height: 42px;
    line-height: 21px;
    margin-bottom: 10px;
    display: -webkit-box;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: normal;
}
.market .financing .col .rate_box{
    height: 78px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E8E8E8;
}
.market .financing .rate p{
    font-size: 30px;
    height: 34px;
    line-height: 34px;
    color: #BE0018;
    font-weight: 700;
}
.market .financing .rate span{
    font-size: 14px;
    color: #666666;
}
.market .financing .row div{
    margin-bottom: 6px;
    font-size: 14px;
}
.market .financing .row  u{
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #333;
    margin-right: 16px;
    margin-bottom: 3px;
}
.market .financing .row span{
    color: #666;
}
.market .financing .btns a{
    font-size: 14px;
    color: #999;
    font-weight: bold;
}
.market .financing .btns a:hover{
    color: #BE0018;
}

/* 金融超市 基金 */
.fund{
    position: relative;
    display: none;
    padding: 16px 16px 0 22px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}
.fund::after{
    display: block;
    content: '';
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}
.fund .left{
    margin-right: 60px;
    width: 620px;
}
.fund .hot_title{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 15px;
}
.fund .hot_list{
    position: relative;
    padding-bottom: 14px;
    padding-top: 14px;
    border-bottom: 1px solid #E8E8E8;
}
.fund .hot_list a{
    float: left;
    margin-right: 30px;
    font-size: 14px;
}
.fund .hot_list a:last-child{
    margin-right: 0;
}
.fund .hot_list a i{
    display: inline-block;
    width: 2px;
    height: 10px;
    background: #BE0018;
    margin-right: 12px;
}
.fund .select_title{
    font-size: 16px;
    line-height: 30px;
    margin-top: 24px;
}
.fund .hot_list .filters .field{
    right: 0;
    left: auto;
    top: 11px;
    width: 215px;
    line-height: 24px;
}
.fund .content{
    position: relative;
    font-size: 14px;
    height: 160px;
}
.fund .field .select {
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    color: #666666;
}
.fund .field .select span{
    display: block;
    text-indent: 15px;
}
.fund .field i {
    position: absolute;
    top: 8px;
    right: 17px;
    width: 6px;
    height: 6px;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.fund ul {
    padding: 12px 0;
    position: absolute;
    width: 100%;
    top: 40px;
    max-height: 350px;
    overflow: auto;
    right: 0;
    color: #666666;
    background: #ffffff;
    z-index: 10;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.12);
    border-radius: 4px;
}
.fund ul li{
    padding: 0 16px;
    padding-right: 0;
    line-height: 32px;
}
.fund ul li[data-id]:hover {
    background: #F4F4F4;
}
.fund .net-worth{
    position: absolute;
    left: 320px;
    top: 0px;
    width: 140px;
}
.fund .field{
    position: absolute;
    width: 140px;
    top: 10px;
    left: 0;
    line-height: 30px;
}
.fund .filters .field{
    width: 300px;
}
.fund .net-worth ul{
    width: 140px;
}
.fund .size{
    position: absolute;
    width: 140px;
    top: 0;
    left: 480px;
}

.fund .name{
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
}
.fund .group{
    width: 140px;
    position: absolute;
    left: 0;
    top: 90px;
}

.fund .styles{
    width: 140px;
    position: absolute;
    left: 160px;
    top: 90px;
}

.fund .field .select.selecting {
    border: 1px solid #BE0018;  
    color: #B8B8B8;
}
.fund button.btn {
    position: absolute;
    left: 320px;
    top: 101px;
    width: 140px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border: 0;
    background-color: #BE0018;
    color:#fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    cursor: pointer;
}
.fund button.btn:hover{
    background-color: #A60015;
}
.fund .field ul li.weight{
    color:#333;
    font-weight: 700;
}
.fund ul.hide{
    display: none;
}
.fund .more{
    position: absolute;
    right: 0;
    top: -46px;
}
.fund_search{
    color: #777;
}

/* 金融超市 贵金属 */
.metal{
    display: none;
    padding: 16px 16px 0 22px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    overflow: hidden;
}
.metal .left{
    width: 660px;
    margin-right: 22px;
}
.metal .left .metal_title{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 15px;
}
.metal_type{
    overflow: hidden;
}
.metal_now,.metal_delay{
    width: 310px;
    font-size: 14px;
}
.metal .left .metal_now_title,
.metal .left .metal_delay_title{
    display: inline-block;
    padding: 0 10px;
    height: 32px;
    margin-bottom: 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    text-align: center;
    line-height: 32px;
}
.metal .left .metal_now_title{
    background: #EFF1FD;
    color:#6171A4;
}
.metal .left .metal_delay_title{
    background: #FDF2ED;
    color: #BF744C;
}
.metal_now a,
.metal_delay a{
    position: relative;
    display: block;
    
}
.metal_now a span,
.metal_delay a span{
    position: absolute;
    bottom: 0;
    right: 0;
    color: #999;
    font-weight: bold;
}
.metal_now a:hover span,
.metal_delay a:hover span{
    color: #BE0018;
}
.metal_now a span u,
.metal_delay a span u{
    display: inline-block;
    transform: translateY(1px);
    -ms-transform: translateY(1px);
}
.metal_service{
    margin-top: 18px;
}
.metal_service_list a{
    width: 20%;
    margin-bottom: 20px;
}
.metal_service_list a i{
    width: 28px;
    height: 28px;
    margin-right: 9px;
}
.metal_service_list a:nth-child(1) i{
    background: url('../svg/metal/price.png');
    background-size: cover;
}
.metal_service_list a:nth-child(2) i{
    background: url('../svg/metal/investment_guides.png');
    background-size: cover;
}
.metal_service_list a:nth-child(3) i{
    background: url('../svg/metal/current_loan.png');
    background-size: cover;
}
.metal_service_list a:nth-child(4) i{
    background: url('../svg/metal/delay.png');
    background-size: cover;
}
.metal_service_list a:nth-child(5) i{
    background: url('../svg/metal/abc.png');
    background-size: cover;
}
.metal_service_list a:nth-child(6) i{
    background: url('../svg/metal/market_analyse.png');
    background-size: cover;
}
.metal_service_list a:nth-child(7) i{
    background: url('../svg/metal/technical_analyse.png');
    background-size: cover;
}
.metal_service_list a:nth-child(8) i{
    background: url('../svg/metal/price.png');
    background-size: cover;
}
.metal_service_list a:nth-child(9) i{
    background: url('../svg/metal/risk_skills.png');
    background-size: cover;
}
.metal_service_list a:nth-child(10) i{
    background: url('../svg/metal/relevant_regulations.png');
    background-size: cover;
}
.metal_service_list a:nth-child(1):hover i{
    background: url('../svg/metal/price_hover.png');
    background-size: cover;
}
.metal_service_list a:nth-child(2):hover i{
    background: url('../svg/metal/investment_guides_hover.png');
    background-size: cover;
}
.metal_service_list a:nth-child(3):hover i{
    background: url('../svg/metal/current_loan_hover.png');
    background-size: cover;
}
.metal_service_list a:nth-child(4):hover i{
    background: url('../svg/metal/delay_hover.png');
    background-size: cover;
}
.metal_service_list a:nth-child(5):hover i{
    background: url('../svg/metal/abc_hover.png');
    background-size: cover;
}
.metal_service_list a:nth-child(6):hover i{
    background: url('../svg/metal/market_analyse_hover.png');
    background-size: cover;
}
.metal_service_list a:nth-child(7):hover i{
    background: url('../svg/metal/technical_analyse_hover.png');
    background-size: cover;
}
.metal_service_list a:nth-child(8):hover i{
    background: url('../svg/metal/price_hover.png');
    background-size: cover;
}
.metal_service_list a:nth-child(9):hover i{
    background: url('../svg/metal/risk_skills_hover.png');
    background-size: cover;
}
.metal_service_list a:nth-child(10):hover i{
    background: url('../svg/metal/relevant_regulations_hover.png');
    background-size: cover;
}
.metal .right,
.fund .right{
    width: 220px;
}
.metal .right .avator img,
.fund .right .avator img{
    width: 220px;
    height: 260px;
    object-fit: cover;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}
.metal .right p,
.fund .right p{
    text-align: center;
    line-height: 30px;
}

/* 为您推荐 */
.recomend{
    margin:0 auto 30px;
}
.recomend .content{
    position: relative;
    height: 234px;
}
.recomend .more{
    line-height: 42px;
    position: absolute;
    right: 0;top: 30px;
}
.recomend .col .info .desc .more{
    line-height: 24px;
    position: static;
}
.recomend .col .info .name .more{
    line-height: 30px;
    position: static;
}
.fin_recommend .info .more{
    position: static;
}
#recomend .content-inner .content-box{
    position: relative;
    left: 0;
    width: 9999px;
}
#recomend .content-inner{
    position: absolute;
    width: 940px;
    left: 50%;
    top: -20px;
    margin-left: -488px;
    padding: 20px 18px;
    box-sizing: content-box;
    overflow: hidden;
}
.recomend .col{
    float: left;
    width: 220px;
    margin-right: 20px;
    /* overflow: hidden; */
    cursor: pointer;
}
.recomend .col .avator img{
    width: 220px;
    height: 160px;
    display: block;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius:  4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    object-fit: cover;
}
.recomend .col .info{
    height: 74px;
    padding: 8px;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
}
.recomend .col .info .name{
   line-height: 30px;
   font-size: 14px;
   font-weight: 700;
}
.recomend .col .info .desc{
    font-size: 12px;
    line-height: 24px;
    height: 24px;
}
.recomend .col .info .desc span {
    overflow: hidden;
    height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 136px;
}
.recomend .col .info .desc .more a{
    font-size: 12px;
    font-weight: normal;
}
.recomend .col:hover{
    box-shadow: 0 0 15px 0 rgba(0,0,0,.2);
}
.recomend .col:hover .name a{
    color:#BE0018;
}

/* 侧边栏 */
#side_bar{
    position: fixed;
    bottom: 146px;
    right: 0;
    width: 70px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.08);
    z-index: 99;
}
.company_side_bar,
.finance_side_bar{
    bottom: 220px;
}
#side_bar.oldside1,
#side_bar.oldside2,
#side_bar.oldside3,
#side_bar.oldside4,
#side_bar.oldside5{
    transform-origin: right bottom;
    -ms-transform-origin: right bottom;
}
#side_bar.oldside1{
    transform: scale(1.2);
    -ms-transform: scale(1.2);
}
#side_bar.oldside2{
    transform: scale(1.4);
    -ms-transform: scale(1.4);
}
#side_bar.oldside3{
    transform: scale(1.6);
    -ms-transform: scale(1.6);
}
#side_bar.oldside4{
    transform: scale(1.8);
    -ms-transform: scale(1.8);
}
#side_bar.oldside5{
    transform: scale(2.0);
    -ms-transform: scale(2.0);
}
#side_bar .col{
    padding: 0 7px;
}
#side_bar .col .col_inner{
    padding: 6px 0;
    position: relative;
    text-align: center;
}
#side_bar .online.link_hover .col_inner>span{
    color: #BE0018;
}
#side_bar .online.link_hover .link_list{
    display: block;
}
#side_bar .online .link_list {
    display: none;
    position: absolute;
    left: auto;
    width: 156px;
    padding: 16px 0;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.12);
    border-radius: 3px;
    z-index: 2;
    right: 63px;
    top: 0px;
}
#side_bar .online .link_list a{
    display: block;
    width: 126px;
    line-height: 28px;
    padding-left: 20px;
    padding-right: 10px;
    height: 28px;
    text-align: left;
}
#side_bar .online .link_list a i {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    transform: translateY(2px);
    -ms-transform: translateY(2px);
}
#side_bar .online .link_list li:nth-child(1) i {
    background: url('/static/pchome/svg/quick/online_personal.png');
    background-size: cover;
}
#side_bar .online .link_list li:nth-child(2) i {
    background: url('/static/pchome/svg/quick/online_credticard.png');
    background-size: cover;
}
#side_bar .online .link_list li:nth-child(3) i {
    background: url('/static/pchome/svg/quick/online_duigong.png');
    background-size: cover;
}
#side_bar.bar_yellow .online .link_list li:nth-child(1) i {
    background: url('/static/pchome/svg/quick/online_personal_yellow.png');
    background-size: cover;
}
#side_bar.bar_yellow .online .link_list li:nth-child(2) i {
    background: url('/static/pchome/svg/quick/online_credticard_yellow.png');
    background-size: cover;
}
#side_bar.bar_yellow .online .link_list li:nth-child(3) i {
    background: url('/static/pchome/svg/quick/online_duigong_yellow.png');
    background-size: cover;
}
#side_bar .online .link_list a:hover{
    background-color: #f4f4f4;
}
#side_bar .col:not(:last-child) .col_inner{
    border-bottom: 1px solid #e8e8e8;
}
#side_bar .col:hover .col_inner>span{
    color: #BE0018;
}
#side_bar .online u{
    background: url('/static/pchome/svg/online_service.png');
}
#side_bar .mobile u{
    background: url('/static/pchome/svg/mobile_bank.png');
}
#side_bar .wechact u{
    background: url('/static/pchome/svg/wechat_bank.png');
}
#side_bar .yundian u{
    background: url('/static/pchome/svg/yundian.png');
}
#side_bar .service u{
    background: url('../svg/service.png');
}
#side_bar.bar_yellow .online u,
#side_bar.bar_yellow .online:hover u{
    background: url('/static/pchome/svg/online_service_black.png');
}
#side_bar.bar_yellow .mobile u,
#side_bar.bar_yellow .mobile:hover u{
    background: url('/static/pchome/svg/mobile_bank_black.png');
}
#side_bar.bar_yellow .wechact u,
#side_bar.bar_yellow .wechact:hover u{
    background: url('/static/pchome/svg/wechat_bank_black.png');
}
#side_bar.bar_yellow .service u,
#side_bar.bar_yellow .service:hover u{
    background: url('/static/pchome/svg/service_black.png');
}
#side_bar.bar_yellow .yundian u,
#side_bar.bar_yellow .yundian:hover u{
    background: url('/static/pchome/svg/yundian_black.png');
}
#side_bar .online:hover u{
    background: url('../svg/online_service_hover.png');
}
#side_bar .online.link_hover u{
    background: url('../svg/online_service_hover.png');
}
#side_bar .mobile:hover u{
    background: url('../svg/mobile_bank_hover.png');
}
#side_bar .yundian:hover u{
    background: url('/static/pchome/svg/yundian_hover.png');
}
#side_bar .wechact:hover u{
    background: url('../svg/wechat_bank_hover.png');
}
#side_bar .service:hover u{
    background: url('../svg/service_hover.png');
}
#side_bar .col u{
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto 5px;
    background-size: cover;
}
#side_bar .col:hover u{
    width: 28px;
    height: 28px;
    background-size: cover;
}
#side_bar .online a{
    display: block;
    width: 100%;
    text-align: center;
}
#side_bar .service .col_inner>span{
    width: 48px;
    text-align: center;
}
#side_bar .wechact img,
#side_bar .mobile img,
#side_bar .yundian img{
    display: none;
    position: absolute;
    right: 63px;
    top: 0;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.08);
}
#side_bar .wechact.hover img,
#side_bar .mobile.hover img,
#side_bar .yundian.hover img{
    display: block;
    background-color: #fff;
}
#side_bar .service_inner{
    position: absolute;
    right: 2000px;
    top: 0;
    background: #FFFFFF;
    width: 156px;
    height: 200px;
    padding: 16px 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.08);
    opacity: 0;
    z-index: -10;
}
.service_inner .service_box{
    width: 156px;
    height: 140px;
    overflow: hidden;
}
#side_bar .service_inner a{
    display: block;
    width: 126px;
    line-height: 28px;
    padding-left: 20px;
    padding-right: 10px;
    text-overflow: ellipsis;
    height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
}
#side_bar .service_inner a:hover{
    background-color:#F4F4F4;
}
#side_bar .service_list a i{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    background-size: cover;
}
#side_bar .service_list a:nth-child(1) i{
    background-image: url('../svg/quick/pay_platform.png');
}
#side_bar .service_list a:nth-child(2) i{
    background-image: url('../svg/quick/online_filler.png');
}
#side_bar .service_list a:nth-child(3) i{
    background-image: url('../svg/quick/bulk_card.png');
}
#side_bar .service_list a:nth-child(4) i{
    background-image: url('../svg/quick/apply_credit_card.png');
}
#side_bar .service_list a:nth-child(5) i{
    background-image: url('../svg/quick/payroll.png');
}
#side_bar.bar_yellow .service_list a:nth-child(1) i{
    background-image: url('/static/pchome/svg/quick/pay_platform_black.png');
}
#side_bar.bar_yellow .service_list a:nth-child(2) i{
    background-image: url('/static/pchome/svg/quick/online_filler_black.png');
}
#side_bar.bar_yellow .service_list a:nth-child(3) i{
    background-image: url('/static/pchome/svg/quick/bulk_card_black.png');
}
#side_bar.bar_yellow .service_list a:nth-child(4) i{
    background-image: url('/static/pchome/svg/quick/apply_credit_card_black.png');
}
#side_bar.bar_yellow .service_list a:nth-child(5) i{
    background-image: url('/static/pchome/svg/quick/payroll_black.png');
}
.controller{
    position: relative;
    margin: 8px 18px 0;
    line-height: 24px;
}
.controller .controller-pagination{
    position: absolute;
    left: 37px;
    width: 44px;
    text-align: center;
}
.controller .swiper-prev,
.controller .swiper-next{
    position: relative;
    width: 24px;
    height: 24px;
    background: transparent;
    border-radius: 50%;
    cursor: pointer;
}
.controller .swiper-prev:hover,
.controller .swiper-next:hover{
    background: #E2E2E2;
}
.controller .swiper-prev i,
.controller .swiper-next i{
    position: absolute;
    content: '';
    top: 7px;
    border-top: 9px solid transparent;
}
.controller .swiper-prev i{
    left: 9px;
    border-left: 9px solid #aaa;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.controller .swiper-next i{
    left: 6px;
    border-left: 9px solid #333;
    transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.controller .swiper-prev{
    left: 0;
}
.controller .swiper-next{
    right: 0;
}
#side_bar .service .service_inner.service_hover{
    right: 63px;
    height: 200px;
    opacity: 1;
    z-index: 10;
}

/* 零售金融--首页 */
.banner_business{
    position: relative;
    height: 400px;
}
.banner_business img{
    width: 100%;
}
.banner_business a{
    display: block;
    width: 100%;
    height: 100%;
    min-width: 1263px;
}
.personal_recomend{
    margin: 0 auto 20px;
}
.personal_recomend .content .more a{
    color: #999;
}
.personal_recomend .content .more a:hover{
    color: #be0018;
}
.business .content{
    background-color: #fff;
    padding: 16px;
    border-radius: 4px;
}
.hotproduct::after,
.finmsg::after{
    display: block;
    content: '';
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}
.business_item{
    width: 654px;
    padding: 16px 0;
    border-top: 1px solid #E8E8E8;
}
.business_item:first-of-type{
    border-top: 0;
    padding-top: 0;
}
.business_item:last-of-type{
    padding-bottom: 0;
}
.business_item_img{
    width: 136px;
    height: 76px;
    margin-right: 20px;
    vertical-align: middle;
}
.business_item_info{
    width: 498px;
}
.hotproduct_item_info{
    width: 654px;
}
.business_item_info .business_item_title{
    height: 30px;
    margin-bottom: 4px;
}
.business_item_info h4{
    float: left;
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
}
.business_item_info .business_item_title a{
    float: right;
    margin-right: 0;
    color: #999;
    line-height: 30px;
    font-weight: bold;
}
.business_item_info .business_item_title a:hover{
    color: #be0018;
}
.business_item_info .business_item_title a u{
    display: inline-block;
    transform: translateY(1px);
    -ms-transform: translateY(1px);
}
.business_item_info a{
    float: left;
    margin-right: 20px;
    font-size: 14px;
    line-height: 24px;
}
.business_item_info a i{
    display: inline-block;
    width: 2px;
    height: 10px;
    background: #BE0018;
    margin-right: 12px;
}
.business_news{
    margin-bottom: 30px;
}
.business .title{
    padding: 10px 0 20px;
}

/* 小企业金融--首页 */
.brand_content,
.jinrong_content,
.sment_product_content,
.sment_service_content{
    background-color: #fff;
    padding: 16px;
    border-radius: 4px;
}
.brand_content, 
.jinrong_content{
    padding: 16px 16px 20px;
}
.brand{
    width: 364px;
}
.brand_content .avator,
.jinrong_content .left .avator{
    margin-bottom: 20px;
}
.brand_content .avator,
.brand_content .avator img{
    width: 332px;
    height: 180px;
    border-radius: 4px;
}
.brand_content .desc .name,
.jinrong_content .left .name{
    display: block;
    position: relative;
    line-height: 24px;
    font-size: 14px;
}
.brand_content .desc .name span,
.jinrong_content .left .name span{
    position: absolute;
    bottom: 0;
    right: 0;
    color: #999;
    font-weight: bold;
}
.brand_content .desc .name span u,
.jinrong_content .left .name span u{
    display: inline-block;
    transform: translateY(1px);
    -ms-transform: translateY(1px);
}
.brand_content .desc .name:hover span,
.jinrong_content .left .name:hover span{
    color: #be0018;
}
.jinrong{
    width: 560px;
}
.jinrong_content .left{
    width: 300px;
}
.jinrong_content .left img{
    width: 300px;
    height: 180px;
    border-radius: 4px;
}
.jinrong_content .right .avator{
    width: 210px;
    height: 233px;
    background-color: #fbfbfb;
    margin-bottom: 11px;
    position: relative;
}
.jinrong_content .right .avator img{
    position: absolute;
    width: 180px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.jinrong_content .right .desc{
    text-align: center;
    font-size: 14px;
    line-height: 24px;
}
.smenterprises_product{
    margin-bottom: 30px;
    padding-top: 10px;
}
.sment_product_content{
    width: 362px;
    height: 270px;
    padding: 30px 22px;
}
.product_title_sx,
.product_title_nsx{
    display: inline-block;
    height: 32px;
    padding: 0 16px;
    margin-bottom: 22px;
    border-radius: 4px;
    line-height: 32px;
    font-size: 14px;
}
.product_title_sx{
    background: #EFF1FD;
    color: #6171A4;
}
.product_title_nsx{
    background: #FDF2ED;
    color: #BF744C;
}
.sment_product_content_title a{
    color: #999;
    line-height: 32px;
    font-weight: bold;
    font-size: 14px;
}
.sment_product_content_title a u{
    display: inline-block;
    transform: translateY(1px);
    -ms-transform: translateY(1px);
}
.sment_product_content .product_content{
    height: 62px;
}
.sment_product_content .product_content a{
    float: left;
    margin-right: 20px;
    font-size: 14px;
    line-height: 24px;
}
.sment_product_content .product_content a i{
    display: inline-block;
    width: 2px;
    height: 10px;
    background: #BE0018;
    margin-right: 12px;
}
.sment_service{
    width: 560px;
}
.sment_service_content{
    height: 270px;
    padding-top: 28px;
    padding-left: 30px;
}
.sment_service_content .left{
    width: 320px;
}
.sment_service_content .left li{
    float: left;
    margin-top: 20px;
    height: 28px;
}
.sment_service_content .left a{
    display: inline-block;
    width: 140px;
    line-height: 28px;
    font-size: 14px;
}
.sment_service_content .left li:nth-of-type(1),
.sment_service_content .left li:nth-of-type(2){
    margin-top: 0;
}
.sment_service_content .left a img{
    display: inline-block;
    margin-right: 14px;
    vertical-align: bottom;
}
.sment_service_content .left a span{
    display: inline-block;
    vertical-align: middle;
}
.sment_service_content .right{
    margin-right: 30px;
    font-size: 14px;
}
.sment_service_content .right .img_title{
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background: #FFD3D9;
    border-radius: 4px;
    height: 32px;
    padding: 0 16px;
    line-height: 32px;
    color: #B90000;
    font-weight: bold;
    margin-bottom: 10px;
}
.sment_service_content .right .desc{
    text-align: center;
    line-height: 24px;
    padding-top: 4px;
}

/* 财经频道--首页 */
.fin_market{
    margin-bottom: 30px;
}
.fin_recommend{
    margin: 0 auto 20px;
}
.fin_recommend .content{
    height: 212px;
}
.fin_recommend .col .info{
    height: 50px;
    padding: 0 10px;
}
.fin_recommend .col .info .name{
    line-height: 50px;
}
.fin_recommend .col .info .more a{
    font-size: 12px;
    color: #999;
    line-height: 50px;
    font-weight: normal;
}
.fin_recommend .col .info .more a:hover{
    color: #BE0018;
}
.common_question a{
    margin-right: 30px;
}
.common_question a img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px;
}
.fin_calc .field,
.exchange .field{
    position: relative;
    width: 150px;
    line-height: 32px;
    font-size: 14px;
}
.fin_calc .field .select,
.exchange .field .select{
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    color: #666;
    height: 32px;
    line-height: 30px;
}
.fin_calc .field .select span{
    display: block;
    text-indent: 15px;
}
.fin_calc .field i,
.exchange .field i {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 6px;
    height: 6px;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.fin_calc ul,
.exchange ul {
    padding: 12px 0;
    position: absolute;
    width: 100%;
    top: 40px;
    max-height: 350px;
    overflow: auto;
    right: 0;
    color: #666666;
    background: #ffffff;
    z-index: 10;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.12);
    border-radius: 4px;
}
.fin_calc ul li,
.exchange ul li{
    padding: 0 16px;
    padding-right: 0;
    line-height: 32px;
}
.fin_calc ul li[data-value]:hover,
.exchange ul li[data-value]:hover {
    background: #F4F4F4;
}
.fin_calc ul.hide,
.exchange ul.hide {
    display: none;
}
.fin_calc .field ul li.weight,
.exchange .field ul li.weight {
    color: #333;
    font-weight: 700;
}
.fin_calc .field .select.selecting,
.exchange .field .select.selecting {
    border: 1px solid #BE0018;  
    color: #B8B8B8;
}
.fin_calc .fin_search_btn{
    width: 140px;
    height: 32px;
    background-color: #BE0018;
    margin-left: 20px;
    text-align: center;
    line-height: 32px;
    color:#fff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}
.fin_calc .fin_search_btn:hover{
    background-color: #A60015;
}
.finmsg{
    display: none;
    padding: 10px 24px;
}
.finmsg .finmsg_col{
    width: 260px;
    height: 230px;
    margin-right: 40px;
    background-color: #eee;
}
.finmsg .finmsg_col .data{
    line-height: 26px;
    padding-bottom: 6px;
    background-color: #fff;
    font-size: 14px;
    color: #666;
}
.finmsg .exchange{
    margin-right: 0;
}
.finmsg .data span.up{
    font-weight: bold;
    color: #BE0018;
}
.finmsg .data span.down{
    font-weight: bold;
    color: green;
}
.finmsg .avator{
    text-align: center;
    padding-top: 17px;
}
.finmsg img{
    display: inline-block;
    width: 206px;
}
.finmsg .inputs{
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    margin-right: 6px;
    text-align: center;
}
.finmsg label{
    position: relative;
    margin-right: 28px;
}
.finmsg label:last-of-type{
    margin-right: 0;
}
.finmsg label span{
    display: inline-block;
    position: relative;
    top: 2px;
    border: 1px solid #666;
    padding: 6px;
    border-radius: 14px;
    margin-right: 3px;
}
label.active span{
    background-color: #fff;
    border: 1px solid #008cff;
}
label.active::before {
    position: relative;
    content: '';
    position: absolute;
    left: 3px;
    top: 2px;
    width: 8px;
    height: 8px;
    border-radius: 6px;
    background-color: #008cff;
    z-index: 1;
}
.finmsg .exchange_select{
    position: relative;
    height: 32px;
    background-color: #fff;
}
.exchange .field{
    width: 122px;
    font-size: 14px;
}
.exchange .field .select{
    position: relative;
    bottom: 5px;
}
.exchange .field .select span{
    display: block;
    text-indent: 10px;
}
.exchange .field i{
    right: 9px;
}
.exchange ul{
    top: 35px;
}
.finmsg .exchange .avator{
    padding-top: 23px;
}
.finmsg .exchange img{
    display: inline-block;
    width: 220px;
}



/* 关于广发--首页 */
.about_wrapper .content{
    padding: 22px;
    background-color: #fff;
    border-radius: 4px;
}
.about_wrapper .info{
    width: 465px;
    font-size: 14px;
}
.about_wrapper .name{
    display: inline-block;
    background: #EFF1FD;
    margin-bottom: 14px;
    padding: 0 16px;
    height: 32px;
    line-height: 32px;
    color: #6171A4;
    font-weight: bold;
    border-radius: 4px;
}
.about_wrapper .desc{
    position: relative;
    margin-bottom: 15px;
}
.about_wrapper .report .desc{
    margin-bottom: 0;
}
.about_wrapper .social .desc{
    margin-bottom: 20px;
}
.about_wrapper .desc p{
    line-height: 22px;
}
.about_wrapper .desc a span{
    position: absolute;
    right: 0;
    bottom: 0;
    color: #999;
    font-weight: bold;
}
.about_wrapper .desc a span u{
    display: inline-block;
    transform: translateY(1px);
    -ms-transform: translateY(1px);
}
.about_wrapper .desc a:hover span{
    color: #be0018;
}
.about_wrapper .desc ul li{
    margin-right: 24px;
}
.about_wrapper img{
    width: 380px;
    height: 290px;
    margin-top: 5px;
    border-radius: 4px;
    background-color: azure;
}
.about_recomend .col .info{
    padding: 10px;
    padding-right: 0;
    height: auto;
}
.about_recomend .col .info .name{
    line-height: 25px;
}

/* 公司金融--首页 */
.company_recommend{
    margin: 0;
    padding-bottom: 20px;
}
.company_recommend .col .info{
    height: 92px;
    padding: 10px;
}
.company_recommend .col .info .name{
    width: 100%;
    margin-bottom: 3px;
}
.company_recommend .col .info .name .more a{
    font-size: 12px;
    font-weight: normal;
}
.company_recommend .col .info .desc{
    height: auto;
    line-height: 18px;
}
.company_products .title{
    padding: 20px 0;
}
.company_product_content{
    width: 458px;
    height: 200px;
    padding: 16px;
    background-color: #fff;
    border-radius: 4px;
}
.company_product_content img{
    width: 154px;
    height: 168px;
    margin-right: 22px;
    border-radius: 4px;
}
.company_product_content .desc{
    padding-top: 11px;
    line-height: 24px;
    font-size: 14px;
}
.company_product_content .desc a{
    display: block;
    position: relative;
    width: 250px;
}
.company_product_content .desc a span{
    position: absolute;
    right: 0;
    bottom: -18px;
    color: #999;
    font-weight: bold;
}
.company_product_content .desc a span u{
    display: inline-block;
    transform: translateY(1px);
    -ms-transform: translateY(1px);
}
.company_product_content .desc a:hover span{
    color: #be0018;
}
.company_service .more,
.sment_service .more{
    position: absolute;
    right: 0;
    top: 20px;
    line-height: 42px;
}
.sment_service .more{
    top: 30px;
}
.company_service_content{
    width: 460px;
    height: 200px;
    background-color: #fff;
    border-radius: 4px;
    padding: 30px 0 0 30px;
}
.company_service_content a{
    display: inline-block;
    width: 142px;
    height: 28px;
    margin-bottom: 26px;
    font-size: 14px;
    line-height: 28px;
}
.company_service_content a img{
    display: inline-block;
    margin-right: 14px;
    vertical-align: middle;
}
.company_service_content a span {
    display: inline-block;
    vertical-align: middle;
}
.company_service_content a:nth-of-type(3n){
    width: 132px;
}
.company_recommend .more a{
    color: #999;
}
.company_recommend .col:hover .name .more a{
    color: #999;
}
.company_recommend .col:hover .name .more:hover a{
    color: #BE0018;
}

/* 投资者关系--首页 */
#header {
    background: #fff;
}
.location{
    height: 30px;
    background: #F2F2F2;
    line-height: 30px;
}
#sub_nav.sub_nav {
    display: none;
    position: absolute;
    text-align: left;
    min-width: auto;
    left: 0;
    top: 40px;
    z-index: 9999;
}
.sub_nav .l2linka{
    color: #000;
    font-size: 13px;
    line-height: 34px;
    text-align: center;
    display: block;
    background: rgba(255, 255, 255, .93);
}
.sub_nav .l2linka:hover {
    color: #be0018;
}
.goven {
    margin-bottom: 30px;
}
.goven .gszl,
.goven .ndbg,
.goven .cwxx{
    width: 300px;
    margin-right: 20px;
}
.goven .gszl .info,
.goven .ndbg .info,
.goven .cwxx .info{
    border-radius: 4px;
    overflow: hidden;
}
.goven .gszl .info:hover,
.goven .ndbg .info:hover,
.goven .cwxx .info:hover{
    box-shadow: 0 0 15px 0 rgba(0,0,0,.2);
}
.gszl .info:hover .name>a:first-of-type,
.ndbg .info:hover .name>a:first-of-type,
.cwxx .info:hover .name>a:first-of-type{
    color: #be0018;
}
.goven .gszl img,
.goven .ndbg img,
.goven .cwxx img{
    width: 300px;
    height: 170px;
    border-radius: 4px;
}
.goven .cwxx{
    margin-right: 0;
}
.goven .info .name{
    position: relative;
    width: 300px;
    padding: 12px 10px 10px;
    height: 72px;
    background-color: #fff;
}
.goven .info .name a{
    font-size: 14px;
    line-height: 24px;
}
.goven .info .more{
    position: absolute;
    right: 11px;
    bottom: 12px;
    font-size: 12px;
}
.goven .ndbg .info .download{
    padding-top: 4px;
    font-size: 12px;
}
.goven .info .more a{
    font-size: 12px;
    color: #999;
    font-weight: normal;
}
.goven .info .more:hover a{
    color: #BE0018;
}
.irl_message{
    margin-bottom: 30px;
    color: #333;
    line-height: 42px;
    font-weight: bolder;
    font-size: 18px;
}
.irl_message span,
.irl_message em{
    font-size: 16px;
    font-style: normal;
}
.irl_message a{
    padding: 0 20px 0 38px;
}

/* 20220104 - 兼容新旧页面导航宽度 */
.nav_item ul.nav_item_content{
    width: 940px;
}