.video .wrap{--wrap: 1286px;}

.video_filter{display: flex; justify-content: center; align-items: center;}
.video_filter .video_filter_box{flex: 1; max-width: 661px; margin-right: 20px; position: relative;}
.video_filter .video_filter_box .video_filter_title{font-size: var(--size-24); line-height: 69px; color: var(--gray-64); padding: 0 30px; border-radius: inherit; cursor: pointer; background-color: var(--white); position: relative; z-index: 3; border: 2px solid var(--blue-31); border-radius: 10px;}
.video_filter .video_filter_box .video_filter_drop{display: none; width: calc(100% - 2px); border: 2px solid var(--gray-8d); border-top: none; border-radius: 0 0 10px 10px; background-color: var(--white); position: absolute; left: 50%; top: calc(100% - 5px); transform: translateX(-50%); z-index: 2; padding: 12px 28px;}
.video_filter .video_filter_box:hover .video_filter_drop{display: flex;}
.video_filter .video_filter_box a{font-family: var(--family-light); font-size: var(--size-22); line-height: 26px; color: var(--gray-64);}
.video_filter .video_filter_drop .video_filter_drop_list{width: 100%;}
.video_filter .video_filter_drop_list .video_filter_drop_item{margin-bottom: 11px;}
.video_filter .video_filter_drop_list .video_filter_drop_item:hover a{font-family: var(--family-regular);}
.video_filter .video_search_form{flex: 1; max-width: 350px; display: flex; border: 2px solid var(--blue-31); border-radius: 10px; overflow: hidden; padding: 0 12px;}
.video_filter .video_search_form input{background: unset; border: unset; outline: unset; height: 69px;}
.video_filter .video_search_form input[type="text"]{width: calc(100% - 30px); font-family: var(--family-semibold); font-size: var(--size-25); color: var(--gray-64); padding: 0 32px;}
.video_filter .video_search_form input[type="submit"]{min-width: 30px; background: url(../../t159/images/icon/icon_pro_search.png) no-repeat center / 30px; cursor: pointer;}

