body { background: #F2F2F2; }
.detail .content .banner { position: relative; background: #fff; padding: 18px; }
.detail .banner_content { background: #fff; padding: 18px; margin-top: 18px; }
.dvidel { background-color: #fff; min-height: 605px; }
.video-title { border: 1px solid #e4ecf3; width: 100%; height: 48px; line-height: 48px; }
.video-title .video-title-icon { margin-left: 20px; display: inline-block; background: url(/uiFramework/commonResource/image/2023033010002741471.png) no-repeat 2px center; padding-left: 30px; background-size: 30px; font-size: 20px; color: #000; text-align: left; }
.video-title .video-title-icon.PDF { background: url(/uiFramework/commonResource/image/2023050609264413168.png) no-repeat 2px center; background-size: 30px; }
.video-title .video-title-icon.图文 { background: url(/uiFramework/commonResource/image/2023050610421582260.png) no-repeat 2px center; background-size: 30px; }
.video-title .video-title-icon.音频 { background: url(/uiFramework/commonResource/image/2023050611061917186.png) no-repeat 2px center; background-size: 30px; }
.video-title .title { display: inline-block; margin-left: 10px; font-size: 20px; color: #000000; text-align: left; line-height: 48px; }
.video-bottom { width: 100%; height: 54px; line-height: 54px; background: #fff; }
.bottom-left { float: left; padding-left: 22px; display: inline-block; font-size: 14px; color: #777e8c; text-align: left }
.bottom-left .wenzi { margin-right: 20px; }
.video-box.video-bottom .bottom-right { float: right; width: 20%; display: inline-block; font-size: 12px; }
.dvidel .video-box { width: 844px; }
.myplayer { width: 100%; clear: both; }
.myplayer p { padding: 0 30px 30px; font-size: 16px; color: #333; line-height: 28px; }
.myplayer p * { font-size: 16px; color: #333; }
.myplayer video { width: 100%; height: 480px; background-color: #2d2d2d; object-fit: cover; }
.myplayer img { width: 100%; }
.myplayer audio { width: 100%; }
.Rel_up { position: relative; margin-top: 20px; }
.video-home-right { width: 200px; }
.RUNAT_COMMON { background: #2d2d2d; padding-left: 20px; width: 28%; height: 555px; position: absolute; top: 48px; right: 0; }
.RUNAT_COMMON h2 { font-size: 18px; line-height: 49px; border-bottom: solid 2px #414141; }
.RUNAT_COMMON h2 span { border-bottom: solid 2px #fbbc33; display: inline-block; color: #d5d5d5; }
.RUNAT_COMMON h2 span img { margin-right: 12px; }
.RUNAT_COMMON ul { padding: 15px 0; }
.RUNAT_COMMON ul li { height: 80px; }
.RUNAT_COMMON ul li .box .left { width: 100px; float: left; margin-right: 20px; }
.RUNAT_COMMON ul li .box .left a img { height: 60px; width: 100%; }
.RUNAT_COMMON ul li .box .right-a { width: 60%; }
.RUNAT_COMMON ul li .box .right { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; }
.RUNAT_COMMON ul li .box .right h3 { line-height: 22px; height: 22px; word-wrap: break-word; word-break: break-all; overflow: hidden; font-size: 14px; display: block; margin-bottom: 8px; }
.RUNAT_COMMON ul li .box .right h3 a { font-size: 14px; font-weight: normal; color: #d5d5d5; }
.RUNAT_COMMON ul li .box .right h3 a:hover { color: #40ACE7; }
.RUNAT_COMMON ul li .box .right .fenlei { color: #aeaeae; height: 17px; font-size: 14px; }
.RUNAT_COMMON ul li .box .right .date { color: #aeaeae; }
.RUNAT_COMMON ul li .box .right .date img { margin-right: 5px; }
.RUNAT_COMMON ul li .box .right .date .shuzi { margin-right: 14px; }
.video-center { background: #fff; border: 1px solid #e4ecf3; padding: 30px; margin-top: 30px; }
.video-center .video-box .resource { font-size: 14px; color: #777e8c; text-align: left; }
.video-center .video-box .title-text { font-size: 20px; color: #000000; text-align: left; margin-right: 20px; }
.video-center .text { font-size: 14px; color: #333333; line-height: 24px; text-align: justify; margin-top: 10px; }
.last-act { display: inline-block; font-size: 14px; color: #333333; text-align: left; overflow: hidden; width: 100%; word-wrap: break-word; }
.home-all { background: #ffffff; border: 1px solid #e4ecf3; clear: both; overflow: hidden; margin-top: 30px; height: 330px; display: none; }
.bottom-right { float: right; width: 20%; display: inline-block; font-size: 12px; color: #fff; text-align: left; }
.bottom-right span { padding: 4px 5px; font-size: 12px; background: #27D0D8; border-radius: 3px; margin-right: -41px; color: #fff; margin-top: 7px; width: 49px; display: inline-block; }
.bottom-right img { filter: brightness(100); width: 12px; height: 12px; vertical-align: middle; }
.downRUNAT_COMMON { border: 1px solid #e4ecf3; background: #fff; margin-top: 30px; height: auto; display: inline-block; width: 100%; }
.downRUNAT_COMMON h2 { font-size: 18px; line-height: 49px; border-bottom: solid 2px #e4ecf3; color: #000; margin-left: 20px; }
.downRUNAT_COMMON h2 span img { padding-right: 15px; }
.downRUNAT_COMMON ul { padding: 15px 0; margin-left: 30px; }
.downRUNAT_COMMON ul li { list-style: none; font-size: 14px; line-height: 30px; width: 17%; float: left; margin: 12px 30px 14px 0; }
.downRUNAT_COMMON ul li .left { text-align: center; }
.downRUNAT_COMMON ul li .left img { height: 135px; width: 100%; }
.downRUNAT_COMMON ul li .box .right h3 a { color: #424754; font-size: 14px; font-weight: normal; }
.downRUNAT_COMMON ul li .box .right h3 { overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; white-space: nowrap; }
.downRUNAT_COMMON ul li .box .right h3 a:hover { color: #40ACE7; }
.downRUNAT_COMMON ul li .box .right .rel p { display: inline; }
.downRUNAT_COMMON ul li .box .right .rel .fenlei { float: right; font-size: 14px; color: #777e8c; word-wrap: break-word; word-break: break-all; text-align: right; }
.downRUNAT_COMMON ul li .box .right .rel p .shuzi { font-size: 14px; color: #aeaeae; text-align: left; margin: 0 15% 0 4px; }
.downRUNAT_COMMON ul li .box  .right .rel .riqi { float: right; font-size: 14px; color: #aeaeae; text-align: right; }
.downRUNAT_COMMON ul li .box .date { display: inline; }
.downRUNAT_COMMON ul li .box .fenlei { display: inline; }
.downRUNAT_COMMON ul li .box .shoucang span { font-size: 14px; color: #aeaeae; text-align: left; margin: 0 15% 0 4px; }
.downRUNAT_COMMON ul li .box .shoucang img { vertical-align: middle; margin-bottom: 5px; width: 15px; height: auto; vertical-align: middle; cursor: pointer; }

.PDF, .图文 { display: none; }
.resource_swiper { display: none; }
.resource_swiper#tp_图文 { display: block; }

.arrow-left { background: url(/uiFramework/commonResource/image/2023050610432040310.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 99; cursor: pointer; }
.arrow-right { background: url(/uiFramework/commonResource/image/2023050610432040310.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 99; cursor: pointer; }
.swiper-pagination { cursor: pointer; }

@media only screen and (max-width:1240px) {
    .detail .content .banner .pic_img img { height: 46vw; }
    .detail .content .banner .img_box .right { width: clac(100% - 180px); }
    .RUNAT_COMMON ul li .box .right-a { width: 50%; }
    .dvidel .video-box { width: 72%; }
}
@media only screen and (max-width:1000px) {
    .RUNAT_COMMON ul li .box .right-a { width: calc(100% - 120px); }
}
@media only screen and (max-width:880px) {
    .banner_content_rel .item h3 { font-size: 18px; }
    .banner_content_rel .item .item_content { font-size: 16px; }
    .detail .banner_content { padding: 9px; }
    .downRUNAT_COMMON { height: auto; width: auto; display: block; }
    .downRUNAT_COMMON ul { margin-left: 0; padding: 18px; }
    .downRUNAT_COMMON ul li { width: auto; float: none; margin: 0; }
    .RUNAT_COMMON { width: auto; position: static; margin-top: 20px; }
    .video-box { width: 100%; }
    .dvidel{min-height:auto;}
    .dvidel .video-box { width: auto; float: none; }
    .myplayer video, .myplayer img { height: 55vw; }
    .video-center { padding: 18px; }
    .RUNAT_COMMON { height: auto; }
    .downRUNAT_COMMON ul li .left img { height: 185px; }
}
@media only screen and (max-width:750px) {
    .item_content_play .Left, .item_content_play .Right { width: auto; float: none; }
    .item_content_play .Right { height: auto; }
    .item_content_play .Left .left_img img { height: 75vw; }
    .item_content_play .Right .right_box { padding: 20px; }
    .detail .content .banner .img_box .left { width: 100px; }
    .detail .content .banner .img_box .right { margin-top: 30px; }
    .item_content_play .Right .right_box h4 { font-size: 20px; }
    .item_content_play .Left .left_ul .left, .item_content_play .Left .left_ul .right { margin-top: 32px; }
}