.topbanner{width: 100%;height: 160px;background: #38003c;}
.topbanner img{width: 100%;height: 100%;}
.topbanner.bg11{background: #38003c;}
.topbanner.bg3{background: #5c137b;}
.topbanner.bg4{background: #eb5426;}
.topbanner.bg5{background: #e34b4b;}
.topbanner.bg6{background: #1584e3;}
.topbanner.bg7{background: #7b1315;}
.topbanner.bg8{background: #b7b7b7;}

.topbanner.bg11{background: #1471d1;}
.topbanner.bg12{background: #941e1e;}
.topbanner.bg14{background: #f15623;}
.topbanner.bg16{background: #031f42;}
.topbanner.bg19{background: #000000;}
.topbanner.bg20{background: #000000;}
.topbanner.bg21{background: #000000;}
.topbanner.bg22{background: #d9d9d9;}
.topbanner.bg23{background: #d9d9d9;}
.location {margin-top: 20px;color: #777;}
.location a{color: #777;}
.location a h1{font-size:12px;display:inline;font-weight:normal;}

.topswiper{width: 470px;height: 266px;}
.topswiper .swiper-slide{width: 100%;height: 266px;overflow: hidden;position: relative;border-radius: 8px;}
.topswiper .swiper-slide .btmwz{position: absolute;bottom: 0;left: 0;width: 90%;padding: 0 5%; height: 44px;background: rgba(0,0,0,0.7);line-height: 44px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;font-size: 18px;}
.topswiper .video_next,.topswiper .video_prev{z-index: 19;background: rgba(0,0,0,0.8);color: #fff;width: 30px;height: 60px;}
.topswiper  .swiper-button-next:after,.topswiper .swiper-button-prev:after{font-size: 24px;color: #aaa;font-weight: 500;}
.topswiper .video_next{right:0;}
.topswiper .video_prev{left:0;}
.topswiper .paginationvideo{bottom: auto;top: 14px;width: 98%;margin-right: 2%;text-align: right;}
.topswiper .swiper-pagination-bullet{background: #fff;opacity: 1;width: 10px;height: 10px;}
.topswiper .swiper-pagination-bullet-active{background: #f3353c;}

.tuijian {width: 730px;}
.tuijian .tuijianli{width: 226px;height: 128px;float: left;overflow: hidden;position: relative;margin-left: 16px;margin-bottom: 10px;border-radius: 8px;}
.tuijian .tuijianli img{width: 100%;min-height: 100%;}
.tuijian .tuijianli .btmwz{position: absolute;bottom: 0;left: 0;width: 90%;padding: 0 5%; height: 44px;background: rgba(0,0,0,0.7);line-height: 44px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;font-size: 12px;}

.t_title{font-size: 22px;font-weight: bold;color: #333;}
.t_title span{margin-right: 8px;}
.video-list li{float:left;padding: 0 11px;position: relative;}
.video-list li a{font-size:14px;}
.video-list li i{position:absolute;right:0;color:#999;font-size:14px; top:5px;}
.video-list li:nth-last-of-type(1) i{display:none;}
.listvideo{width: 1216px;margin-left: -16px;}
.listvideo dl{width: 226px;height: 180px;margin-left: 16px;margin-top: 34px;float: left;}
.listvideo dl dt{height: 128px;position: relative;overflow: hidden;border-radius: 8px;}
.listvideo dl dt img{width: 100%;min-height: 100%;}
.listvideo dl dd .title{line-height:16px;margin-top: 8px;height: 32px;font-size: 14px;overflow: hidden;}
.listvideo dl dd .info .time span{vertical-align: middle;}
.listvideo dl dd .info .see{margin-left: 30px;}
.listvideo dl dd .info .see i{background: url(../images/see_icon.png) no-repeat;width: 18px;height: 14px;display: inline-block;vertical-align: middle;}
.listvideo dl dd .info .see span{vertical-align: middle;margin-left: 4px;}
.video-item {width: 227px;margin-left: 16px;margin-bottom: 10px;border-radius: 5px;overflow: hidden}
.video-item:nth-child(3n) {margin-right: 0}
.video-item:nth-of-type(n+4) {margin-bottom: 0}
.video-item:hover {-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2)}
.video-item:hover .video-mask {display: block}
.video-item:hover .video-title {display: none}
.video-top {width: 100%;height: 128px;overflow: hidden;position: relative}
.video-top img{width: 100%;min-height: 100%;}
.video-mask {display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, .4)}
.video-mask-title {color: #fff;font-size: 14px;padding: 12px 4% 0;width: 92%;line-height: 20px;overflow: hidden;text-overflow: ellipsis;}
.video-mask:hover .video-info {-webkit-transform: translateY(0);transform: translateY(0)}
.video-info {width: 92%;height: 32px;position: absolute;top: 0;font-size: 14px;padding: 100px 4% 0;-webkit-transition: -webkit-transform .3s ease-in-out;transition: -webkit-transform .3s ease-in-out;transition: transform .3s ease-in-out;transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;-webkit-transform: translateY(96px);transform: translateY(46px)}
.video-info-nums .video-com,.video-info-text {color: #fff;font-size: 12px;}
.video-info-nums .video-com .icon-eye{background: url(../images/see_icon.png) no-repeat;width: 18px;height: 14px;margin-left: 40px; display: inline-block;vertical-align: middle;}
.video-info-nums .svg-g {stroke: #fff}
.video-title {position: absolute;bottom: 0;left: 0;font-size: 14px;height: 32px;line-height: 32px;color: #fff;width: 92%;padding: 0 4%;white-space: nowrap;word-wrap: normal;background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)}
.video-title,.video-title p {overflow: hidden;text-overflow: ellipsis}
.video-title p {height: 42px;line-height: 21px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.card-item {width: 227px;border-radius: 5px;margin: 0 0 16px 16px;float: left;overflow: hidden}
.card-item-top {width: 100%;height: 128px;overflow: hidden;position: relative;border-radius: 5px}
.card-item-top .video-img {border-radius: 5px;width: 100%;min-height: 100%;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease}
.card-item-top:hover .video-img {width: 100%;min-height: 100%;-webkit-transform: scale(1.08);transform: scale(1.08)}
.card-item:hover .card-item-top {-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2)}
.card-item:hover .card-bottom-title {color: #406dff;}
.card-item:hover .card-bottom-nums {bottom: -28px}
.card-bottom {height: 40px;padding-top: 10px;width: 100%;position: relative}
.card-bottom-title {line-height: 20px;height: 40px;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}
.card-bottom-nums {position: absolute;bottom: 0px;left: 0;margin-top: 5px;height: 20px;background-color: #fff;width: 100%;-webkit-transition: bottom .3s ease-in-out;transition: bottom .3s ease-in-out;color: #999;}
.card-bottom-nums .video-com .icon-eye{background: url(../images/see_icon.png) no-repeat;width: 18px;height: 14px;margin-left: 40px; display: inline-block;vertical-align: middle;}
.card-bottom-nums .video-com-text{vertical-align: middle;}
/*翻页*/
.pagecode{margin-top: 40px;text-align: center;}
.pagecode a{font-size: 14px;color: #999;margin: 0 14px;line-height: 26px;}
.pagecode .current{display: inline-block;width: 26px;height: 26px;color: #fff;background: #406dff;border-radius: 26px;line-height: 26px;text-align: center;}

.leftvi{width:50%;}
.rightvi{width:50%;}
.leftvi .tt{text-indent: 18px;display: block;margin-bottom: 20px;}
.rightvi .tt{text-indent: 18px;display: block;margin-bottom: 20px;}


.bk-item {width: 227px;border-radius: 5px;margin: 0 0 16px 16px;float: left;overflow: hidden;height: 100px;position: relative;background: url(../images/bke_icon.png) no-repeat;}
.bk-item h3 { position: absolute; left: 0;right: 0;top: 0;bottom: 0;color: #333;font-size: 16px;display: flex;align-items: center;justify-content: center;transition: all .3s;padding: 0 15px;font-weight: bold;text-align: center;}
.bk-item img { width: 100%;min-height: 100%;}
.bk-item:hover h3{background: #406dff;color: #fff;}
.ttlist .bkgo{background: #f6f6f6;line-height: 40px;text-align: center;display: block;margin-top: 20px;}

.header .notice{ border-bottom:1px solid #ddd;}