@charset "UTF-8";

.page-media { padding-bottom:0.7rem; }
.page-media .page-list { padding-bottom:0.4rem; }
.page-media .page-list ul { margin-top:-0.38rem; }
.page-media .page-list ul li { box-shadow:0px 0px 10px rgba(0,0,0,0.1); margin-top:0.7rem; }
.page-media .page-list .page-img { width:32.25%; overflow:hidden; }
.page-media .page-list .page-img .bg_container { height:100%; }
.page-media .page-list .page-img .bg_container img { display:none; }
.page-media .page-list .page-text { width:67.75%; padding:0.5rem; }
.page-media .page-list .page-txt { margin-top:0.1rem; color:#1d1d1d; height:0.75rem; max-height:0.75rem;  }
.page-media .page-list h3 a { color:#004e97; display:block; }

.page-media .page-ft { padding-top:0.3rem; }
.page-media .page-more a { position:relative; color:#004e97; padding-right:0.46rem; display:inline-block; }
.page-media .page-more a:before { position:absolute; content:""; width:0.36rem; right:0px; top:55%;  height:1px; background:#80a7cb; }
.page-media .page-more a:after {position:absolute; content:""; top:55%; width:0.12rem; height:1px; right:0px; background:#80a7cb; transform-origin:right center; transform:rotate(40deg); -webkit-transform:rotate(40deg);  }
.page-media .page-data { color:#b6b6b6; }

.page-media .page-list ul li:hover .page-text { background:#004e97; }
.page-media .page-list ul li:hover h3 a { color:#fff; }
.page-media .page-list ul li:hover .page-txt { color:#fff; }
.page-media .page-list ul li:hover .page-more a { color:#fff; }
.page-media .page-list ul li:hover .page-data { color:#fff; }
.page-media .page-list ul li:hover .page-more a:before { background:#fff; }
.page-media .page-list ul li:hover .page-more a:after { background:#fff; }


@media only screen and (max-width:1300px){
.page-media .page-list .page-txt { height:52px; max-height:52px;  }

}

@media only screen and (max-width:750px){
.page-media .page-list .page-img { width:100%; height:2.79rem; }
.page-media .page-list .page-text { width:100%; }
.page-media .page-list .page-txt { height:auto; max-height:none; }
}


.page-media-dynamic .page-list { padding-bottom:0.8rem; }


.page-media-video { padding-bottom:1rem; }
.page-media-video .page-list { padding-bottom:1rem; }
.page-media-video .page-list ul { margin:0px -0.12rem; padding-top:0.1rem; }
.page-media-video .page-list ul li { float:left; width:33.33%; }
.page-media-video .page-list ul li .page-con { margin:0.24rem 0.12rem 0px; cursor:pointer;box-shadow:0px 0px 10px rgba(0,0,0,0.08); }
.page-media-video .page-list ul li .page-img { height:2.9rem; overflow:hidden; position:relative; }
.page-media-video .page-list ul li .bg_container { height:100%; }
.page-media-video .page-list .page-img .bg_container img { display:none; }
.page-media-video .page-list ul li .page-img:before { position:absolute; content:""; z-index:2; left:0px; top:0px; height:100%; width:100%; bottom:0px; background:rgba(0,0,0,0.4); }
.page-media-video .page-list ul li .page-img:after { position:absolute; content:""; z-index:3; height:0.85rem; left:50%; top:50%; margin:-0.425rem 0px 0px -0.425rem; width:0.85rem; background:url(../images/video-play02.png) no-repeat center center; background-size:100% 100%; }
.page-media-video .page-list ul li h2 { color:#1d1d1d; padding:0.265rem 0.3rem;  }


@media only screen and (max-width:750px){
.page-media-video { padding-bottom:0.7rem; }
.page-media-video .page-list { padding-bottom:0.7rem; }
.page-media-video .page-list ul li { width:100%; }

}


.page-media-content { padding-bottom:1.6rem; }
.page-media-content .page-sub { padding-top:0.08rem; }
.page-media-content .page-time { color:#b6b6b6; padding-right:0.4rem; }
.page-media-content .page-content { box-shadow:0px 0px 0.15rem rgba(0,0,0,0.075); }
.page-media-content .page-con {  padding:0.37rem 0.5rem 0.45rem; color:#1d1d1d; line-height:1.667; margin-top:0.32rem; }
.page-media-content .page-con img { max-width:100%!important;height: auto!important; padding:0.05rem 0px 0.18rem; }
.page-media-content .page-con p { padding:0.08rem 0px; }
.page-media-content .page-con h3 { padding-top:0.07rem; }
.page-media-content .bshare-custom.icon-medium a.bshare-more.more-style-addthis { background:url(../images/page-share-ico01.png) no-repeat left center; padding-left:0.26rem!important; background-size:0.15rem 0.17rem; color:#1d1d1d; text-decoration:none; height:auto; }
.page-media-content .page-ft { background:#ffdede; color:#1d1d1d; line-height:1.667; text-indent:2em; padding:0.44rem 0.5rem; }
@media only screen and (max-width:750px){
.page-media-content { padding-bottom:1rem; }


}