@import "iconfont/iconfont.css";

@media screen and (min-width:1200px){
  .w1200{
    width:1200px;
    margin:0 auto;
  }

  .banner, .navbar{
    width:100%;
    margin:0 auto;
    max-width:1920px;
  }

  .banner > img{
    margin:0 auto;
  }
}

@media (min-width:1200px){
  .navbar-zky{
    padding:13px 80px;
  }

  .navbar-zky .navbar-nav .nav-item:after{
    content:"|";
    color:#D4D4D4;
  }

  .navbar-zky .navbar-nav .nav-item:last-child:after{
    content:"";
  }
}
.navbar-zky .navbar-brand{
  padding:0;
}


.navbar-zky .dropdown:hover > .dropdown-menu{
  display:block;
}
.navbar-zky .dropdown:hover > .dropdown-menu > .dropdown-item:hover{
  color:#0B4893;
  background:#DDE3EF;
}
.navbar-zky .dropdown > .dropdown-toggle:active{
  pointer-events:none;
}

@media (min-width:1200px){
  .navbar-zky .navbar-brand{
    width:202px;
  }
}
@media (max-width:1200px){
  .navbar-zky .navbar-brand{
    width:28%;
  }
}
.navbar-zky .navbar-nav .nav-item > .nav-link{
  padding:.5rem .7rem;
  display:inline-block;
  color:#333333;
}
.navbar-zky .navbar-nav .nav-item.active > .nav-link,
.navbar-zky .navbar-nav .nav-item:hover > .nav-link{
  color:#0B4893;
}

.navbar-zky .navbar-zky-right{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 11px;
}
.navbar-zky .search{
  display:inline-block;
  margin-right:50px;
}
.navbar-zky .user{
  width:80px;
  display:inline-block;
  color:#072794;
  font-size:14px;
  text-decoration:none;
}
.navbar-zky .user > *{
  vertical-align:middle;
}

/* bootstrap 4 轮播图 垂直滚动*/
.carousel-vertical .carousel-inner .carousel-item-next.carousel-item-left,
.carousel-vertical .carousel-inner .carousel-item-prev.carousel-item-right{
  -webkit-transform:translateY(0);
  transform:translateY(0);
}
.carousel-vertical .carousel-inner .active.carousel-item-left,
.carousel-vertical .carousel-inner .carousel-item-prev{
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%);
}
.carousel-vertical .carousel-inner .active.carousel-item-right,
.carousel-vertical .carousel-inner .carousel-item-next{
  -webkit-transform:translateY(100%);
  transform:translateY(100%);
}
.carousel.carousel-vertical .carousel-indicators{
  display:block;
  left:auto;
  bottom:20px;
  right:3%;
  width:15px;
  margin:0;
}
.carousel.carousel-vertical .carousel-indicators li{
  width:5px;
  height:5px;
  border:none;
  border-radius:100%;
  margin-bottom:10px;
}
.carousel.carousel-vertical .carousel-indicators li.active{
  height:16px;
  border-radius:8px;
}
.carousel.carousel-vertical .carousel-inner .carousel-item img{
  max-width:100%;
  max-height:600px;
}

.carousel-vertical .carousel-inner .carousel-caption-zky{
  bottom:45%;
}

.carousel-vertical .carousel-inner .carousel-caption-zky .carousel-caption-text{
  font-size:35px;
  font-weight:900;
  padding:30px 60px;
  width:fit-content;
  min-width:500px;
  background:rgba(5, 59, 165, .3);
  margin:0 auto;
}


.service-wrap{
  width:100%;
  padding:40px 0;
  text-align:center;
}

.service-wrap .title{
  font-size:32px;
  padding-bottom:30px;
}
.service-wrap .service .service-item{
  display:inline-block;
  background:#FFFFFF;
  box-shadow:0 2px 14px 1px rgba(0, 10, 89, 0.05);
  border-radius:10px;
  margin-right:20px;
  padding-top:60px;
  overflow:hidden;
  text-align:center;
  width:281px;
  height:308px;
}
.service-wrap .service .service-item:last-child{
  margin-right:0;
}
.service-wrap .service .service-item img{
  max-width:80%;
}
.service-wrap .service .service-item strong{
  display:block;
  color:#053BA5;
  padding-top:20px;
  font-size:28px;
}
@media screen and (max-width:1200px){
  .service-wrap .service .service-item{
    width:43%;
    height:260px;
    margin-bottom:10px;
    padding-top:40px;
  }

  .service-wrap .service .service-item:nth-child(even){
    margin-right:0;
  }

  .service-wrap .service .service-item:nth-child(odd){
    margin-right:10px;
  }

  .service-wrap .service .service-item strong{
    font-size:22px;
  }
}


