@charset "utf-8";

/* 框架 */
#content { width: auto; margin: 0; padding-top: 25px; z-index: 1; }
.rowGroup { padding: 75px 0; }
.row { margin-bottom: 20px; }
.row:last-of-type { margin-bottom: 0; }
.column-5 { float: left; width: 520px; margin-right: 29.99px; }
.column-7 { float: left; width: 650px; margin-right: 29.99px; }
.column-5: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; }

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

/* 图标特效 */
.effectIcon li a { transition: all 0.7s ease; }
.effectIcon li a:hover { transform: translateY(-10px); }

/* 轮播大图 */
/* #banner { position: absolute; left: 0; top: 0; width: 100%; height: 100vh; } */
#banner { position: relative; height: 400px; }
#banner .swiper-slide { height: 100%; }
#banner .swiper-slide .link { position: relative; display: block; height: 100%; background-position: center center; background-size: cover; transform-origin: center center; transform: scale(1.06); transition: all linear 8s 1s; }
#banner .swiper-slide-active .link { transform: scale(1); }
#banner .swiper-slide .con { display: none;  }
#banner .swiper-panel { position: absolute; z-index: 1; left: 0%; bottom: 5%; width: 100%; display: flex; justify-content: center; }
#banner .swiper-pagination { position: static; width: auto; margin: 0 10px; line-height: 1; }
#banner .swiper-pagination-bullets .swiper-pagination-bullet { position: relative; vertical-align: top; background: none; width: 20px; height: 34px; line-height: 34px; margin: 0 6px; opacity: 1; font-size: 16px; color: #fff; transition: all ease 0.5s; }
#banner .swiper-pagination-bullets .swiper-pagination-bullet::after { position: absolute; visibility: hidden; transform: scaleX(0); left: 0; bottom: 0; width: 100%; content: ""; height: 2px; background: #fff; transition: all ease 0.5s; }
#banner .swiper-pagination-bullets .swiper-pagination-bullet-active { font-size: 20px; font-weight: bold; }
#banner .swiper-pagination-bullets .swiper-pagination-bullet-active::after {visibility: visible;transform: scaleX(1);}
#banner .swiper-prev,
#banner .swiper-next { font-size: 28px; color: #fff; height: 34px; line-height: 38px; font-weight: bold; cursor: pointer; transition: all ease 0.5s; }
#banner .swiper-prev { transform-origin: right center; }
#banner .swiper-next { transform-origin: left center; }
#banner .swiper-prev:hover,
#banner .swiper-next:hover { transform: scaleX(1.2); }
#banner .swiper-prev .iconfont,
#banner .swiper-next .iconfont { font-weight: inherit; }

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

