.thinkTank .bannerBox { background-image: url('img/zhiku_banner.png'); background-size: cover; height: 100vh; display: flex; align-items: center; justify-content: center; }
.thinkTank .bannerBox .content { width: 80vw; margin: auto; }
.thinkTank .bannerBox .content .title { font-size: 3.3vw; font-weight: bold; text-align: center; color: #fff; }
.thinkTank .bannerBox .content .seachBox { display: flex; align-items: center; width: 50vw; margin: 5vw auto; background-color: #fff; height: 3.5vw; padding: 0 1vw; border-radius: 8px; }
.thinkTank .bannerBox .content .seachBox .icon { width: 1vw; flex: 0 0 1vw; }
.thinkTank .bannerBox .content .seachBox .input { flex: 1; margin: 0 1vw; height: 3vw; border: none; font-size: .9vw; }
.thinkTank .bannerBox .content .seachBox .input:focus { outline: none; }
.thinkTank .bannerBox .content .seachBox .btn { border: 0; background: none; font-size: .9vw; color: #B5B5B5; border-left: solid 1px #D8D8D8; padding: 0 1vw 0 1.2vw; cursor: pointer; }
.thinkTank .bannerBox .content .seachBox .active { color: #005CE6; }
.dynamic { padding: 6vw 0; background-color: #F6F7FC; }
.dynamic .content { margin: auto; position: relative; }
.dynamic .content .titleBox { text-align: center; }
.dynamic .content .titleBox .t { font-size: 1.8vw; color: #040D14; font-weight: 700; }
.dynamic .h5prev { display: none; }
.dynamic .content .titleBox .e { font-size: 1.2vw; color: #444452; margin: .5vw 0; }
.dynamic .content .titleBox .l { width: 1.5vw; height: 2px; background: #005CE6; margin: auto; }
.dynamic .dynamicSwiper { margin: 5vw 0 0 0; position: relative; }
.dynamic .dynamicSwiper .allBox { background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; align-items: self-start; height: 100%; }
.dynamic .dynamicSwiper .head { margin-top: auto; width: 18vw; position: relative; }
.dynamic .dynamicSwiper .head .imgurl { width: 100%; margin-left: auto; position: absolute; right: 2vw; bottom: 0; }
.dynamic .dynamicSwiper .allBox .name { font-size: 1.2vw; font-weight: 700; margin-bottom: 2vw; }
.dynamic .dynamicSwiper .allBox .itemBox { padding: 3vw; flex: 0 0 50%; }
.dynamic .dynamicSwiper .allBox .itemBox .head2 { display: none; }
.dynamic .dynamicSwiper .allBox .itemBox .item { display: flex; margin-bottom: .3vw; align-items: baseline; }
.dynamic .dynamicSwiper .allBox .itemBox .item:last-child { margin-bottom: 0; }
.dynamic .dynamicSwiper .allBox .itemBox .item .dian { width: .6vw; flex: 0 0 .6vw; height: .6vw; background: #005CE6; }
.dynamic .dynamicSwiper .swiper-slide { height: auto; width: 55vw; position: relative; }
.dynamic .dynamicSwiper .blockR { position: absolute; width: calc((100vw - 55vw) / 2 - 40px); height: 100%; top: 0; left: 0; z-index: 9; background-color: rgba(255, 255, 255, 0.8); }
.dynamic .dynamicSwiper .blockL { position: absolute; width: calc((100vw - 55vw) / 2 - 40px); height: 100%; top: 0; right: 0; z-index: 9; background-color: rgba(255, 255, 255, 0.8); }
.dynamic .dynamicSwiper .allBox .itemBox .item .text { margin-left: 10px; font-size: .9vw; flex: 1; line-height: 1.8vw; }
.dynamic .swiper-button-prev, .swiper-container-rtl .swiper-button-next { width: 2.1vw; height: 2.1vw; cursor: pointer; background-image: url('img/left.png'); background-size: 100%; background-repeat: no-repeat; left: 3vw; z-index: 9; }
.dynamic .swiper-button-next:hover { background-image: url('img/right.png'); transform: rotate(0); background-size: 100%; }
.dynamic .swiper-button-next, .swiper-container-rtl .swiper-button-prev { height: 2.1vw; width: 2.1vw; cursor: pointer; background-image: url('img/left.png'); transform: rotate(180deg); background-repeat: no-repeat; background-size: 100%; right: 3vw; z-index: 9; }
.dynamic .swiper-button-prev:hover { background-image: url('img/right.png'); transform: rotate(180deg); background-size: 100%; }
.dynamic .swiper-button-next { top: 50%; }
.dynamic .swiper-button-prev { top: 50%; }
.dynamic .swiper-button-prev:after, .dynamic .swiper-button-next:after { content: initial; }
.newBox { padding: 6vw 0; }
.newBox .navBox { display: flex; align-items: center; justify-content: center; padding-bottom: 1.2vw; }
.newBox .navBox .item { font-size: 1.4vw; color: #040D14; margin: 0 8vw; position: relative; cursor: pointer; }
.newBox .navBox .active { font-weight: 700; color: #005CE6; }
.newBox .navBox .active::after { content: ''; position: absolute; width: 100%; height: 6px; background: #005CE6; bottom: -1.2vw; left: 0; transform: skewX(-30deg); }
.newBox .content { width: 80vw; margin: auto; padding-top: 2vw; }
.newBox .content .list { background-color: #fff; padding: 1.5vw; margin-bottom: 1vw; cursor: pointer; }
.newBox .content .list a { display: flex }
.newBox .content .list a .imgBox { overflow: hidden; width: 26vw; flex: 0 0 26vw; }
.newBox .content .list a .imgurl { width: 26vw; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.newBox .content .list a .imgBox:hover .imgurl { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.newBox .content .list a .infoData { margin-left: 1.5vw; position: relative; }
.newBox .content .list a .infoData .title { font-size: 1.3vw; color: #040D14; margin-bottom: 1vw; font-weight: 700; }
.newBox .content .list a .infoData .description { font-size: .9vw; color: #040D14; line-height: 1.4vw; display: -webkit-box; -webkit-box-orient: vertical; font-weight: normal; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; }
.newBox .content .list a .infoData  .biaoqian { display: flex; align-items: center; margin-top: .8vw; }
.newBox .content .list a .infoData  .biaoqian .i { font-size: .8vw; margin-right: 1vw; color: #005CE6; background-color: #E3EEF8; padding: 4px 10px; cursor: pointer; border-radius: 10vw; }
.newBox .content .list a .infoData  .biaoqian .ii { font-size: .8vw; margin-right: 1vw; color: #4DB4AD; background-color: #D4F1EF; padding: 4px 10px; cursor: pointer; border-radius: 10vw; }
.newBox .content .list a .infoData .btn { color: #005CE6; font-size: .8vw; margin-top: 1.2vw; cursor: pointer; display: flex; align-items: center; padding-bottom: 1vw; }
.newBox .content .list a .infoData .btn .uploadname { color: #B5B5B5; margin-right: 2vw; }
.newBox .content .list a .infoData .btn .time { color: #B5B5B5; }
.newBox .content .list a .infoData .line { width: 6vw; height: .3vw; background-color: #000; transform: skewX(-30deg); position: absolute; left: 0; bottom: 0; }
.newBox .content .list:hover .title { color: #005CE6; }
.newBox .content .list:hover .line { background-color: #005CE6; }
.newBox .content .more { color: #005CE6; font-size: .9vw; cursor: pointer; width: 10vw; height: 2.8vw; line-height: 2.8vw; text-align: center; border: 1px solid #005CE6; margin: 3vw auto auto auto; }
@media screen and (max-width:1024px) {
  .thinkTank .bannerBox { background-image: url(img/zhiku_banner01.png); background-size: cover; height: 7.8rem; }
  .thinkTank .bannerBox .content { width: 100%; padding: 0; margin: auto .3rem; }
  .thinkTank .bannerBox .content .seachBox { width: auto; margin: .48rem auto; height: .8rem; padding: 0 .3rem; }
  .thinkTank .bannerBox .content .title { font-size: .42rem; }
  .thinkTank .bannerBox .content .seachBox .input { height: .6rem; font-size: .28rem; }
  .thinkTank .bannerBox .content .seachBox .icon { width: .24rem; flex: 0 0 .24rem; }
  .thinkTank .bannerBox .content .seachBox .btn { font-size: .28rem; padding: 0 0 0 .28rem; }
  .dynamic .content { width: auto; }
  .newBox .content .list { padding: 0; margin-bottom: .32rem; }
  .newBox .content .list a{ display: block }
  .newBox .content { width: auto; padding-top: .3rem; }
  .newBox { padding: .8rem 0; }
  .newBox .content .list a .imgurl { width: 100%; }
  .newBox .content .listBox .title { font-size: .34rem; padding: .22rem 0; }
  .newBox .content .list a .infoData { margin-left: 0; }
  .newBox .content .list a .infoData .description { font-size: .3rem; line-height: .52rem; }
  .newBox .content .list a .infoData .title { font-size: .34rem; margin-bottom: .3rem; margin-top: .3rem; font-weight: 700; }
  .newBox .content .list a .infoData .btn { font-size: .24rem; margin-top: .3rem; }
  .newBox .navBox .item { margin: 0; }
  .swiper-button-prevdynamic { display: none; }
  .swiper-button-nextdynamic { display: none; }
  .dynamic { padding: .8rem 0; }
  .dynamic .dynamicSwiper .head .imgurl { width: 1.6rem; height: 1.6rem; }
  .dynamic .dynamicSwiper .allBox { background-color: #fff; background-image: unset !important; }
  .dynamic .dynamicSwiper .head { top: -.8rem; display: none; }
  .dynamic .dynamicSwiper .allBox .itemBox { height: auto; padding: .3rem; flex: 1; }
  .dynamic .dynamicSwiper .allBox .itemBox .head2 { margin-bottom: .32rem; display: block; }
  .dynamic .dynamicSwiper .allBox .itemBox .head2 .imgurl2 { width: 1.4rem; height: 1.4rem; margin: auto; border-radius: 100%; }
  .dynamic .dynamicSwiper .allBox .itemBox .item { margin-bottom: .24rem; text-align: center; }
  .dynamic .dynamicSwiper .allBox .itemBox .item .text { font-size: .26rem; line-height: .42rem; margin-left: 0; }
  .dynamic .dynamicSwiper .allBox .itemBox .item .dian { flex: 0 0 .1rem; width: .1rem; height: .1rem; margin-top: .16rem; display: none; }
  .dynamic .content .titleBox .t { font-size: .36rem; }
  .dynamic .content .titleBox .e { font-size: .24rem; }
  .dynamic .dynamicSwiper .blockL { display: none; }
  .dynamic .dynamicSwiper .blockR { display: none; }
  .dynamic .dynamicSwiper .swiper-slide { width: 6.2rem; }
  .dynamic .dynamicSwiper { margin-top: .6rem; }
  .newBox .navBox .item { font-size: .32rem; margin: 0 .3rem; }
  .newBox .navBox { padding: 0; }
  .newBox .navBox .active::after { width: 100%; bottom: -.2rem; height: .04rem; }
  .newBox .content { padding: .3rem; margin-top: .32rem; }
  .newBox .content .list { padding-bottom: .7rem; }
  .newBox .content .more { font-size: .28rem; width: 2.4rem; height: .72rem; line-height: .72rem; margin: .4rem auto; }
  .dynamic .dynamicSwiper .allBox .name { font-size: .32rem; margin: 0 0 .32rem 0; text-align: center; }
  .newBox .content .list a .imgBox { width: 100%; }
  .newBox .content .list a .infoData .biaoqian { margin-top: .2rem; }
  .dynamic .pcprev { display: none; }
  .dynamic .h5prev { display: block; position: relative; width: 100%; }
  .dynamic .h5prev .swiper-button-prev, .swiper-container-rtl .swiper-button-next { display: none; }
  .newBox .content .list a .infoData .line { display: none; }
  .newBox .content .list a .infoData .biaoqian .ii { font-size: .24rem; margin-right: .2rem; }
  .newBox .content .list a .infoData .biaoqian .i { font-size: .24rem; margin-right: .2rem; }
}