.meeting-wrap .carousel-inner .carousel-item .carousel-caption{
  left:0;
  right:0;
  text-align:left;
  top:0;
  bottom:0;
  width:100%;
  height:100%;
  overflow:hidden;
  padding-top:5%;
  display:flex;
  align-items:center;
}
.meeting-wrap .carousel-inner .carousel-item .carousel-caption .ttl{
  font-size:59px;
}
.meeting-wrap .carousel-inner .carousel-item .carousel-caption .date{
  font-size:25px;
  color:#FEFEFF;
  padding-bottom:60px;
}
.meeting-wrap .carousel-inner .carousel-item .carousel-caption .date > *{
  vertical-align:middle;
}
.meeting-wrap .carousel-inner .carousel-item .carousel-caption .btn{
  display:inline-block;
  width:150px;
  height:38px;
  border:1px solid #FFFFFF;
  color:#FFFFFF;
}
@media screen and (max-width:1200px){
  .meeting-wrap .carousel-inner .carousel-item img{
    max-width:none !important;
    width:auto !important;
    max-height:300px !important;
  }

  .meeting-wrap .carousel-inner .carousel-item .carousel-caption > div{
    padding:1% 6%;
  }

  .meeting-wrap .carousel-inner .carousel-item .carousel-caption .ttl{
    font-size:22px;
    padding-bottom:10px;
  }

  .meeting-wrap .carousel-inner .carousel-item .carousel-caption .date{
    font-size:14px;
    color:#FEFEFF;
    padding-bottom:30px;
  }
}


.media-wrap{
  width:100%;
  padding:40px;
  text-align:center;
}

.media-wrap .title{
  font-size:32px;
  padding-bottom:30px;
}
.media-wrap .content{
  text-align:left;
}
.media-wrap .content .row{
  margin-bottom:20px;
}
.media-wrap .content .row .row-item{
  width:100%;
  height:380px;
}

.media-wrap .content .row .row-item img{
  width:100%;
  height:190px;
}
.media-wrap .content .row .row-item .row-item-text{
  width:100%;
  height:190px;
  background:#FFFFFF;
  box-shadow:0 2px 14px 1px rgba(0, 10, 89, 0.05);
  padding:30px 5% 20px;
  overflow:hidden;
}
.media-wrap .content .row .row-item .row-item-text .ttl{
  font-size:20px;
  height:50px;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  line-height:25px;
  word-break:break-all;
  margin-bottom:15px;
}
.media-wrap .content .row .row-item .row-item-text .txt{
  font-size:14px;
  height:60px;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
}
.media-wrap .content .row .row-item2 img{
  width:100%;
  height:380px;
  position:relative;
}
.media-wrap .content .row .row-item2 .row-item-text{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:90px;
  line-height:90px;
  text-align:center;
  color:#ffffff;
}
@media screen and (min-width:1200px){
  .media-wrap .content.mobile{
    display:none;
  }
}
@media screen and (max-width:1200px){
  .media-wrap .content.pc{
    display:none;
  }

  .media-wrap{
    width:90%;
    margin:0 auto;
    padding:20px 0;
  }

  .media-wrap .content{
    overflow-x:auto;
  }

  .media-wrap .content .row{
    width:2400px;
    height:420px;
    margin-bottom:0;
  }

  .media-wrap .content .row .row-item{
    width:285px;
    margin-right:15px;
  }

  .media-wrap .content .row .row-item2{
    width:570px;
    margin-right:15px;
  }
}


.partner-wrap{
  width:100%;
  padding:40px 40px 60px;
  text-align:center;
  background:#F8F8F8;
}