/* 背景 */
.bgBlue { background: #e5f0ff; }
.bgYi { background: url(../../base/img/bg-01.jpg) no-repeat center center; background-size: cover; }
.bgEr { background: url(../../base/img/bg-02.jpg) no-repeat center center; background-size: cover; }
.bgSan { background: linear-gradient(180deg, #EDF5FE, #F9FCFF); }
.bgSi { border-bottom: 1px solid rgba(255, 255, 255, 0.5); background: url(../../base/img/bg-03.jpg) no-repeat center center; background-size: cover; }
.bgWu { background: linear-gradient(180deg, #EDF5FE, rgba(249, 252, 255, 0)); }
.bgLiu { background: url(../../base/img/bg-05.jpg) no-repeat center bottom; background-size: cover; }


/* indBox */
.indBox > .hd { line-height: 1.3; }
.indBox > .hd a { color: inherit; text-decoration: none; }
.indBox > .hd h3 { position: relative; font-size: 40px; padding-bottom: 12px; color: #333; }
.indBox > .hd h3::after { position: absolute; left: 0; right: 0; bottom: 0; margin: auto; content: ''; width: 1em; height: 3px; background: #3977FF; }
.indBox > .hd h4 { position: relative; margin-top: 2px; padding-bottom: 7px; font-size: 16px; color: #999; font-family: "Source Han Serif CN"; }
.indBox > .hd h4::after { position: absolute; left: 0; right: 0; bottom: 0; content: ''; width: 30px; height: 2px; background: #3977FF; }
.indBox > .hd .intro { margin: 12px 0 15px; line-height: 1.9; color: #666; }
.indBox > .hd ul { margin: 30px -6px 0; overflow: hidden; font-size: 0; line-height: 1; }
.indBox > .hd ul li { display: inline-block; vertical-align: top; margin: 0 6px; border: 1px solid #1078e3; border-radius: 500px; height: 38px; line-height: 38px; padding: 0 24px; font-size: 18px; color: #1078e3; }
.indBox > .hd ul li.on { background: #1078e3; border-color: #1078e3; color: #fff; font-weight: bold; }
.indBox > .hd .more { float: right; margin-top: 16px; line-height: 34px; padding: 0 24px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; }
.indBox > .hd .more:hover { background: #1078e3; border-color: #1078e3; color: #fff; text-decoration: none; }
.indBox > .bd { padding-top: 30px; }
.indBox > .bd::before,
.indBox > .bd::after { display: table; content: " "; clear: both; }
.indBox > .bd .moreWrap { margin-top: 30px; text-align: center; font-size: 0; line-height: 1; }
.indBox > .bd .moreWrap a { display: inline-block; vertical-align: top; line-height: 40px; padding: 0 40px; border-radius: 500px; background: #fff; border: 1px solid #C8E2FC; color: #666; text-decoration: none; font-size: 16px; }
.indBox > .bd .moreWrap a:hover {  background: #1078e3; border-color: #1078e3; color: #fff; text-decoration: none; }

/* indBox 叠加样式 */
.indBox.textCenter > .hd { text-align: center; }
.indBox.textCenter > .hd h4::after { margin: auto; }
.indBox.textWhite > .hd h3,
.indBox.textWhite > .hd h4 { color: #fff; }
.indBox.textWhite > .hd h3::after,
.indBox.textWhite > .hd h4::after { background: #fff; }
.indBox.textWhite > .hd ul li { border-color: rgba(255, 255, 255, 0.3); color: #fff; }
.indBox.textWhite > .hd ul li.on { background: #fff; border-color: #fff; color: #1078e3; }
.indBox.textWhite > .bd { color: #fff; }

/* 行业动态 */
#news .scrollText { margin-top: 20px; padding-bottom: 28px; }
#news .scrollText li { position: relative; width: 25%; background: linear-gradient(180deg, #E4F0FE, #FEFEFF); border: 1px solid #fff; box-sizing: border-box; }
#news .scrollText .pic { position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; overflow: hidden; }
#news .scrollText .pic a { position: relative; display: block; width: 100%; height: 100%; visibility: hidden; transform: scale(1.3); opacity: 0; }
#news .scrollText .pic a::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: #000; opacity: 0.3; }
#news .scrollText .con { position: relative;  height: 120px; padding: 30px 30px 40px; }
#news .scrollText .title { font-size: 16px; height: 84px; line-height: 28px; overflow: hidden; }
#news .scrollText .title a { display: block; color: inherit; text-decoration: none; }
#news .scrollText .intro { display: none; }
#news .scrollText .others { margin-top: 10px; }
#news .scrollText .others span { margin-right: 15px; font-size: 14px; line-height: 28px; color: #666; }
#news .scrollText .others .date::before { display: inline-block; vertical-align: top; font-family: "fontpower"; content: '\e6b5'; margin-right: 7px; font-size: 1.1em; }
#news .scrollText .pic a,
#news .scrollText .title,
#news .scrollText .others span { transition: all ease 0.4s; }
#news .scrollText li:hover .pic a { transform: scale(1); opacity: 1; visibility: visible; }
#news .scrollText li:hover .title,
#news .scrollText li:hover .others span { color: #fff; }
#news .scrollText .swiper-scrollbar { height: 1px; left: 0; width: 100%; bottom: 7px; background: #C8E2FC; border-radius: 0; }
#news .scrollText .swiper-scrollbar-drag { top: -2px; background: #428FFA; border-radius: 500px; cursor: pointer; height: 5px; }
#news .scrollText .swiper-scrollbar-drag::after { position: absolute; left: 0; right: 0; margin: auto; top: -5px; content: ""; width: 9px; height: 9px; background: #fff; border-radius: 50%; border: 3px solid #428FFA; }

/* 会员服务 */
#hyfw .menuList { background: #fff; border-radius: 10px; padding: 20px; overflow: hidden; }
#hyfw .menuList li { float: left; width: 33.3333%; border-left: 1px solid #eee; border-top: 1px solid #eee; box-sizing: border-box; }
#hyfw .menuList li:nth-of-type(1),
#hyfw .menuList li:nth-of-type(2),
#hyfw .menuList li:nth-of-type(3) { border-top: none; }
#hyfw .menuList li:nth-of-type(3n+1) { border-left: none; }
#hyfw .menuList li a { display: block; padding: 24px 0; text-align: center; font-size: 18px; overflow: hidden; text-decoration: none; }
#hyfw .menuList li a::before { display: block; width: 70px; height: 70px; content: ''; margin: 0 auto 6px; background: url(../../base/img/icons-hyfw.png) no-repeat -5px 0; }
#hyfw .menuList li a:hover::before { color: #fff; }
#hyfw .menuList .li2 a::before { background-position: -188px 0; }
#hyfw .menuList .li3 a::before { background-position: -279px 0; }
#hyfw .menuList .li4 a::before { background-position: -96px 0; }
#hyfw .menuList .li5 a::before { background-position: -373px 0; }
#hyfw .menuList .li6 a::before { background-position: -464px 0; }

/* CPA考试 */
#cpaks > .hd ul { margin-top: 0; }
#cpaks .moreLink { float: right; position: relative; font-size: 0; color: #fff; line-height: 999px; overflow: hidden; width: 38px; height: 38px; border: 1px solid rgba(255, 255, 255, 0.3); margin-left: 15px; border-radius: 50%;  }
#cpaks .moreLink::before,
#cpaks .moreLink::after { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 18px; height: 2px; background: #fff; transition: all ease 0.6s; }
#cpaks .moreLink::after { width: 2px; height: 18px; }
#cpaks .moreLink:hover { background: #fff; border-color: #fff; }
#cpaks .moreLink:hover::before,
#cpaks .moreLink:hover::after { transform: rotate(180deg); background: #1078e3; }
#cpaks .infoList { margin-top: -10px; }
#cpaks .infoList li a { color: #fff; text-decoration: none; }
#cpaks .infoList li > a::before { border-color: #fff; }

/* 选项卡组 */
#rowTab .tabBox > .bd > ul { margin-top: 10px; }

/* 会员服务 */
#xgptjlj > .bd { margin-top: 30px; background: #fff; border-radius: 10px; padding: 20px; }
#xgptjlj .in { overflow: hidden; }
#xgptjlj .tempWrap { left: -1px; }
#xgptjlj .menuList { overflow: hidden; }
#xgptjlj .menuList li { float: left; width: 20%; border-left: 1px solid #eee; }
#xgptjlj .menuList li a { position: relative; display: block; padding: 45px 10px 0; height: 240px; box-sizing: border-box; text-align: center; font-size: 18px; line-height: 1.8; overflow: hidden; text-decoration: none; }
#xgptjlj .menuList li a::before,
#xgptjlj .menuList li a::after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; }
#xgptjlj .menuList li a::before { background: #1078E3; box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.25) inset; }
#xgptjlj .menuList li a::after { background: url(../../base/img/bg-04.png) no-repeat center center; }
#xgptjlj .menuList li .iconfont { position: relative; display: block; margin-bottom: 20px; line-height: 1; font-size: 66px; color: #1078E3; }

#xgptjlj .menuList li .tit { position: relative; display: inline-block; vertical-align: top; white-space: pre-wrap; }


#xgptjlj .menuList li a,
#xgptjlj .menuList li a::before,
#xgptjlj .menuList li a::after,
#xgptjlj .menuList li .iconfont { transition: all ease 0.6s; }

#xgptjlj .menuList li a:hover { padding-top: 55px; color: #fff; }
#xgptjlj .menuList li a:hover .iconfont { color: #fff; }
#xgptjlj .menuList li a:hover::after,
#xgptjlj .menuList li a:hover::before { visibility: visible; opacity: 1; }

#xgptjlj .prev,
#xgptjlj .next { position: absolute; right: 100%; bottom: 120px; margin: 0 20px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; border: 1px solid #1078E3; text-align: center; font-size: 26px; color: #1078E3; text-indent: -2px; }
#xgptjlj .next { right: auto; left: 100%; text-indent: 2px; }
#xgptjlj .prev:hover,
#xgptjlj .next:hover { text-decoration: none; background: #1078E3; color: #fff; }

@media (max-width:1330px) {
  #xgptjlj .prev { margin: 0 15px; left: 0px; right: auto; background: #fff; }
  #xgptjlj .next { margin: 0 15px; left: auto; right: 0; background: #fff; }
}

/* 专题专栏 */
#special .slides { position: relative; }
#special .slides .bd { overflow: hidden; }
#special .slides .inWrap { overflow: hidden; margin: 0 -9px; }
#special .slides .in {  transition: height ease 0.6s; }
#special .slides .prev,
#special .slides .next { position: absolute; z-index: 1; top: 50%; margin-top: -21px; width: 20px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; font-size: 14px; background: rgba(0, 0, 0, 0.5); color: #fff; }
#special .slides .prev { left: -30px; }
#special .slides .next { right: -30px; }
#special .slides .prev:hover,
#special .slides .next:hover { text-decoration: none; background-color: #1078E3; }
#special .slides .hd { margin-top: 30px; font-size: 0; line-height: 1; text-align: center;}
#special .slides .hd li { margin: 0 5px; display: inline-block; vertical-align: top; width: 12px; height: 12px; border-radius: 50%; background: #c4ddfe; cursor: pointer; }
#special .slides .hd li.on { background: #428FFA; }

.specialList { overflow: hidden; }
.specialList li { position: relative; float: left; margin: 10px 9px 0; width: 388px; padding-top: 30px; transition: all ease 0.6s; }
.specialList .archivedTip { position: absolute; right: 0; top: 30px; background: rgba(0, 0, 0, 0.5); padding: 0 15px; color: #fff; }
.specialList .pic { position: absolute; left: 10px; bottom: 0; width: 160px; }
.specialList .pic img { max-width: 100%; max-height: 130px; }
.specialList .pic img:hover { transform: none; }
.specialList .tit { display: table-cell; width: 1%; height: 100px; box-sizing: border-box; background: linear-gradient(90deg, #0C80E6, #11C4D5); line-height: 30px; font-size: 20px; font-weight: bold; color: #fff; text-align: center; vertical-align: middle; padding: 0 10px 0 170px; text-decoration: none; }

.specialList li:hover { transform: translateY(-10px); }


/* 会员风采 */
#hyfc .slides { position: relative; overflow: hidden; }
#hyfc .slides .bd { overflow: hidden; margin: 0 -9px; }
#hyfc .slides .hd { margin-top: 40px; font-size: 0; line-height: 1; text-align: center;}
#hyfc .slides .hd li { margin: 0 5px; display: inline-block; vertical-align: top; width: 12px; height: 12px; border-radius: 50%; background: #c4ddfe; cursor: pointer; }
#hyfc .slides .hd li.on { background: #428FFA; }

#hyfc .textPicList li { margin: 0 9px; width: 326px; box-sizing: content-box; }

/* 数字行业 */
#szhy > .bd .intro { margin: 30px 0 -20px; font-size: 14px; text-align: center; color: #666; }
.aboutData { font-size: 0; line-height: 1; text-align: center; }
.aboutData li { display: inline-block; vertical-align: top; width: 20%; text-align: center; }
.aboutData .icon { position: relative; margin: 0 auto; width: 110px; height: 110px; background: #1078E3; border-radius: 50%; color: #fff; font-size: 48px; line-height: 110px; box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.25) inset; transition: all ease 0.4s; }
.aboutData .icon::after { position: absolute; content: ""; border-radius: 50%; top: -5px; right: -5px; bottom: -5px; left: -5px; border: 1px dashed #1078E3; box-sizing: border-box; }
.aboutData .value { margin-top: 20px; font-size: 14px; height: 52px; line-height: 52px; }
.aboutData .val { font-size: 40px; color: #1078E3; margin-right: 0.06em; }
.aboutData .title { margin-top: 4px; font-size: 14px; color: #666; }

.aboutData li:hover .icon { transform: translateY(-10px) }
.aboutData li:hover .icon::after{ animation: rotate 12s linear infinite; }

@media (max-width:1680px) {
  #header { padding-top: 50px; padding-bottom: 50px; }
}


/* 动画库 */
@keyframes rotate {
    from{
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}