#owl .item { position: relative; width: 100%; border-radius: 6px; overflow: hidden; }

#owl .item .img a { display:block; overflow:hidden;}

#owl .item .img a img { display: block; width: 100%;  transition: all 0.3s linear;}

#owl .item:hover .img a img {transform: scale(1.1); }

#owl .item .tit { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; }

#owl .item .tit span { float: left; width: 56px; height: 56px; position: relative; z-index: 3; background: url(../img/vitu.png) no-repeat; background-size: 100% 100%; margin-left: 10px; }

#owl .item .tit a { display: block; margin-left: 70px; padding-left: 15px; position: relative; z-index: 2; color: #fff; font-size: 18px; line-height: 3em; letter-spacing: 2px; }

#owl .item .tit i { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: .7; filter: alpha(opacity=40); }

#owl .angle { position: absolute; top: 0px; left: 0px; width: 0; height: 0; border-width: 160px 160px 0 0; border-style: solid; border-color: #728ab8 transparent transparent; display: block; }

#owl .angle > * { font-size: 40px; color: #fff; position: absolute; }

#owl .angle .num { position: absolute; top: -140px; left: 20px; background: #fff; width: 60px; height: 60px; }

#owl .angle .num sub { color: #fff; font-size: 33px; z-index: 3; position: absolute; right: 5px; top: 24px; font-weight: bold; }

#owl .angle .num sup { color: #fff; font-size: 28px; z-index: 3; position: absolute; right: 42px; top: 0; }

#owl .angle .num:after { content: ""; position: absolute; left: 0; border-style: solid; border-width: 59px 59px 0 0; border-color: #728ab8 transparent transparent; }

#owl .angle .num:before { content: ""; position: absolute; right: 0; bottom: 0; border-style: solid; border-width: 59px 59px 0 0; border-color: transparent #728ab8 transparent; }

#owl .owl-prev { position: absolute; top: 45%; left: 0; z-index: 3; width: 36px; height: 57px; background: url(../img/left.png); margin: 0; padding: 0; border-radius: 0; }

#owl .owl-next { position: absolute; top: 45%; right: 0; z-index: 3; width: 36px; height: 57px; background: url(../img/right.png); margin: 0; padding: 0; border-radius: 0; }

.single-image { position: relative; margin-bottom: 15px; border-radius: 5px; overflow: hidden; }

.single-image .img a { display:block; overflow:hidden; }

.single-image .img a img { display: block; width: 100%; transition: all 0.3s linear;}

.single-image:hover .img a img { transform: scale(1.1);}

