@charset "utf-8";

/* 框架 */
#content { width: auto; padding: 0; margin: 0; z-index: 1; }
.rowGroup { padding: 20px 0; }
.row { margin-bottom: 20px; }
.row:last-of-type { margin-bottom: 0; }
.column-3 { float: left; width: 450px; margin-right: 25px;}
.column-2 { float: left; width: 925px; margin-right: 25px;}
.column-5 { float: left; width: 560px; margin-right: 29.99px; }
.column-7 { float: left; width: 610px; margin-right: 29.99px; }
.column-5:last-of-type,
.column-3:last-of-type,
.column-7:last-of-type { margin-right: 0; }
.infoList li > a,
.topicList .n > a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
a:hover{color:#e60012;text-decoration:none}

/* 首页头条大标题 */
.hotnews {margin:20px 0 20px 0;padding:0;text-align: center;height: 22px;font-size: 14px;font-weight: 400;line-height: 22px;}
.hotnews li {height: 56px;font-size: 48px;font-weight: bold;line-height: 56px;text-align:center;letter-spacing:-0.05em;}
.hotnews div a.red:link,.Headlines div a.red:visited,.Headlines h1 a.red:link,.Headlines h1 a.red:visited{color:#e60012;}
.hotnews div a:hover{color:#c00;}
.hotnews div a{margin:0 6px}

/* 图片切换 */
.slideBox,
.slideBox .bd .pic img { width: 100%; height: auto; border-radius: 5px;}

/* 轮播大图 */
.banner { position: absolute; left: 0; top: 0; width: 100%; }
.banner .bd li { position: relative; height: 100vh; width: 100%; overflow: hidden; background-position: center center !important; background-size: cover !important; }
.banner .bd .link { display: block; height: 100% !important; background: linear-gradient(180deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .7) 100%); }
.banner .bd .con { position: absolute; left: 0; right: 0; bottom: 150px; width: 1200px; margin: 0 auto; color: #fff; }
.banner .bd li.on .con { animation: moveTop 2s ease; }
.banner .bd .con .title { font-size: 36px; line-height: 54px; }
.banner .bd .con .title a { color: inherit; text-decoration: none; }
.banner .bd .con .title a::after { display: block; content: attr(title); }
.banner .bd .con .intro { display: block; margin-top: 10px; font-size: 24px; line-height: 36px; white-space: pre; font-weight: 300; letter-spacing: 0.05em;  }
.banner .hd { display: none; }
.banner .prev,
.banner .next { position: absolute; left: 50%; bottom: 70px; margin-left: -600px; width: 60px; height: 52px; line-height: 52px; text-align: center; background: #223874; color: #fff; font-size: 24px; opacity: 0.8; text-decoration: none; }
.banner .next { margin-left: -520px; }
.banner .prev .fa,
.banner .next .fa { opacity: 0.5; }
.banner .prev:hover,
.banner .next:hover { background: #CEBDA2; }
.banner .prev:hover .fa,
.banner .next:hover .fa { opacity: 1; }
.banner .down { position: absolute; left: 50%; transform: translateX(-50%); bottom: 34px; line-height: 1; cursor: pointer; color: #fff; text-align: center; }
.banner .down .icon { font-size: 32px; animation: down 2s linear 0s infinite; }
.banner .down .title { font-size: 16px; margin-top: 16px; }

.banner-mask { height: 100vh; transition: all .6s cubic-bezier(.5,0,.2,1) 0s; }
.banner-mask.fixed { height: 0; }

/* 背景 */
.bgYi { background: url(../../base/img/bg-06.jpg) repeat-x center top; }
.bgGray { background: #f5f5f5; }

/* indBox */
.indBox{margin-bottom:20px;}
.indBox > .hd { line-height: 1.2; padding-bottom:10px; border-bottom: 1px solid #ddd; }
.indBox > .hd a { color: inherit; text-decoration: none; }
.indBox > .hd h3 { font-size: 22px; font-weight: bold; color: #333; }
.indBox > .hd h4 { margin-top: 8px; font-size: 12px; font-weight: 400; color: #999; }
.indBox > .hd ul { float: right; margin-top: 0px; }
.indBox > .hd ul li { float: left; margin-left: 10px; height: 30px; line-height: 30px; padding: 0 10px; font-size: 16px; }
.indBox > .hd ul li.on { font-weight: bold; background: #223874; color: #fff; border-radius: 4px; }
.indBox > .hd ol { float: right; margin: 24px 10px 0 0; }
.indBox > .hd ol li { float: left; margin: 0 5px; width: 12px; height: 12px; border-radius: 50%; background: #ccc; font-size: 0; line-height: 999px; overflow: hidden; cursor: pointer; }
.indBox > .hd ol li.on { background: #F83F21; }
.indBox > .bd { padding-top: 10px; }
.indBox > .bd::before
.indBox > .bd::after { display: table; content: " "; clear: both; }
/*首页列表框架*/
.conBox {border:1px solid #ddd;}

/*银行*/
#yh .list li{padding:5px 0;}
#yh .list-pic li{
    overflow: hidden;
    padding:5px 0;
}
#yh .list-pic li .pic{width:200px;float: left;margin-right:20px;}
#yh .list-pic li .con .title a{font-weight: bold;}
#yh .list-pic li .con .intro{font-size: 14px;color:#666}
/* 政策与监管 */
#zcyjg .list { width:1500px; overflow: hidden;}
#zcyjg .list li .tit{ text-align: center; }
#zcyjg .list li { position: relative;float: left; width:446.66px;margin-right:29.99px;padding: 15px 0; border-bottom: 1px solid #EAEAEA; }
#zcyjg .list .con { position: relative; padding-right: 116px; }
#zcyjg .list .title { font-size: 18px; height: 30px; line-height: 30px; overflow: hidden; }
#zcyjg .list .title a { display: block;}
#zcyjg .list .intro { margin-top: 10px; font-size: 14px; line-height: 24px; color: #777; height: 48px; overflow: hidden; }
#zcyjg .list .others { position: absolute; right: 20px; top: 22px; padding-bottom: 22px; font-size: 18px; }
#zcyjg .list .date { display: block; color: #777; }
#zcyjg .list .others::before,
#zcyjg .list .others::after { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font-family: "fontpower"; content: '\e1c2'; line-height: 14px; color: #EAEAEA; font-size: 51px; }
#zcyjg .list .others::after { width: 0; background: #C91116; -webkit-background-clip: text; color: transparent; white-space: nowrap; }
#zcyjg .list .title,
#zcyjg .list .intro,
#zcyjg .list .others::after { transition: all ease 0.6s; }
#zcyjg .list li:hover .title,
#zcyjg .list li:hover .intro { transform: translateX(10px); }
#zcyjg .list li:hover .title { font-weight: bold; color: #C91116; }
#zcyjg .list li:hover .others::after { width: 100%; }

/*农村金融&国际金融*/
.news-list {display: flex;flex-wrap: wrap; margin: -12.5px; }
.news-list li {width: calc(50% - 25px); margin: 12.5px;}
/* 快捷图文菜单 */
.menuTextList { overflow: hidden; }
.menuTextList li { float: left; width: 20%; }
.menuTextList li a { position: relative; display: block; height: 440px; padding: 80px 60px; background: url(../../base/img/bg-01.jpg) no-repeat center center; background-size: 102% 100%; color: #fff; text-decoration: none; font-weight: 400; }
.menuTextList li a::after { position: absolute; content: ''; left: 0; top: 0; width: 0; height: 100%; background: rgba(34, 56, 114, 0.8); }
.menuTextList li .con { position: relative; z-index: 1; }
.menuTextList li .con::before { display: block; content: ''; width: 30px; height: 1px; background: #fff; margin-bottom: 44px; }
.menuTextList li .title { font-size: 24px; line-height: 32px; }
.menuTextList li .enTitle { margin-top: 12px; font-size: 14px; line-height: 20px; }
.menuTextList li .intro { visibility: hidden; opacity: 0; margin-top: 30px; font-size: 14px; line-height: 30px; height: 180px; overflow: hidden; }
.menuTextList li .more { margin-top: 35px; position: relative; display: block; width: 38px; height: 38px; border: 1px solid #fff; border-radius: 50%; }
.menuTextList li .more::before,
.menuTextList li .more::after { position: absolute; content: ''; left: 50%; top: 50%; margin: -1px 0 0 -6px; width: 12px; height: 2px; background: #fff; }
.menuTextList li .more::after { width: 2px; height: 12px; margin: -6px 0 0 -1px; }

.menuTextList li a,
.menuTextList li .con::before,
.menuTextList li a::after,
.menuTextList li .intro,
.menuTextList li .more { transition: all 0.6s ease; }

.menuTextList li a:hover { background-size: 107% 105%; }
.menuTextList li a:hover .con::before { width: 95px; }
.menuTextList li a:hover::after { width: 100%; }
.menuTextList li a:hover .more { transform: rotate(-90deg); }
.menuTextList li a:hover .intro { visibility: visible; opacity: 1; }

.menuTextList .li2 a { background-image: url(../../base/img/bg-02.jpg); }
.menuTextList .li3 a { background-image: url(../../base/img/bg-03.jpg); }
.menuTextList .li4 a { background-image: url(../../base/img/bg-04.jpg); }
.menuTextList .li5 a { background-image: url(../../base/img/bg-05.jpg); }

/* 关于我们 */
.about { overflow: hidden; }
.about .pic { float: right; margin-left: 100px; position: relative; width: 360px; cursor: pointer; overflow: hidden; }
.about .pic img { width: 100%; height: 240px; transition: all 0.6s ease; }
.about .pic:hover img { transform: scale(1.08); }
.about .pic .icon { position: absolute; left: 0; top: 0; width: 100%; font-size: 48px; color: #fff; line-height: 240px; text-align: center; }
.about .con { overflow: hidden; }
.about .title { font-size: 18px; line-height: 30px; }
.about .intro { margin-top: 12px; font-size: 14px; line-height: 30px; height: 120px; overflow: hidden; color: #777; }
.about .more { margin-top: 40px; display: inline-block; vertical-align: top; height: 34px; line-height: 34px; border: 1px solid #3D5186; color: #3D5186; border-radius: 4px; padding: 0 35px; font-size: 14px; }
.about .more:hover { background: #3D5186; text-decoration: none; color: #fff; }

/* 关于我们-数据展示 */
.aboutData { margin-top: 50px; background: #FFFFFF; box-shadow: 0px 0 5px 2px rgba(0, 0, 0, 0.1); }
.aboutData .list { overflow: hidden; padding: 30px 0; }
.aboutData .list li { float: left; width: 25%; padding: 18px 0; border-left: 1px solid #E5E5E5; box-sizing: border-box; text-align: center; }
.aboutData .list li:first-of-type { border-left: none; }
.aboutData .list .value { position: relative; display: inline-block; vertical-align: top; font-size: 36px; line-height: 46px; }
.aboutData .list .value::before,
.aboutData .list .value::after { position: absolute; content: ''; left: 100%; top: 50%; margin: 0 0 0 20px; width: 17px; height: 1px; background: #838383; transition: all 0.4s ease; }
.aboutData .list .value::after { width: 1px; height: 17px; margin: -8px 0 0 28px; }
.aboutData .list .title { font-size: 14px; line-height: 20px; color: #999; }
.aboutData .list li:hover .value::before,
.aboutData .list li:hover .value::after { transform: rotate(-90deg); }

/* 背景区块 */
#bgBlock { overflow: hidden; }
.bgBox { width: 50%; height: 304px; background: #e5e5e5; float: left; padding: 40px 50px; box-sizing: border-box; }
.bgBox > .hd { width: 500px; }
.bgBox > .hd h3 { font-size: 30px; line-height: 40px; color: #223874; }
.bgBox > .hd h3 a { color: inherit; text-decoration: none; }
.bgBox > .bd { width: 500px; padding-top: 20px; }
.bgBox > .bd .description { font-size: 14px; line-height: 26px; height: 78px; overflow: hidden; }
.bgBox > .bd .more { margin-top: 40px; display: inline-block; vertical-align: top; height: 34px; line-height: 34px; border: 1px solid #ccc; color: #999; border-radius: 4px; padding: 0 35px; font-size: 14px; }
.bgBox > .bd .more:hover { background: #3D5186; border-color: #3D5186; text-decoration: none; color: #fff; }

/* 文化与责任 */
#whyzr { padding-top: 200px; height: 608px; background: url(../../base/img/bg-07.jpg) no-repeat right bottom; background-size: cover; }
#whyzr > .hd h3 { color: #fff; }
#whyzr > .bd .description { color: #fff; }
#whyzr > .bd .more { border-color: #fff; color: #fff; }
#whyzr > .bd .more:hover { background: #DC3422; border-color: #DC3422; }

/* 投资者关系 */
#tzzgx { background: url(../../base/img/bg-08.jpg) no-repeat right bottom; background-size: cover; }
#tzzgx > .hd h3 { color: #fff; }
#tzzgx > .bd .list li { margin-top: 20px; font-size: 16px; line-height: 24px; color: #fff; }
#tzzgx > .bd .list li:first-of-type { margin-top: 0; }
#tzzgx > .bd .list li a { color: inherit; }
#tzzgx > .bd .list .dateRight { display: block; font-size: 14px; line-height: 20px; margin-top: 4px; }


/* 招贤纳士 */
#zxns { background: url(../../base/img/bg-09.jpg) no-repeat right bottom; background-size: cover; }

/*报纸下面4个二维码*/
.imageWithText{ display: flex;justify-content: space-between;width: 450px;}
.codeImage{float: left;width:105px; height:auto;font-size:12px;text-align:center;margin: 0 5px;box-sizing: border-box;text-align: center;}
.codeImage img {display: block;width: 100%; }

/* 媒体查询 */
@media (min-width:1500px) {
    .container{ width: 1400px; }

    .banner .bd .con { width: 1400px; }
    .banner .prev,
    .banner .next { margin-left: -700px; }
    .banner .next { margin-left: -620px; }

    .column-7{ width: 810px; }

    .bgBox > .hd { width: 600px; }
    .bgBox > .bd { width: 600px; }

}


@keyframes down{
    0%{
        transform: translateY(0);
        opacity: 0;
    }
    20%{
        transform: translateY(3px);
        opacity: 1;
    }
    80%{
        transform: translateY(10px);
        opacity: 1;
    }
    90%{
        transform: translateY(10px);
        opacity: 0;
    }
    100%{
          transform: translateY(10px);
        opacity: 0;
    }
}
@keyframes moveTop
{
    0%{
        opacity: 0;
        transform: translateY(-100%);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}