.video_titlebox{text-align: center;}
.video_titlebox .video_title{font-family: 'Montserrat-Regular'; display: flex; justify-content: center; font-size: 28px; line-height: 56px; color: #fff; position: relative; overflow: hidden;}
.video_titlebox .video_title .video_titbox{padding: 0 10px; background-color: #14151b; position: relative; z-index: 10;}
.video_titlebox .video_title .video_titbox:before{content: ''; width: calc(100% + 480px); height: 1px; background-color: #363c45; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;}
.video_titlebox .video_title .video_titbox:after{content: ''; width: calc(100% + 250px); height: 7px; border-top: 1px solid #363c45; border-bottom: 1px solid #363c45; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;}
.video_title .video_titbox .video_tit{border-top: 3px solid #363c45; border-bottom: 3px solid #363c45; background-color: #14151b; padding: 0 108px; position: relative;}
.video_title .video_titbox .video_tit:before{content: ''; width: 20px; height: 19px; background: url(../images/icon_video_title.png) no-repeat center; background-size: 100%; position: absolute; left: 16%; top: 50%; transform: translateY(-50%);}
.video_title .video_titbox .video_tit:after{content: ''; width: 20px; height: 19px; background: url(../images/icon_video_title.png) no-repeat center; background-size: 100%; position: absolute; right: 16%; top: 50%; transform: translateY(-50%);}
.video_titbox .video_tit .video_tit_left{position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}
.video_titbox .video_tit .video_tit_left:before{content: ''; border-left: 16px solid #363c45; border-top: 32px solid transparent; border-bottom: 32px solid transparent; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.video_titbox .video_tit .video_tit_left:after{content: ''; border-left: 16px solid #14151b; border-top: 32px solid transparent; border-bottom: 32px solid transparent; position: absolute; right: 3px; top: 50%; transform: translateY(-50%);}
.video_titbox .video_tit .video_tit_right{position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
.video_titbox .video_tit .video_tit_right:before{content: ''; border-right: 16px solid #363c45; border-top: 32px solid transparent; border-bottom: 32px solid transparent; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.video_titbox .video_tit .video_tit_right:after{content: ''; border-right: 16px solid #14151b; border-top: 32px solid transparent; border-bottom: 32px solid transparent; position: absolute; left: 3px; top: 50%; transform: translateY(-50%);}
.video_subtitle{font-family: var(--family-light); font-size: 14px; line-height: 28px; color: #5a6069; text-align: center; margin-top: 40px; padding: 0 6%;}

.video_box{margin: 83px 0;}
.video_box .video_cate_box{box-sizing: border-box; display: flex; justify-content: center;}
.video_box .video_cate_box .video_cate{width: 100%; max-width: 325px; margin-right: 34px; position: relative;}
.video_box .video_cate_box .video_cate:after{content: ''; border-top: 6px solid #bcbcbc; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; right: 30px; top: calc(50% - 2px); transform: translateY(-50%);}
.video_box .video_cate_box .video_cate:last-child{margin-right: 0;}
.video_box .video_cate select{box-sizing: border-box; width: 100%; font-family: var(--family-light); font-size: 16px; line-height: 70px; color: #fff; background-color: #21252c; border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding: 0 30px; cursor: pointer;}

.video_box .video_tips{font-family: var(--family-light); font-size: 14px; line-height: 24px; color: #fff; text-align: center; margin-top: 20px;}

.video_box .video_list{display: flex; flex-wrap: wrap; margin-top: 106px;}
.video_box .video_list .video_item{box-sizing: border-box; width: 32.738%; margin-right: .893%; margin-bottom: 30px;}
.video_box .video_list .video_item:nth-child(3n){margin-right: 0;}
.video_box .video_item .img{display: flex; justify-content: center; width: 100%; height: 0; padding-top: 100%; background-color: #0d0c0c; position: relative;}
.video_box .video_item .img img{display: block; background-color: #0d0c0c; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.video_box .video_item .icon_play{width: 55px; height: 55px; background: url(../images/icon_play.png) no-repeat center / 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.video_box .video_item .img:hover .icon_play{background-image: url(../images/icon_play_active.png);}
.video_box .video_item .video_info{margin-top: 13px;}
.video_box .video_item .video_name{font-family: var(--family-ultralight); font-size: var(--size-18); line-height: 23px; color: var(--gary-51); min-height: 69px; padding: 0 15px; border-left: 5px solid var(--gray-c2);}
.video_box .video_item .video_desc{font-family: var(--family-ultralight); font-size: 14px; line-height: 24px; color: #a2a2a2; margin-top: 29px;}

.video_con{z-index: 100000;}
.video_con .video_con_in .videoContent{position: relative;}
/* .video_con .video_con_in .videoContent::before{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;} */
.video_con .video_con_in .close_btn{z-index: 1;}
.video_con .video_con_in iframe{width: 100% !important; height: 100% !important;}
.video_con .video_con_in .pro_link{display: block; width: max-content; font-size: 24px; line-height: 2; color: #fff; font-weight: bold; margin: 0 auto;}

@media screen and (max-width: 1279px) {
	.video_titlebox .video_title .video_titbox:before{width: calc(100% + 390px);}
	.video_titlebox .video_title .video_titbox:after{width: calc(100% + 200px);}
}

@media screen and (max-width: 1000px) {
	.video_titlebox:before{width: 90%;}
	.video_titlebox:after{width: 70%;}
	.video_titlebox .video_title{font-size: 18px; line-height: 40px;}
	.video_titlebox .video_title .video_titbox{padding: 0 5px;}
	.video_titlebox .video_title .video_titbox:before{width: calc(100% + 100px);}
	.video_titlebox .video_title .video_titbox:after{width: calc(100% + 50px);}
	.video_title .video_titbox .video_tit{border-top-width: 2px; border-bottom-width: 2px; padding: 0 60px;}
	.video_title .video_titbox .video_tit:before{width: 16px; height: 15px; left: 8%;}
	.video_title .video_titbox .video_tit:after{width: 16px; height: 15px; right: 8%;}
	.video_titbox .video_tit .video_tit_left:before{border-left-width: 13px; border-top-width: 25px; border-bottom-width: 25px;}
	.video_titbox .video_tit .video_tit_left:after{border-left-width: 13px; border-top-width: 25px; border-bottom-width: 25px; right: 2px;}
	.video_titbox .video_tit .video_tit_right:before{border-right-width: 13px; border-top-width: 25px; border-bottom-width: 25px;}
	.video_titbox .video_tit .video_tit_right:after{border-right-width: 13px; border-top-width: 25px; border-bottom-width: 25px; left: 2px;}
	.video_subtitle{font-size: 12px; line-height: 14px; padding: 0 3%; margin-top: 10px;}

	.video_filter{flex-direction: column;}
	.video_filter .video_filter_box{width: 100%; max-width: 100%; margin-right: 0; margin-bottom: 10px;}
	.video_filter .video_filter_box .video_filter_title{line-height: 48px; border-width: 1px; border-radius: 5px; padding: 0 15px;}
	.video_filter .video_filter_box .video_filter_drop{border-width: 1px; border-radius: 0 0 5px 5px; top: calc(100% - 3px); padding: 6px 14px;}
	.video_filter .video_filter_drop_list .video_filter_drop_item{margin-bottom: 5px;}
	.video_filter .video_search_form{width: 100%; max-width: 100%; border-width: 1px; border-radius: 5px; padding: 0 6px;}
	.video_filter .video_search_form input{height: 48px;}
	.video_filter .video_search_form input[type="text"]{width: calc(100% - 20px); padding: 0 16px;}
	.video_filter .video_search_form input[type="submit"]{min-width: 20px; background-size: 20px;}
	
	.video_box{margin: 40px 0;}
	.video_box .video_cate_box{margin-top: 30px;}
	.video_box .video_cate_box .video_cate{max-width: 49%; margin-right: 2%;}
	.video_box .video_cate_box .video_cate:after{right: 10px; top: 50%;}
	.video_box .video_cate select{font-size: 14px; line-height: 40px; padding: 0 10px;}

	.video_box .video_list{margin-top: 30px;}
	.video_box .video_item .video_name{font-size: 14px; line-height: 14px; min-height: 50px; padding: 0 10px; border-left-width: 3px;}
	.video_box .video_item .video_desc{font-size: 12px; line-height: 20px; margin-top: 10px;}
}

@media screen and (max-width: 768px) {
	.video_box .video_list .video_item{width: 100%; margin-right: 0; margin-bottom: 30px;}

	.video_con .video_con_in .pro_link{font-size: 20px;}
}