.single-image:hover .tit a { color: #f55;}

.single-image .icon { position: absolute; width: 56px; height: 56px; top: 33%; left: 40%; background: url(../img/vitu.png) no-repeat; }

.single-image:hover .icon { background: url(../img/vivi.png) no-repeat; }

.single-image .tit { position: absolute; left: 0; right: 0; bottom: 0; }

.single-image .tit a { color: #fff; font-size: 16px; display: block; padding: .5em 1em; line-height: 1.5em; position: relative; z-index: 2; }

.single-image .tit i { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: .5; filter: alpha(opacity=50); }


/*强军日历*/
@charset "UTF-8";
.st-calendar { background-color: #fff; overflow-y: hidden; }

.st-calendar .st-nav { width: 300px; background-color: #3398dc; float: left; }

.st-calendar .st-nav .nav-year { margin: 0; padding: 22px 35px; color: #FFF; background-color: #4aa4e2; overflow: hidden; position: relative; }

.st-calendar .st-nav .nav-year .current-year { font-size: 36px; width: 88px; height: 36px; overflow: hidden; margin: 0 auto; position: relative; padding-right: 12px; }

.st-calendar .st-nav .nav-year .current-year ul { margin: 0; padding: 0; list-style: none; -ms-flex-direction: column; flex-direction: column; }

.st-calendar .st-nav .nav-year .current-year ul li { line-height: 1em; }

.st-calendar .st-nav .nav-year .current-year::before { content: "年"; font-size: 12px; right: 0px; position: absolute; }

.st-calendar .st-nav .nav-year .nav-year-btn { position: absolute; left: 35px; right: 35px; bottom: 22px; }

.st-calendar .st-nav .nav-year .nav-year-btn button { height: 20px; border-radius: 0; border: none; padding: 0 6px; color: #FFF; background-color: transparent; bottom: 0; position: absolute; margin-left: 1px; }

.st-calendar .st-nav .nav-year .nav-year-btn button.swiper-button-disabled { display: none; }

.st-calendar .st-nav .nav-year .nav-year-btn button:hover { background-color: #1c70a8; }

.st-calendar .st-nav .nav-year .nav-year-btn button.previous { left: 0; padding-left: 15px; }

.st-calendar .st-nav .nav-year .nav-year-btn button.previous::before { content: " "; position: absolute; border-width: 1px 1px 0 0; border-color: #FFF; border-style: solid; width: 5px; height: 5px; margin-top: 6px; margin-left: -8px; -ms-transform: rotate(225deg); transform: rotate(225deg); }

.st-calendar .st-nav .nav-year .nav-year-btn button.next { right: 0; padding-right: 15px; }

.st-calendar .st-nav .nav-year .nav-year-btn button.next::after { content: " "; position: absolute; border-width: 1px 1px 0 0; border-color: #FFF; border-style: solid; width: 5px; height: 5px; margin-top: 6px; margin-left: 2px; -ms-transform: rotate(45deg); transform: rotate(45deg); }

.st-calendar .st-nav ul.nav-month { margin: 0; padding: 32px 30px; overflow: hidden; list-style: none; }

.st-calendar .st-nav ul.nav-month li { width: 50px; margin: 5px; padding: 10px; float: left; text-align: center; color: #83c2eb; border-radius: 5px; cursor: default; opacity: 0.4; }

.st-calendar .st-nav ul.nav-month li .zh-cn span { font-size: 28px; line-height: 1em; }

.st-calendar .st-nav ul.nav-month li .zh-cn span.sub { font-size: 12px; }

.st-calendar .st-nav ul.nav-month li .en { font-size: 12px; line-height: 1em; }

.st-calendar .st-nav ul.nav-month li.activated { background-color: #238dd3; opacity: 1; cursor: pointer; }

.st-calendar .st-nav ul.nav-month li.activated:hover { background-color: #207ebd; }

.st-calendar .st-nav ul.nav-month li.selected { background-color: white; color: #33a4e6; }

.st-calendar .st-nav ul.nav-month li.selected:hover { background-color: white; }

@media (min-width: 768px) and (max-width: 959px) { .st-calendar .st-nav { width: 230px; }
  .st-calendar .st-nav .nav-year { padding: 22px 15px; }
  .st-calendar .st-nav .nav-year .nav-year-btn { left: 0; right: 0; }
  .st-calendar .st-nav .nav-year .nav-year-btn button.previous { left: 15px; }
  .st-calendar .st-nav .nav-year .nav-year-btn button.next { right: 15px; }
  .st-calendar .st-nav ul.nav-month { padding: 32px 15px; }
  .st-calendar .st-nav ul.nav-month li { width: 36px; }
  .st-calendar .st-nav ul.nav-month li .zh-cn span { font-size: 20px; } }

@media (max-width: 767px) { .st-calendar .st-nav { width: 100%; }
  .st-calendar .st-nav .nav-year { padding: 15px; }
  .st-calendar .st-nav .nav-year .nav-year-btn { left: 0; right: 0; }
  .st-calendar .st-nav .nav-year .nav-year-btn button.previous { left: 15px; font-size: 14px; }
  .st-calendar .st-nav .nav-year .nav-year-btn button.next { right: 15px; font-size: 14px; }
  .st-calendar .st-nav ul.nav-month { padding: 10px 15px; }
  .st-calendar .st-nav ul.nav-month li { width: 16.66%; padding: 5px; box-sizing: border-box; margin: 0; border: 1px solid #39d; border-radius: 0; }
  .st-calendar .st-nav ul.nav-month li .zh-cn span { font-size: 20px; }
  .st-calendar .st-nav ul.nav-month li .en { font-size: 12px; } }

.st-calendar .st-viewport { width: 630px; height: 440px; margin: 0 15px;  float: left; position: relative; }

.st-calendar .st-viewport .st-loading { position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -25px; }

.st-calendar .st-viewport .st-slider-nav { height: 310px; position: absolute; left:0; right:0; }

.st-calendar .st-viewport .st-slider-nav button { background-color: transparent; border: none; }

.st-calendar .st-viewport .st-inner .st-item .st-image { height: 310px; overflow: hidden; }

.st-calendar .st-viewport .st-inner .st-item .st-image img { display: block; width: 100%; }

.st-calendar .st-viewport .st-inner .st-item .st-pubtime { margin-top: 5px; font-size: 12px; padding: 2px 0; float: left; border-bottom: 1px solid #888; color: #333; }

.st-calendar .st-viewport .st-inner .st-item .st-article-text { margin-right: 15px; clear: both; }

.st-calendar .st-viewport .st-inner .st-item .st-article-text .st-title { padding: 10px 0; margin: 0; font-size: 20px; font-weight: bolder; line-height: 1.2em; color: #4d4d4d; }

.st-calendar .st-viewport .st-inner .st-item .st-article-text .st-desc { margin: 0; color: #999; line-height: 1.5em; }

@media (min-width: 960px) and (max-width: 1199px) { .st-calendar .st-viewport { width: 585px; margin: 0 0 0 15px; }
  .st-calendar .st-viewport .st-slider-nav { height: 290px; }
  .st-calendar .st-viewport .st-inner .st-item .st-image { height: 290px; } }

@media (min-width: 768px) and (max-width: 959px) { .st-calendar .st-viewport { width: 463px; height: 412px; margin: 0 0 0 15px; }
  .st-calendar .st-viewport .st-slider-nav { height: 230px; }
  .st-calendar .st-viewport .st-inner .st-item .st-image { height: 230px; } }

@media (max-width: 767px) { .st-calendar .st-viewport { width: 100%; height: auto; margin: 0; background-color: #207ebd; }
  .st-calendar .st-viewport .st-slider-nav { display: none; }
  .st-calendar .st-viewport .st-inner .st-item .st-image { height: auto; }
  .st-calendar .st-viewport .st-inner .st-item .st-pubtime { margin-left: 15px; margin-top: 15px; color: #a0d0ef; border-color: #a0d0ef; }
  .st-calendar .st-viewport .st-article-text { margin: 15px; }
  .st-calendar .st-viewport .st-inner .st-item .st-article-text .st-title { color: #FFF; font-size: 18px; }
  .st-calendar .st-viewport .st-inner .st-item .st-article-text .st-title a { color: #FFF; font-size: 18px; }
  .st-calendar .st-viewport .st-inner .st-item .st-article-text .st-desc { color: #a0d0ef; } }

.st-calendar .st-position { float: left; width: 180px; height: 440px; background-color: #e1ebef; display:none;}

@media (max-width: 1199px) { .st-calendar .st-position { display: none; } }

.st-calendar .st-position .st-position-box { color: #207ebd; position: relative; margin: 50px 15px; text-align: center; }

.st-calendar .st-position .st-position-box .swiper-pagination-current { font-size: 80px; font-weight: 100; font-family: cursive; border-bottom: 1px solid #39d; }

.st-calendar .st-position .st-position-box .swiper-pagination-total { margin: 5px; }

@media (max-width: 767px) { .st-calendar { margin: 0 -15px; } }


.st-image{display:none}

.st-inner.swiper-wrapper .swiper-slide{
	background: #f1f5f4;
    margin-bottom: 20px;
    padding: 30px;
    box-sizing: border-box;}

.st-calendar .st-viewport .st-inner .st-item .st-pubtime{    display: block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    background: #1488dd;
    left: -120px;
    position: absolute;
    border-radius: 50%;
    color: #fff;
    padding: 0;
    font-size: 14px;
    text-align: center;}

.st-calendar .st-viewport .st-inner .st-item .st-pubtime:after{    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    border: 2px solid #c0c0c0;
    border-radius: 50%;
    right: -73px;
    height: 10px;
    background: #fff;
    width: 10px;}

.st-calendar .st-viewport{margin-left:180px}
.st-calendar .st-viewport:before{
	content:"";
	position:absolute;
	left:-20px;
	width:1px;
	heigth:100%;
	top:0;
	bottom:0;
	background:#c0c0c0;
}

@media (max-width: 1199px) and (min-width: 960px){
.st-calendar .st-viewport {
    width: 450px;
    margin: 0 0 0 15px;
}
.st-calendar .st-viewport {
    margin-left: 150px;
}
.st-calendar .st-viewport .st-inner .st-item .st-pubtime{left:-100px}
.st-calendar .st-viewport .st-inner .st-item .st-pubtime:after{right:-53px;}
}


@media (max-width: 959px) and (min-width: 768px){
.st-calendar .st-viewport {
    width: 448px;
    height: 412px;
    margin: 0 0 0 15px;
}
.st-calendar .st-viewport:before{display:none;}
.st-calendar .st-viewport .st-inner .st-item .st-pubtime{display:none}
}


@media(max-width:767px){
.st-inner.swiper-wrapper .swiper-slide{background:transparent;padding:0}
.st-calendar .st-viewport{margin:0;overflow: hidden;}
}