.partner-wrap .title{
  font-size:32px;
  padding-bottom:30px;
}
.partner-wrap .carousel-inner{
}
.partner-wrap .carousel-inner img{
  max-width:100%;
}
.partner-wrap .carousel-indicators{
  bottom:-35px;
}
.partner-wrap .carousel-indicators li{
  background-color:#C9C9C9;
  width:5px;
  height:5px;
  border:none;
  border-radius:100%;
}
.partner-wrap .carousel-indicators li.active{
  width:16px;
  border-radius:8px;
  background-color:#35D9F3;
}
.partner-wrap .carousel-inner .carousel-item .row .col{
  padding-left:4px;
  padding-right:4px;
}
@media screen and (min-width:1200px){
  .partner-wrap .carousel-inner.mobile{
    display:none;
  }
}
@media screen and (max-width:1200px){
  .partner-wrap{
    padding:20px 1% 40px;
  }

  .partner-wrap .carousel-inner.pc{
    display:none;
  }

  .partner-wrap .carousel-inner .carousel-item .row .col{
    padding-left:8px;
    padding-right:8px;
  }
}


.footer{
  width:100%;
  background:#0B4993;
}
.footer .content{
  background:#0B4993;
  height:122px;
  line-height:122px;
  overflow:hidden;
}
.footer .content > *{
  vertical-align:middle;
}
.footer .content .logo{
  display:inline-block;
  width:202px;
}
.footer .content .copyright{
  display:inline-block;
  font-size:13px;
  width:745px;
  color:#ffffff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:20px;
  padding-left:50px;
}
.footer .content .qr{
  display:inline-block;
  width:244px;
}

@media screen and (min-width:1200px){
  .footer .content.mobile{
    display:none;
  }
}
@media screen and (max-width:1200px){
  .footer .content.pc{
    display:none;
  }

  .footer .content.mobile{
    height:auto;
    line-height:100px;
    text-align:center;
  }

  .footer .content.mobile .copyright{
    width:100%;
    padding:10px 20px;
    white-space:normal;
  }
}


#page-media .banner > img{
  max-width:100%;
}
#page-media .media-content{
  width:1200px;
  margin:0 auto;
}
#page-media .media-content .crumb{
  line-height:40px;
}
#page-media .media-content .crumb > *{
  color:#656565;
  font-size:16px;
}
#page-media .media-content .crumb > span{
  color:#0B4793;
}

#page-media .media-content .content{
  padding:20px 0;
}
#page-media .media-content .content > .left{
  width:840px;
}
#page-media .media-content .content > .left .date{
  color:#0B4893;
  line-height:30px;
}
#page-media .media-content .content > .left .date > *{
  vertical-align:middle;
}
#page-media .media-content .content > .left .text{
  text-align:center;
}
#page-media .media-content .content > .left .text img{
  max-width:100%;
}
#page-media .media-content .content > .right{
  width:300px;
}
#page-media .media-content .content > .right .m{
  width:100%;
  padding:0 25px;
  height:253px;
  margin-top:25px;
}

#page-media .media-content .content > .right .m .ttl{
  padding:20px 0;
  margin:0 auto;
  text-align:center;
  width:70px;
  border-bottom:3px solid #0B4793;
  font-weight:700;
}
#page-media .media-content .content > .right .m .list-group-item{
  border-bottom-width:0;
  padding:0 0 0 15px;
  height:28px;
  line-height:28px;
  border-left:2px solid #DDDDDD;
  margin-top:25px;
  margin-bottom:-10px;
  color:#656565;
}
#page-media .media-content .content > .right .m .list-group-item.current{
  border-left:2px solid #0B4793;
  background:#E5ECF4;
  color:#0B4793;
}

#page-media .media-content .content > .right .posts{
  width:100%;
  padding:0 25px;
  height:333px;
  margin-top:25px;
}

#page-media .media-content .content > .right .posts .ttl{
  padding:20px 0;
  margin:0 auto;
  text-align:center;
  width:130px;
  border-bottom:3px solid #0B4793;
  font-weight:700;
}
#page-media .media-content .content > .right .posts .list-group-item{
  border-bottom-width:0;
  padding:0;
  height:43px;
  margin-top:25px;
  margin-bottom:-5px;
  overflow:hidden;
  line-height:21px;
}
#page-media .media-content .content > .right .posts .list-group-item .l{
  border-right:3px solid #0B4793;
  padding-right:8px;
}
#page-media .media-content .content > .right .posts .list-group-item .l strong{
  font-size:25px;
  color:#333333;
}
#page-media .media-content .content > .right .posts .list-group-item .l span{
  font-size:12px;
  color:#999999;
}
#page-media .media-content .content > .right .posts .list-group-item .r{
  padding:0 8px;
  color:#656565;
  font-size:14px;
}

