@charset "utf-8";


.scale img,
.swiper-video .button .bnt,
.video-box .vmore:before,
.video_list li .img:before,
.video_list li .img:after{-webkit-transition:all 0.36s ease;-moz-transition:all 0.36s ease;-o-transition:all 0.36sease; transition:all 0.36s ease}
.scale:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}

.nav_ul li{    padding: 0 18px;}

.index_video{padding:20px 0 60px 0; overflow:hidden}
.video-box{position:relative; padding:0 0 0 155px}
.video-box .index_title{position:absolute; left:0; top:0; text-align:left}
.video-box .index_title .t{font-size:18px; color:#999999; width:20px; font-weight:normal; display:inline-block}
.video-box .index_title .t a{color:#999999}
.video-box .index_title .txt{font-size:60px; line-height:60px; color:#555; text-transform:uppercase; padding:0; display:inline-block; position:relative; left:-50px; top:30px; font-weight:bold;
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform:rotate(90deg)}
.video-box .vmore{position:absolute; right:-60px; bottom:10px; font-size:12px; text-transform:uppercase; color:#999; line-height:10px; font-family:Arial, Helvetica, sans-serif; 
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform:rotate(90deg)}
.video-box .vmore i{margin-left:5px}
.video-box .vmore:before{content:""; position:absolute; width:40px; height:1px; top:50%; margin-top:-0.5px; left:-60px; background-color:rgba(0, 0, 0, 0.15)}
.video-box .vmore:hover{color:#666}
.video-box .vmore:hover:before{background-color:rgba(0, 0, 0, 0.3); width:50px}


.swiper-video{overflow:hidden; position:relative}
.swiper-video .swiper-slide{cursor:pointer}
.swiper-video img{width:100%}
.swiper-video .ioc{position:absolute; width:64px; height:64px; border-radius:50%; border:2px solid #fff; left:50%; margin-top:-55px; top:50%; margin-top:-32px; z-index:3; background:url(../images/v.png) no-repeat center center}
.swiper-video .text{position:absolute; left:75px; bottom:0; right:75px; color:#fff}
.swiper-video .text .h1{font-size:24px; font-weight:bold; line-height:60px; height:60px; overflow:hidden}
.swiper-video .text .txt{border-top:1px solid rgba(255,255,255,0.5); padding:10px 180px 10px 0; font-size:16px; min-height:60px; line-height:30px}
.swiper-video .button{position:absolute; bottom:0; right:75px; padding:18px 15px; min-height:42px; overflow:hidden; border-left:1px solid rgba(255,255,255,0.5); z-index:3}
.swiper-video .button .bnt{display:block; float:left; width:40px; height:40px; border-radius:50%; border:2px solid #fff;opacity:0.5; cursor:pointer}
.swiper-video .button .bnt:hover{opacity:1}
.swiper-video .button .swiper-prev{background:url(../images/vl.png) no-repeat center center}
.swiper-video .button .swiper-next{margin-left:15px; background:url(../images/vr.png) no-repeat center center}


.video_pop{position:fixed; width:100%; height:100%; z-index:99; left:0; top:0; background:rgba(0,0,0,0.5); display:none; overflow:auto}
.video_pop_box{height:610px; width:950px; margin:50px auto; background:#fff; padding:10px; position:relative}
.video_pop_box .close{position:absolute; right:-40px; font-size:16px; top:0; color:#fff; cursor:pointer; font-weight:bold}
.video_pop_box .video_paly{background:#000; height:540px; margin-bottom:10px; overflow:hidden}
.video_pop_box .video_paly video{width:100%; height:540px}
.video_pop_box .title{font-size:18px; line-height:30px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.video_pop_box .txt{height:20px; line-height:20px; font-size:14px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}


/*视频列表*/
.video_list{margin-left:-25px}
.video_list li *{overflow:hidden}
.video_list li{float:left; width:33.3%; padding-bottom:25px}
.video_list li .box{margin-left:25px; display:block; overflow:hidden}
.video_list li .img{position:relative}
.video_list li .img:before{content:""; position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(0,69,164,0); z-index:8}
.video_list li .img:after{content:""; position:absolute; width:52px; height:52px; left:50%; margin-left:-26px; top:50%; margin-top:-26px; background:url(../images/play.png) no-repeat; z-index:9; opacity:0}
.video_list li img{width:100%; height:240px; object-fit:cover}
.video_list li .title{margin-top:5px; font-size:18px; line-height:30px; height:30px; text-overflow:ellipsis; white-space:nowrap}

.video_list li a:hover .title{font-weight:bold}
.video_list li a:hover .img:before{background-color:rgba(0,69,164,0.4)}
.video_list li a:hover .img:after{opacity:1}

/*视频详情*/
.bj_002250{background:#002250}
.video_1{background:#191919}
.video_1 .layout{padding:25px 0}
.video_h1{color:#fff; font-size:28px; line-height:38px; padding-bottom:10px}
.detail-share{font-size:14px; color:#757575; line-height:32px}
.detail-share a{color:#757575; font-size:20px; margin-right:10px; display:inline-block; width:32px; height:32px; text-align:center; position:relative; z-index:999}
.detail-share a:hover{color:#0042a2}
.video_show{overflow:hidden; position:relative; background:#2d2d2d;height:530px; margin:15px 0 30px 0}
.video_show_video{width:860px; float:left; height:530px; background:#000}
.video_show_video video{width:100%; height:530px}
.video_show_text{width:220px; float:right; padding-top:45px}
.video_show_text .title_h1{border-bottom:1px solid #26262b}
.video_show_text .title_h1 .t{display:inline-block; font-size:18px; color:#fff; line-height:20px; padding-bottom:10px; border-bottom:2px solid #0044a3; font-weight:bold}
.video_show_text .txt{font-size:14px; line-height:30px; color:#999999; padding:15px 0}

.video_2{background:#fff; padding:40px 0}
.video_l{float:left; width:755px}
.video_r{float:right; width:305px}

.video_l .title_h1{border-bottom:1px solid #d8d8d8; font-size:24px; line-height:35px; font-weight:bold; color:#484848; padding-bottom:5px}
.video_introduce{line-height:30px; font-size:16px; color:#484848; padding:20px 0}
.video_r .title_h1{border-left:5px solid #0045a4; height:35px; line-height:35px; padding-left:15px; line-height:35px; font-size:24px; font-weight:bold; color:#484848}
.video_relevant_list{padding:10px 0}
.video_relevant_list li{border-bottom:1px solid #d8d8d8; line-height:30px; font-size:18px; padding:10px 0}
@media screen and (max-width:750px){
	.nav_ul li{padding:0}
	.index_video{padding:20px 10px; overflow:hidden}
	.video-box{position:relative; padding:0}
	.video-box .index_title{position:relative; left:0; top:0; text-align:center}
	.video-box .index_title .t{font-size:26px; color:#333; width:auto; font-weight:bold; display:block}
	.video-box .index_title .t a{color:#333}
	.video-box .index_title .txt{font-size:14px; line-height:20px; color:#666; text-transform:uppercase; padding:0; display:block; position:relative; left:0; top:0; font-weight:bold;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg)}
	.video-box .vmore{position:relative; display:block; text-align:center; padding:10px 0; right:0; bottom:0; font-size:14px; line-height:10px;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg)}
	.video-box .vmore i{margin-left:5px}
	.video-box .vmore:before{display:none}

	
	
	.swiper-video{overflow:hidden; position:relative}
	.swiper-video .swiper-slide{cursor:pointer}
	.swiper-video img{width:100%}
	.swiper-video .ioc{position:absolute; width:54px; height:54px; margin-left:-28px; margin-top:-28px; background:url(../images/v.png) no-repeat center center; background-size:50%}
	.swiper-video .text{display:none}
	.swiper-video .button{position:absolute; width:100%; left:0; top:50%; margin-top:-0.5px; bottom:auto; top:50%; right:auto; padding:0; min-height:0; overflow:visible; border-left:0; z-index:3}
	.swiper-video .button .bnt{float:none; width:40px; height:40px; position:absolute; top:50%; margin-top:-20px}
	.swiper-video .button .swiper-prev{left:10px}
	.swiper-video .button .swiper-next{margin-left:0; right:10px}
	
	.video_pop_box{height:auto; width:90%; margin:50px auto; background:#fff; padding:10px; position:relative}
	.video_pop_box .close{right:0px; font-size:16px; line-height:30px; top:-30px}
	.video_pop_box .video_paly{height:300px; margin-bottom:10px}
	.video_pop_box .video_paly video{width:100%; height:300px}
	.video_pop_box .title{font-size:16px; line-height:25px; height:25px}
	.video_pop_box .txt{height:20px; line-height:20px; font-size:14px}
	
	
	/*视频列表*/
	.video_list{margin-left:0; padding:0 15px}
	.video_list li *{overflow:hidden}
	.video_list li{float:left; width:100%; padding-bottom:15px}
	.video_list li .box{margin-left:0}
	.video_list li a .title{font-weight:bold}
	.video_list li a .img:before{background-color:rgba(0,69,164,0.4)}
	.video_list li a .img:after{opacity:1}
	
	/*视频详情*/
	.video_1 .layout{padding:25px 0 0 0}
	.video_h1{font-size:22px; line-height:35px; padding-bottom:10px; padding:0 15px 10px 15px}
	.detail-share{ padding:0 15px}
	
	.video_show{overflow:hidden; position:relative; background:#2d2d2d;height:auto; margin:15px 0 0 0}
	.video_show_video{width:auto; float:none; height:350px}
	.video_show_video video{width:100%; height:350px}
	.video_show_text{width:auto; float:none; padding-top:25px; padding:25px 15px}
	
	.video_2{background:#fff; padding:20px 15px}
	.video_l,
	.video_r{float:none; width:auto}
	
	.video_l .title_h1{font-size:20px}
	.video_introduce{line-height:25px; font-size:14px; padding:20px 0}
	.video_r{padding-top:20px}
	.video_r .title_h1{ font-size:20px}
	.video_relevant_list{padding:10px 0}

}