/*视频专题*/
.video-pic-bg{ padding:60px 0;background:#fff;border-bottom:solid 1px #ddd;}
.video-pic-box{ width:1200px;margin:0 auto;overflow: hidden;}

.zhuanti-nav{ text-align:center;margin-bottom:60px;}
.zhuanti-nav a{ margin:0 5px;font-size:24px;color:#666;display:inline-block;width:276px;height:64px;line-height:64px;text-align:center;border:solid 1px #ddd;}
.zhuanti-nav a.hover, .zhuanti-nav a:hover{ background:#ff3c3c;color:#fff;border:solid 1px #ff3c3c;}

.zhuanti-title{ height:50px;border-bottom:solid 2px #eee;margin-bottom:30px;}
.zhuanti-title:after{ content: "";display: block;height: 0;clear: both;visibility: hidden;}
.zhuanti-title h2{ float:left;font-size:28px;color:#222;border-bottom:solid 2px #3c5dc5;height:50px;}

.video-content{ Position: relative;overflow: hidden;}
.video-content .left-bg{ Position: relative;width:280px;height:297px;float:left;background:#3c5dc5;}
.video-content .left-head{ padding:30px;color:#fff;}
.video-content .left-head h2{ font-size:24px;line-height:34px;margin-bottom:10px;}
.video-content .left-head p{ font-size:14px;line-height:24px;}
.video-content .left-bg .more{ background: url(../image/more.svg) no-repeat center center;background-size:100% auto;display:block;Position: absolute;bottom:20px;left:26px;width:50px;height:36px;line-height:36px;text-align:center;text-indent: -9999em;}

.video-content .jidi-bg{ height:247px;/*background:#d7e3f4;*/}
.video-content .ani-video-bg{ height:504px;/*background:#ede7d1;*/}
.video-content .news-video-bg{ height:504px;/*background:#efe5de;*/}

/* .video-content .jidi-bg .left-head, .video-content .ani-video-bg .left-head, .video-content .news-video-bg .left-head{ padding:30px;color:#333;}
.video-content .jidi-bg .more, .video-content .ani-video-bg .more, .video-content .news-video-bg .more{ background: url(../images/more2.svg) no-repeat center center;background-size:100% auto;display:block;Position: absolute;bottom:20px;left:26px;width:50px;height:36px;line-height:36px;text-align:center;text-indent: -9999em;} */

.list-video-content{ overflow: hidden;width:902px;float:right;}
.list-video-content ul{ margin-top:-20px;margin-left:-10px;}
.list-video-content ul li{ width:50%;float:left;margin-top:20px;}
.list-video-content ul li .box{ margin-left:10px;}
.list-video-content ul li .img{ overflow: hidden;Position: relative;}
.list-video-content ul li .img img{ width:100%;height:297px;vertical-align:bottom;}
.list-video-content ul li .img p{ font-size:15px;Position: absolute;bottom:0;left:0;right:0;height:24px;line-height:24px;color:#fff;padding:20px 20px 6px 20px;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7));}
.list-video-content ul li .img span.play{ z-index:3;display:block;width:70px;height:70px;background:url(../image/play.png) no-repeat center center;background-size:100%;Position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.list-video-content ul li .box:hover .img span.play{ Opacity:0.8;}

/*单行滚动*/
.tab-video{ Position: relative;width:902px;float:right;}
.tab-video .bd{ overflow: hidden;}
.tab-video .bd ul{}
.tab-video .bd ul li{ width:294px;float:left;margin-right:10px;}
.tab-video .bd ul li .box{ border:solid 1px #ddd;}
.tab-video .bd ul li .img{ Position: relative;}
.tab-video .bd ul li .img img{ width:100%;height:195px;vertical-align:bottom;}
.tab-video .bd ul li .img span.play{ z-index:3;display:block;width:60px;height:60px;background:url(../image/play.png) no-repeat center center;background-size:100%;Position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.tab-video .bd ul li .box:hover .img span.play{ Opacity:0.8;}
.tab-video .bd ul li p{ height:50px;line-height:50px;font-size:15px;text-align:center;padding:0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tab-video .bd ul li .box:hover p{ color:#3c5dc5;}
.tab-video .hd{ position:absolute;left:-76px;bottom:26px;}
.tab-video .hd .pageState{ display:block;font-size:24px;line-height:26px;color:#333;}

.tab-video .prev{ display:inline-block;position:absolute; left:0; top:50%; margin-top:-32px;  width:30px; height:65px; background:url(../image/slide_btn.png) no-repeat left -100px; filter:alpha(opacity=0);opacity:0;}
.tab-video .next{ display:inline-block;position:absolute; right:0; top:50%; margin-top:-32px;  width:30px; height:65px; background:url(../image/slide_btn.png) no-repeat left -170px; filter:alpha(opacity=0);opacity:0; }
.tab-video:hover .prev, .tab-video:hover .next{ filter:alpha(opacity=100);opacity:1;  }
.tab-video .prevStop{ display:none; }
.tab-video .nextStop{ display:none; }

/*多行滚动*/
.tab-anli-video{ Position: relative;width:902px;float:right;}
.tab-anli-video .bd{ overflow: hidden;}
.tab-anli-video .bd ul{ width:294px;float:left;margin-right:10px;}
.tab-anli-video .bd ul li{ margin-bottom:10px;border:solid 1px #ddd;}
.tab-anli-video .bd ul li .img{ Position: relative;}
.tab-anli-video .bd ul li .img img{ width:100%;height:195px;vertical-align:bottom;}
.tab-anli-video .bd ul li .img span.play{ z-index:3;display:block;width:60px;height:60px;background:url(../image/play.png) no-repeat center center;background-size:100%;Position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.tab-anli-video .bd ul li .box:hover .img span.play{ Opacity:0.8;}
.tab-anli-video .bd ul li p{ height:50px;line-height:50px;font-size:15px;text-align:center;padding:0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tab-anli-video .bd ul li .box:hover p{ color:#3c5dc5;}
.tab-anli-video .hd{ position:absolute;left:-76px;bottom:26px;}
.tab-anli-video .hd .pageState{ display:block;font-size:24px;line-height:26px;color:#fff;}
.tab-anli-video .bd ul li:last-child{ margin-bottom:0;}
.tab-anli-video .prev{ display:inline-block;position:absolute; left:0; top:50%; margin-top:-32px;  width:30px; height:65px; background:url(../image/slide_btn.png) no-repeat left -100px; filter:alpha(opacity=0);opacity:0;}
.tab-anli-video .next{ display:inline-block;position:absolute; right:0; top:50%; margin-top:-32px;  width:30px; height:65px; background:url(../image/slide_btn.png) no-repeat left -170px; filter:alpha(opacity=0);opacity:0; }
.tab-anli-video:hover .prev, .tab-anli-video:hover .next{ filter:alpha(opacity=100);opacity:1;  }
.tab-anli-video .prevStop{ display:none; }
.tab-anli-video .nextStop{ display:none; }

/*多行固定*/
.list-anli-video{ overflow: hidden;width:902px;float:right;}
.list-anli-video ul{ margin-top:-10px;margin-left:-10px;}
.list-anli-video ul li{ width:33.33%;float:left;margin-top:10px;}
.list-anli-video ul li .box{ margin-left:10px;border:solid 1px #ddd;}
.list-anli-video ul li .img{ Position: relative;}
.list-anli-video ul li .img img{ width:100%;height:195px;vertical-align:bottom;}
.list-anli-video ul li .img span.play{ z-index:3;display:block;width:60px;height:60px;background:url(../image/play.png) no-repeat center center;background-size:100%;Position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.list-anli-video ul li .box:hover .img span.play{ Opacity:0.8;}
.list-anli-video ul li p{ height:50px;line-height:50px;font-size:15px;text-align:center;padding:0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-anli-video ul li .box:hover p{ color:#3c5dc5;}

/*视频列表*/
.list-videos{ overflow: hidden;width:1200px;margin:0 auto;}
.list-videos ul{ margin-top:-10px;margin-left:-10px;}
.list-videos ul li{ width:25%;float:left;margin-top:10px;}
.list-videos ul li .box{ margin-left:10px;border:solid 1px #ddd;}
.list-videos ul li .img{ Position: relative;}
.list-videos ul li .img img{ width:100%;height:194px;vertical-align:bottom;}
.list-videos ul li .img span.play{ z-index:3;display:block;width:60px;height:60px;background:url(../image/play.png) no-repeat center center;background-size:100%;Position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.list-videos ul li .box:hover .img span.play{ Opacity:0.8;}
.list-videos ul li p{ height:50px;line-height:50px;font-size:15px;text-align:center;padding:0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-videos ul li .box:hover p{ color:#3c5dc5;}

/*视频详情页*/
.view-video-bg{ background:#fff;border-top:solid 1px #eee;border-bottom:solid 1px #ddd;}
.view-video-box{ width:1200px;margin:0 auto;overflow: hidden;}

.news-now{ height:60px;line-height:60px;color:#999;}
.news-now a{ color:#999;}
.news-now a:hover{ color:#3c5dc5;}

.video-head{ overflow: hidden;}

.video-head .left-video{ width:900px;height:601px;float:left;Position: relative;z-index:9;overflow:hidden;}
.video-head .left-video ul{}
.video-head .left-video ul li{ Position: relative;}
.video-head .left-video ul li .video-img{ width:100%;Position: relative;}
.video-head .left-video ul li .video-img img{ width:100%;height:601px;}
.video-head .left-video ul li .video-img:after{ content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.4);}
.video-head .left-video ul li .play-this{ z-index:4;position:absolute;top:50%;margin-top:-30px;left:50%;margin-left:-30px;cursor: pointer;width:60px;height:60px;display:block;background: url(../image/play.png) no-repeat center center;background-size: 100%;}
.video-head .left-video ul li .play-this:hover{ Opacity:0.8;}
.video-head .left-video ul li .off{ display:none !important;}
.video-head .left-video ul li .on{ display:block !important;}
.video-head .left-video ul li .video-box{ display:none;position:absolute;top:0;left:0;bottom:0;right:0;}
.video-head .left-video ul li .video-box video{ object-fit:contain;background:#000;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;}

.video-head .right-about{ width:280px;float:right;overflow: hidden;}
.video-head .right-about ul{} 
.video-head .right-about ul li{ margin-bottom:20px;}
.video-head .right-about ul li .img{ Position: relative;}
.video-head .right-about ul li .img img{ width:100%;height:187px;vertical-align:bottom;}
.video-head .right-about ul li .img span.play{ z-index:3;display:block;width:50px;height:50px;background:url(../image/play.png) no-repeat center center;background-size:100%;Position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.video-head .right-about ul li .box:hover .img span.play{ Opacity:0.8;}
.video-head .right-about ul li .img p{ font-size:15px;Position: absolute;bottom:0;left:0;right:0;height:24px;line-height:24px;color:#fff;padding:20px 20px 6px 20px;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7));}
.video-head .right-about ul li:last-child{ margin-bottom:0;}

.video-title{ padding:20px 0;height:40px;line-height:40px;overflow: hidden;width:900px;}
.video-title h2{ font-size:24px;color:#222;font-weight:500;float:left;}
.video-title .video-info{ float:right;}
.video-title .video-info span{ display:block;float:left;margin-left:20px;color:#666;}

.video-sxp{ height:80px;line-height:80px;overflow: hidden;border-top:dashed 1px #ddd;}
.video-sxp p.prev{ color:#999;width:45%;float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.video-sxp p.next{ color:#999;width:45%;float:right;text-align:right;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.video-sxp a{ color:#999;}
.video-sxp a:hover{ color:#3c5dc5;}

.view-about-video{ padding:60px 0;background:#fff;}
.view-about-video-box{ width:1200px;margin:0 auto;}
.view-about-video h2.title3{ margin-bottom:20px;font-size:24px;}

/*图片轮播图*/
.left-slideBox{ overflow:hidden;position:relative;margin-bottom:20px;width:900px;float:left;}
.left-slideBox .hd{ overflow:hidden; position:absolute; width:100%; bottom:15px; z-index:1; }
.left-slideBox .hd ul{ overflow:hidden; zoom:1; margin:0 auto; width:100%;text-align:center; }
.left-slideBox .hd ul li{ border-radius:100%;display:inline-block; width:6px;height:6px;margin:0 5px; background:rgba(0,0,0,0.6);-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.left-slideBox .hd ul li.on{ background:#fff;}
.left-slideBox .bd{ position:relative; z-index:0;width: 100%;overflow: hidden}
.left-slideBox .bd li{ height:601px;width:900px;overflow:hidden;margin:0;position:relative; vertical-align:top;text-align:center;}
.left-slideBox .bd img{ width:100%;height:601px; }
.left-slideBox .prev{ display:inline-block;position:absolute; left:0px; top:50%; margin-top:-32px;  width:30px; height:65px; background:url(../image/slide_btn.png) no-repeat left -100px; filter:alpha(opacity=0);opacity:0;}
.left-slideBox .next{ display:inline-block;position:absolute; right:0px; top:50%; margin-top:-32px;  width:30px; height:65px; background:url(../image/slide_btn.png) no-repeat left -170px; filter:alpha(opacity=0);opacity:0; }
.left-slideBox:hover .prev,.left-slideBox:hover .next{ filter:alpha(opacity=100);opacity:1;  }
.left-slideBox .prevStop{ display:none; }
.left-slideBox .nextStop{ display:none; }