@media screen and (max-width:1200px){
  #page-media .media-content{
    width:auto;
    padding:0 15px;
  }

  #page-media .media-content .content{
    display:block !important;
  }

  #page-media .media-content .content > .left{
    width:auto;
  }

  #page-media .media-content .content > .right{
    width:auto;
    padding-top:25px;
  }
}

#page-media_2 .banner > img{
  max-width:100%;
}
#page-media_2 .news-wrap{
  background:#ffffff;
  padding:70px 0;
  text-align:center;
}
#page-media_2 .news-wrap .title{
  font-size:42px;
  color:#333333;
  line-height:30px;
  text-align:center;
  padding-bottom:30px;
}
#page-media_2 .news-wrap .news{
  width:1200px;
  margin:0 auto;
}
#page-media_2 .news-wrap .news .news-item{
  width:285px;
  height:380px;
  position:relative;
  margin-right:20px;
  box-shadow:0 2px 14px 2px rgba(0, 11, 89, 0.05);
  overflow:hidden;
}
#page-media_2 .news-wrap .news .news-item:last-child{
  margin-right:0;
}
#page-media_2 .news-wrap .news .news-item .img-section{
  position:relative;
  width:100%;
  height:190px;
}
#page-media_2 .news-wrap .news .news-item .img-section > img{
  max-width:100%;
}
#page-media_2 .news-wrap .news .news-item .img-section > .date{
  position:absolute;
  bottom:0;
  width:100%;
  height:30px;
  text-align:left;
  line-height:30px;
  background:#2861A5;
  color:#ffffff;
  font-size:16px;
  padding-left:15px;
}
#page-media_2 .news-wrap .news .news-item .content-section{
  width:100%;
  height:190px;
  padding:30px 25px;
  text-align:left;
}
#page-media_2 .news-wrap .news .news-item .content-section > h4{
  font-size:20px;
  line-height:24px;
  height:50px;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  word-break:break-all;
}
#page-media_2 .news-wrap .news .news-item .content-section > .text{
  font-size:15px;
  line-height:24px;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  word-break:break-all;
}
#page-media_2 .news-wrap .news .news-item .mouseover-section{
  display:none;
}
#page-media_2 .news-wrap .news .news-item:hover .mouseover-section{
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#0B4893;
  opacity:0.96;
  color:#ffffff;
  padding-top:50px;
  text-align:center;
}
#page-media_2 .news-wrap .news .news-item .mouseover-section > .learn-more{
  width:150px;
  height:38px;
  border:1px solid #FFFFFF;
  display:inline-block;
  text-align:center;
  line-height:38px;
  color:#ffffff;
  text-decoration:none;
}
#page-media_2 .news-wrap > .more{
  border:1px solid #FFFFFF;
  display:inline-block;
  text-align:center;
  line-height:38px;
  text-decoration:none;
  font-size:16px;
  font-weight:400;
  color:#FEFEFF;
  width:150px;
  height:38px;
  background:#0B4893;
  margin-top:30px;
}
@media screen and (max-width:1200px){
  #page-media_2 .news-wrap{
    padding:40px 0;
  }

  #page-media_2 .news-wrap .news.row{
    display:block;
    width:90%;
    max-width:285px;
  }

  #page-media_2 .news-wrap .news .news-item{
    width:100%;
    margin-bottom:20px;
  }
}


#page-media_2 .events-wrap{
  background:#F5F5F5;
  padding:70px 0;

}
#page-media_2 .events-wrap .title{
  font-size:42px;
  color:#333333;
  line-height:30px;
  text-align:center;
  padding-bottom:30px;
}
#page-media_2 .events-wrap .events{
  width:1200px;
  margin:0 auto 20px;
}
#page-media_2 .events-wrap .events:last-child{
  margin-bottom:0;
}
#page-media_2 .events-wrap .events .events-item{
  width:590px;
  height:264px;
  position:relative;
  margin-right:20px;
  overflow:hidden;
  background:#ffffff;
  padding:30px;
  box-shadow:0 2px 14px 2px rgba(0, 11, 89, 0.05);
}
#page-media_2 .events-wrap .events .events-item:last-child{
  margin-right:0;
}
#page-media_2 .events-wrap .events .events-item > .top > strong{
  font-size:34px;
  font-weight:bold;
  color:#0B4893;
  line-height:44px;
}
#page-media_2 .events-wrap .events .events-item > .top > span{
  font-size:24px;
  font-weight:400;
  color:#0B4893;
  line-height:29px;
  margin-left:12px;
}
#page-media_2 .events-wrap .events .events-item > .mid{
  height:56px;
  font-size:26px;
  font-weight:bold;
  color:#000000;
  line-height:36px;
  margin-top:20px;
}
#page-media_2 .events-wrap .events .events-item > .bottom{
  margin-top:35px;
}
#page-media_2 .events-wrap .events .events-item > .bottom > .addr{
  font-size:20px;
  font-weight:400;
  color:#999999;
  float:left;
}
#page-media_2 .events-wrap .events .events-item > .bottom > .addr > .icon-location{
  font-size:18px;
}
#page-media_2 .events-wrap .events .events-item > .bottom > .learn-more{
  display:inline-block;
  width:150px;
  height:38px;
  border:1px solid #0B4893;
  font-size:16px;
  font-weight:400;
  color:#0B4893;
  text-align:center;
  line-height:38px;
  float:right;
  text-decoration:none;
}
#page-media_2 .events-wrap .events .events-item:hover{
  background:#0B4893;
  color:#ffffff !important;
}
#page-media_2 .events-wrap .events .events-item:hover > .top > strong,
#page-media_2 .events-wrap .events .events-item:hover > .top > span,
#page-media_2 .events-wrap .events .events-item:hover > .mid,
#page-media_2 .events-wrap .events .events-item:hover > .bottom > .addr{
  color:#ffffff;
}
#page-media_2 .events-wrap .events .events-item:hover > .bottom > .learn-more{
  border:1px solid #ffffff;
  color:#ffffff;
}
@media screen and (max-width:1200px){
  #page-media_2 .events-wrap{
    padding:40px 0;
  }

  #page-media_2 .events-wrap .events.row{
    display:block;
    width:90%;
  }

  #page-media_2 .events-wrap .events .events-item{
    width:100%;
    height:auto;
    margin-bottom:20px;
    padding:20px;
  }

  #page-media_2 .events-wrap .events .events-item > .mid{
    height:auto;
  }

  #page-media_2 .events-wrap .events .events-item > .bottom > .learn-more{
    width:auto;
    padding:0 15px;
  }
}

#page-media_2 .training-wrap{
  background:#ffffff;
  padding:70px 0;

}
#page-media_2 .training-wrap .title{
  font-size:42px;
  color:#333333;
  line-height:30px;
  text-align:center;
  padding-bottom:30px;
}
#page-media_2 .training-wrap .training{
  width:1200px;
  margin:0 auto 20px;
}
#page-media_2 .training-wrap .training .training-item{
  margin-bottom:30px;
  padding:30px 20px;
  box-shadow:0 2px 14px 2px rgba(0, 11, 89, 0.05);
  border:1px solid #ffffff;
  display:flex;
}
#page-media_2 .training-wrap .training .training-item:hover{
  border:1px solid #0B4893;
}
#page-media_2 .training-wrap .training .training-item > *{
  display:inline-block;
}
#page-media_2 .training-wrap .training .training-item > .left{
  width:510px;
  padding:0 15px;
}
#page-media_2 .training-wrap .training .training-item > .left > img{
  max-width:100%;
}
#page-media_2 .training-wrap .training .training-item > .right{
  flex:2;
  padding:15px;
}
#page-media_2 .training-wrap .training .training-item > .right > .ttl{
  font-size:26px;
  font-weight:bold;
  color:#000000;
  line-height:36px;
  padding-bottom:20px;
}
#page-media_2 .training-wrap .training .training-item:hover > .right > .ttl{
  color:#0B4893;
}
#page-media_2 .training-wrap .training .training-item > .right > .con{
  font-size:16px;
  font-weight:400;
  color:#000000;
  line-height:24px;
  padding-bottom:20px;
}
#page-media_2 .training-wrap .training .training-item > .right > .read-btn{
  display:inline-block;
  width:150px;
  height:38px;
  font-size:16px;
  font-weight:400;
  text-align:center;
  line-height:38px;
  border:1px solid #0B4893;
  background:#ffffff;
  color:#0B4893;
  text-decoration:none;
}
#page-media_2 .training-wrap .training .training-item:hover > .right > .read-btn{
  background:#0B4893;
  color:#ffffff;
}
@media screen and (min-width:1200px){
  #page-media_2 .training-wrap .training.mobile{
    display:none;
  }
}
@media screen and (max-width:1200px){
  #page-media_2 .training-wrap .training.pc{
    display:none;
  }

  #page-media_2 .training-wrap{
    padding:40px 0;
  }

  #page-media_2 .training-wrap .training{
    display:block;
    width:90%;
  }

  #page-media_2 .training-wrap .training .training-item{
    width:100%;
    height:auto;
    margin-bottom:20px;
    display:block;
    padding:15px 0;
  }

  #page-media_2 .training-wrap .training .training-item > .left{
    width:100%;
  }
}

#page-media_news .banner > img{
  max-width:100%;
}
#page-media_news .training-wrap{
  background:#ffffff;
  padding:70px 0;

}
#page-media_news .training-wrap .title{
  font-size:42px;
  color:#333333;
  line-height:30px;
  text-align:center;
  padding-bottom:30px;
}
#page-media_news .training-wrap .training{
  width:1200px;
  margin:0 auto 20px;
}
#page-media_news .training-wrap .training .training-item{
  margin-bottom:30px;
  padding:30px 20px;
  box-shadow:0 2px 14px 2px rgba(0, 11, 89, 0.05);
  border:1px solid #ffffff;
  display:flex;
}
#page-media_news .training-wrap .training .training-item:hover{
  border:1px solid #0B4893;
}
#page-media_news .training-wrap .training .training-item > *{
  display:inline-block;
}
#page-media_news .training-wrap .training .training-item > .left{
  width:510px;
  padding:0 15px;
}
#page-media_news .training-wrap .training .training-item > .left > img{
  max-width:100%;
}
#page-media_news .training-wrap .training .training-item > .right{
  flex:2;
  padding:15px;
}
#page-media_news .training-wrap .training .training-item > .right > .ttl{
  font-size:26px;
  font-weight:bold;
  color:#000000;
  line-height:36px;
  padding-bottom:20px;
}
#page-media_news .training-wrap .training .training-item:hover > .right > .ttl{
  color:#0B4893;
}
#page-media_news .training-wrap .training .training-item > .right > .con{
  font-size:16px;
  font-weight:400;
  color:#000000;
  line-height:24px;
  padding-bottom:20px;
}
#page-media_news .training-wrap .training .training-item > .right > .read-btn{
  display:inline-block;
  width:150px;
  height:38px;
  font-size:16px;
  font-weight:400;
  text-align:center;
  line-height:38px;
  border:1px solid #0B4893;
  background:#ffffff;
  color:#0B4893;
  text-decoration:none;
}
#page-media_news .training-wrap .training .training-item:hover > .right > .read-btn{
  background:#0B4893;
  color:#ffffff;
}

@media screen and (min-width:1200px){
  #page-media_news .training-wrap .training.mobile{
    display:none;
  }
}
@media screen and (max-width:1200px){
  #page-media_news .training-wrap .training.pc{
    display:none;
  }

  #page-media_news .training-wrap{
    padding:40px 0;
  }

  #page-media_news .training-wrap .training{
    display:block;
    width:90%;
  }

  #page-media_news .training-wrap .training .training-item{
    width:100%;
    height:auto;
    margin-bottom:20px;
    display:block;
    padding:15px 0;
  }

  #page-media_news .training-wrap .training .training-item > .left{
    width:100%;
  }
}


#page-media_news .training-wrap > .pagination-wrap{
  text-align:center;
}
#page-media_news .training-wrap > .pagination-wrap > .pagination{
  display:inline-block;
}
#page-media_news .training-wrap > .pagination-wrap > .pagination > .page-item{
  display:inline-block;
  margin:0 5px;
}
#page-media_news .training-wrap > .pagination-wrap > .pagination > .page-item > .page-link{
  background:#f3f3f3;
  border:none;
  font-size:16px;
  font-weight:400;
  color:#333333;
  width:34px;
  height:34px;
  border-radius:3px;
  text-align:center;
  line-height:34px;
  padding:0;
  margin:0;
}
#page-media_news .training-wrap > .pagination-wrap > .pagination > .page-item.active > .page-link{
  background:#0B4893;
  color:#ffffff;
}
#page-media_news .training-wrap > .pagination-wrap > .pagination > .page-item.disabled > .page-link{
  color:rgba(51, 51, 51, .5);
  opacity:0.5;
}