﻿@import url(/uploads/css/ccss/common.css);
.cover{ background-repeat: no-repeat; background-size: cover; background-position: center;}


.ind_banner{ position: relative; z-index: 1; text-align:center;}
.ind_banner .wap{ display: none;}
.ind_banner a{ display: block; position: relative;}
.ind_banner .txt{ position: absolute; left: 0; width: 100%; top: 45%; transform: translatey(-50%); color: #fff; text-align: center;}
.ind_banner .txt .tit{ font-weight: normal; font-size: 48px; margin: 0; line-height: normal;}
.ind_banner .txt p{ margin: 0; font-size: 18px; letter-spacing: 3px;}
.ind_banner .slick-dots{ z-index: 120; bottom: 8%; font-size: 0;}
.ind_banner .slick-dots::before{ display: none;}
.ind_banner .slick-dots li{ width: 29px; height: 29px; border: 2px solid transparent; padding: 0; line-height: 27px; margin: 0 8px; border-radius: 100%;}
.ind_banner .slick-dots li button{ width: 17px; height: 17px; border: 2px solid #fff; background-color: transparent; display: inline-block; vertical-align: middle; margin: 0; padding: 0;}
.ind_banner .slick-dots .slick-active,
.ind_banner .slick-dots .slick-active button{ border-color: #6cc4f8;}
.ind_banner .slick-dots .slick-active button{ background-color: #6cc4f8; box-shadow: none;}
@media(max-width:1024px){
	.ind_banner .wap{ display: block;}
	.ind_banner .pc{ display: none;}
	.ind_banner .txt .tit{ font-size: 30px;}
	.ind_banner .txt p{ font-size: 16px;}
}
@media(max-width:768px){
	.ind_banner .txt .tit{ font-size: 24px;}
	.ind_banner .txt p{ font-size: 14px;}
}
@media(max-width:640px){
	.ind_banner .txt .tit{ font-size: 18px;}
	.ind_banner .slick-dots li{ width: 12px; height: 12px; line-height: 10px; border-width: 1px; margin: 0 3px; }
	.ind_banner .slick-dots li button{ width: 8px; height: 8px; border-width: 1px;}
}

.htit{ font-size: 36px; color: #333333; position: relative; line-height: 46px; margin-bottom: 30px;}
.htit .span2{ color: #666666;}
.hmore{ float: right; position: relative; padding-left: 20px;}
.hmore::before{ content: ''; position: absolute; right: 100%; width: 100px; height: 1px; top: 50%; background-color: #e4e4e4;}
.hmore i{ display: block; width: 23px; height: 23px; position: relative;}
.hmore i::before,
.hmore i::after{ content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #a0a0a0;}
.hmore i::before{ width: 1px; height: 100%;}
.hmore i::after{ width: 100%; height: 1px;}
.hmore a:hover i::before,
.hmore a:hover i::after{background-color: #6cc4f8;}
@media(max-width:1024px){
	.htit{ font-size: 28px;line-height: normal;}
	.hmore::before{ width: 60px;}
}
@media(max-width:768px){
	.htit{ font-size: 24px; }
	.hmore::before{ width: 40px;}
}
.hlist li{ margin-bottom: 12%;}
.hlist li:last-child{ margin-bottom: 0;}
.hlist li a{ position: relative; display: block; padding-left: 80px;}
.hlist time{ position: absolute; left: 0; top: 0; color: #999999; font-size: 12px; font-family: arial;}
.hlist time b{ display: block; font-size: 42px; color: #333333; line-height: normal;}
.hlist h3{ font-weight: normal; font-size: 18px; line-height: 24px; margin: 0 0 10px;}
.hlist p{ margin: 0; font-size: 14px; color: #999999;}
.hnews .hlist h3{line-height: 32px;}
@media(max-width:768px){
	.hlist li a{ padding-left: 60px;}
	.hlist time b{ font-size: 30px;}
	.hlist h3{ font-size: 16px; line-height: 22px; margin-bottom: 6px;}
}
@media(max-width:640px){
	.hlist li{ margin-bottom: 6%;}
}

.hnews{ background-color: #f4f7f8; padding-top: 4%;}
.hnews .left{ width: 64.61%; float: left;}
.hnews .left .pic{ float: left; width: 45.346%; overflow: hidden;}
.hnews .left .ul li{ float: left; width: 48%; padding-top: 5px; margin-bottom: 0; border-bottom: solid 1px #ddd}
.hnews .left .ul li:nth-child(odd){ margin-right: 4%;}
.hnews .left .ul li a{ padding-left: 0}
.hnews .left .ul li .date{ float: right; font-size: 14px;}
.hnews .left figure{ width: 100%; height: 210px; transition: all 0.5s;}
.hnews .left .pic:hover figure{ transform: scale(1.1);}

.hnews .box{float: left; width: 48%;margin-right: 4%;}
.hnews .box:nth-of-type(2n){margin-right: 0; float: left;}
.hnews .left .box .ul li{width: 100% !important;}
.hphoto{margin-top: 2%; background: linear-gradient(135deg, #4269c1, #1350b8 100%);position: relative;z-index: 20; }
.hphoto .htit{color: #fff;}
.hphoto .auto{padding: 2% 0;}
.hphoto .input-box{position: relative;}
.hphoto .input-box input{width: 100%; border: 0; line-height: 60px; height: 60px; padding-left: 15px;}
.hphoto .input-box .submit{width: 120px; height: 60px; background-image: url(/uploads/image/caimages/top_search.png); background-position: center center; background-repeat: no-repeat; position: absolute;right: 0; top: 0;  border: 2px solid #fff;}
.hphoto h2{ margin: 0; font-size: 16px; font-weight: normal; line-height: 60px; background-color: #fff;padding-left: 15px; color: #333; position: relative; cursor: pointer;}
.hphoto h2::before{content: ''; width: 10px; height: 10px; position: absolute;right: 15px; top: 20px; border-left:2px solid #333; border-top: 2px solid #333; transition: all .3s; transform: rotatez(225deg); }
.hphoto dl{position: absolute; width: 100%; top: 100%; line-height: 39px; background-color: #fff; box-shadow: 0 0 5px #eee; border-radius: 0 0 5px 5px; max-height: 200px; overflow-y: auto; display: none;}
.hphoto dl dd{padding-left: 15px; border-top: 1px solid #eee;}
.hphoto dl dd a{display: block;}
.hphoto h2.active::before{transform: rotatez(45deg);}
@media(max-width:768px){
	/* .hphoto .input-box{padding-right: 100px;} */
	.hphoto .input-box input{height: 50px; line-height: 50px;}	
	.hphoto .input-box .submit{width: 80px; height: 50px;}
	.hphoto h2{line-height: 50px;}
}

.hnews .right{ float: right; width: 29.298%;}
.hnews .right a{ display: block; position: relative; overflow: hidden;}
.hnews .right figure{ padding-top: 112.337%; transition: all 0.5s;}
.hnews .right a:hover figure{ transform: scale(1.1);}
.hnews .right p{ position: absolute; left: 0; bottom: 0; padding: 9% 1%; text-align: center; color: #fff; font-size: 20px; width: 100%; margin: 0;
	background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.6)));
	background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
	background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
	background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
}
@media(max-width:768px){
	.hnews .left figure{ height: auto; padding-top: 56%;}
	.hnews .hlist li:last-child{ margin-bottom: 10%;}
.hnews .left .ul li{ float: none; width: 100%;}
.hnews .left .ul li:nth-child(odd){ margin-right: 0;}
	.hnews .right{ padding-top: 5%;}
	.hnews .right p{ font-size: 16px;}
	.hnews .box{float: none; width: 100%;}
}
@media(max-width:640px){
	.hnews .left,
	.hnews .right,
	.hnews .left .pic,
	.hnews .left .ul{ width: 100%; float: none;}
	.hnews .left .pic{ margin-bottom: 8%; display: block;}
	.hnews .right{ margin-bottom: 10%;}
}

.hbox2 { padding: 5% 0;}
.hbox2 .item{ float: left; width: 29.298%; }
.hbox2 .item:nth-child(3n   2){ margin: 0 6%;}
.hbox2 .pic{ display: block; margin-bottom: 12%; overflow: hidden;}
.hbox2 .pic figure{ width: 100%; padding-top: 56%; transition: all 0.5s;}
.hbox2 .pic:hover figure{ transform: scale(1.1);}
@media(max-width:640px){
	.hbox2 .item{ width: 100%; float: none; margin-bottom: 10%;}
	.hbox2 .item:nth-child(3n 2){ margin-left: 0; margin-right: 0; margin-bottom: 10%;}
}

.habout{ position: relative; padding: 5% 0 0; color: #fff; background-color: #fff; margin-bottom: -1px;}
.habout::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 76%; background-color: #6ebbe9;}
.habout .auto{ position: relative; z-index: 2;}
.habout .htit,
.habout .htit .span2{ color: #fff;}
.habout .hmore i::before,
.habout .hmore i::after{ background-color: #fff;}
.habout .info{ line-height: 36px; margin-bottom: 5%;}
.hpiclist li{ position: relative;}
.hpiclist li img{ width: 100%;}
.hpiclist p{  position: absolute; left: 0; bottom: 0; padding: 7% 1%; text-align: center; font-size: 20px; width: 100%; margin: 0; color: #fff;
	background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.6)));
	background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
	background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
	background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
}
@media(max-width:640px){
	.hpiclist p{ font-size: 16px; padding: 0 0 40px;}
	.hpiclist .slick-dots:before {display: none;}
	.hpiclist .slick-dots li button {width: 10px; height: 10px;}
}


.footer{ padding-top: 5%; border-top: 1px solid #e5e5e5;}
.footer .logo{ width: 33%; padding-right: 2%;}
.footer nav li{ float: left; margin-right: 6.8%; font-size: 18px;}
.footer nav li:last-child{ margin-right: 0;}
.footer nav li::after{ content: ''; position: relative; display: block; width: 25px; height: 1px; background-color: #00b7ee; margin: 15px 0;}
.footer .other{ margin-top: 3%;}
.footer .other p{ margin: 0; color: #333; line-height: 32px;}
.footer .other p b{ font-weight: normal; color: #999999;}
.footer .icon{ vertical-align: bottom; text-align: right;}
.footer .icon li{ display: inline-block; margin-left: 20px; position: relative;}
.footer .icon li:first-child{ margin-left: 0;}
.footer .icon a{cursor: pointer; width: 40px; height: 40px; display: block; background: no-repeat center #dbdee4; border-radius: 100%; margin: 0; padding: 0;}
.footer .icon .shipinghao a{ background-image: url(/uploads/image/cimages/follow_sp.png); position: relative;}
.footer .icon .douying a{ background-image: url(/uploads/image/cimages/follow_douying.png);}
.footer .icon .bilibili a{ background-image: url(/uploads/image/cimages/follow_bilibili.png);}
.footer .icon .weibo a{ background-image: url(/uploads/image/cimages/follow_weibo.png);}
.footer .icon .qq a{ background-image: url(/uploads/image/cimages/follow_qq.png);}
.footer .icon a:hover{background-color: #004e98;}
.footer .icon .qtbox{position: absolute; width: 110px; height: 110px; left: 50%; top: -120px; background-color: #fff; transform: translatex(-50%); box-shadow: 0 0 5px 0 #eee; display: none;}
.footer .icon .qtbox::after{content: ''; width: 0; height: 0; border: 5px solid transparent; border-top-color:  #fff; position: absolute; left: 50%; transform: translatex(-50%); bottom: -10px;}
.footer .icon .qtbox img{position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; max-width: 90%; max-height: 90%;}

.footer .copyright{ margin-top: 4.5%; background-color: #004e98; color: #fff; overflow: hidden; padding: 25px 0; font-size: 14px;}
.footer .copyright a{ color: #fff; display: inline-block; }
.footer .caidan{ display: inline-block;}
.footer .caidan span::after{ content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 13px; background-color: rgba(125,172,216,.4); margin: 0 8px 0 10px;}
.footer .caidan span:last-child::after{ display: none;}
.footer .copyright p{ float: right; margin: 0;}

@media(max-width:1280px){
	.footer nav li{ margin-right: 5%;}
	.footer .icon{ width: 242px;}
}
@media(max-width:1024px){
	.footer nav li{ margin-right: 3%; font-size: 16px;}
	.footer .txt,
	.footer .icon{ display: block; width: 100%;}
	.footer .icon{ text-align: left; margin-top: 5%;}
}
@media(max-width:768px){
	.footer nav{ display: none;}
	.footer .content,
	.footer .logo{ display: block; width: 100%;}
   .footer .logo { padding-right: 0}
   .footer .logo img{ width: 250px;}
	.footer .icon{ text-align: center;}
}
@media(max-width:640px){
	.footer .txt p{ line-height: 22px; text-align: left;}
	.footer .icon{ text-align: center;}
	.footer .copyright{ text-align: center; padding: 10px 0;}
	.footer .copyright p{ float: none;}
}

.pages{ border-top: none; padding: 5% 0 7%;}

/* 部门概况 */
.dep_situation{ padding-bottom: 5%;}
.dep_situation .txt{line-height: 2.3; text-align: justify;}
.dep_situation .hpiclist{ margin: 4% 0 3%;}
.dep_situation .table_title{text-align: center; line-height: 140px;}
.dep_situation .worktable{text-align: center;}
.dep_situation table{width: 65.07%; margin-left: 18%; overflow: hidden;}
.dep_situation .position{color: #fff; background-color: #6ebbe9;}
.dep_situation table td{line-height: 60px; border: 1px solid #e9e9e9;}
@media(max-width: 847px){
  .dep_situation table{width: 100%; margin: 0;}
}
@media(max-width: 570px){
  .dep_situation table td{display: flex; justify-content: space-around;}
}

/* 招生快讯 */
.newslist .top{ position: relative; margin-bottom: 5%;}
.newslist .top .pic{ width: 50%;}
.newslist .top figure{ padding-top: 62.5%;}
.newslist .top .txt{ padding-left: 5%; line-height: normal;}
.newslist .top time{ width: 100px; text-align: center; display: block; background-color: #004e98; color: rgba(255,255,255,.6); line-height: normal; padding: 10px 0 14px;}
.newslist .top b{ display: block; font-size: 42px; color: #fff;}
.newslist .top h2{ margin: 5% 0 3%; line-height: 34px; font-size: 24px; font-weight: normal;}
.newslist .top p{ margin: 0; font-size: 14px; color: #999999; line-height: 24px;}
.newslist .top .more{ display: inline-block; margin-top: 9%; color: #004e98;}
.newslist .top .more i{ display: inline-block; font-style: normal; font-weight: bold; font-family: '宋体'; margin-left: 5px;}
.newslist .slick-dots{ width: 50%; right: 0; left: auto; bottom: 8%; z-index: 101; text-align: right;}
.newslist .slick-dots::before{ display: none;}
.newslist .slick-dots li{ height: auto; padding: 0 8px;}
.newslist .slick-dots li button{ width: 10px; height: 10px; border: 2px solid #cccccc;}
.newslist .slick-dots li.slick-active button{box-shadow: none; background-color: #6ebbe9; border-color: #6ebbe9;}

.news_part li{width: 31.25%; float: left; margin: 2% 3.1% 2% 0; transition: all 0.5s; padding-bottom: 1%;}
.news_part li:nth-child(3n){ margin-right: 0;}
.news_part li figure{ overflow: hidden;}
.news_part li figure i{ width: 100%; display: block; padding-top: 57.5%; transition: all 0.5s;}
.news_part li .txt{ padding: 5%; font-size: 14px;}
.news_part li .txt *{ line-height: normal; margin: 0;}
.news_part li .txt h2{ font-weight: normal; font-size: 18px; line-height: 26px; height: 48px;}
.news_part li .txt p{ margin: 5% 0 6%; height: 48px; color: #999999; line-height: 24px;}
.news_part li .txt time{ color: #999999;}
.news_part li .txt .more{ float: right; color: #004e98; font-size: 16px; opacity: 0;}
.news_part li .txt .more i{ display: inline-block; font-style: normal; font-weight: bold; font-family: '宋体'; margin-left: 5px;}
.news_part li:hover{ background-color: #f3f7f8;}
.news_part li:hover figure i{ transform: scale(1.1);}
.news_part li:hover .txt .more{ opacity: 1;}

@media(max-width: 768px){
	.newslist .top .ytable-cell{ display: block; width: 100%;}
	.newslist .top .pic{ margin-bottom: 3%;}
	.newslist .top h2{ margin: 3% 0 2%; font-size: 20px; line-height: 26px;}
	.newslist .top time b{ font-size: 30px;}
	.newslist .top .more{ margin-top: 3%;}
	.newslist .slick-dots{ position: relative; bottom: auto; width: 100%; text-align: center;}
}
@media(max-width: 640px){
	.newslist .top h2{font-size: 18px; }
	.newslist .top time{ width: 80px; padding: 5px 0;}
	.newslist .top time b{ font-size: 26px;}
	.news_part li{ width: 48%; margin: 2% 1%!important;}
	.news_part li .txt h2{ font-size: 16px;}
	.news_part li .txt time{ font-size: 12px;}
	.news_part li .txt .more{ font-size: 14px;}
}


/* 招生章程 */
.rules li{padding: 2% 0; border-bottom: 1px solid #ebeef0;}
.rules li a:hover .date{background-color: #2762a4; color: #fff;}
.rules li a:hover{cursor: pointer;}
.rules .date_box{width: 10%; float: left;}
.rules .date{width: 100px; height: 100px; background-color: #f4f7f8;}
.rules .date .day{font-size: 42px; text-align: center; height: 65%;}
.rules .date .ym{font-size: 12px; text-align: center; opacity: 0.5;}
.rules .content{width: 80%; float: left; padding: 0.5% 10% 0 3%;}
.rules .title{font-size: 18px;}
.rules .txt{font-size: 14px; color: #999;}
.rules .check{width: 10%; float: left; text-align: end; margin: 2.2% 0;color: #2762a4;}
.rules .check span{}
.rules .check i{ display: inline-block; vertical-align: middle; font-style: normal; font-family: "宋体"; font-weight: bold; margin-top: -2px; margin-left: 5px;}
@media(max-width: 960px){
  .rules .date{width: 80px; height: 80px;}
  .rules .date .day{font-size: 38px; height: 65%;}
  .rules .content{padding: 0 8% 0 3%;}
  .rules .check{margin: 3% 0;}
}
@media(max-width: 807px){
  .rules .content{width: 75%;padding: 0 3% 0 3%;}
  .rules .check{width: 15%;}
}
@media(max-width: 690px){
  .rules .date{width: 60px; height: 60px;}
  .rules .date .day{font-size: 32px; height: 65%; transform: translatey(-5px);}
  .rules .title{font-size: 16px;}
  .rules .txt{font-size: 12px;}
  .rules .check span{font-size: 14px;}
}
@media(max-width: 484px){
  .rules .date_box{width: 60px; padding: 8px 0;}
  .rules .content{width: auto; float: none; margin-left:70px; padding: 0;}
  .rules .check{width: 100%; margin: 0;}
}


/* 招生简章 */
.regulation{}
.regulation li{width: 31.25%; float: left; margin: 2% 3.1% 2% 0; transition: all 0.5s; border: 1px solid #ebebeb;}
.regulation li:nth-child(3n){ margin-right: 0;}
.regulation li a{ display: block; padding: 8% 10%;}
.regulation h2{font-size: 18px; font-weight: normal; line-height: 26px; margin: 0; height: 52px;}
.regulation p{font-size: 14px; color: #999; margin: 2% 0 5%; height: 50px; }
.regulation .other{ overflow: hidden;font-size: 14px;}
.regulation time{ color: #999;}
.regulation .more{ float: right; color: #004e98; float: right;}
.regulation li:hover{cursor: pointer; background-color: #004e98;}
.regulation li:hover *{color: #fff;}
.regulation li:hover p,
.regulation li:hover time{opacity: 0.6;}

@media(max-width: 640px){
	.regulation li{ width: 48%; margin: 2% 1%!important;}
	.regulation li a{ padding: 3% 5%;}
	.regulation li h2{ font-size: 16px;}
	.regulation .other{ font-size: 12px;}
}


.answerlist .con{ display: none;}
.answerlist .item{ margin-bottom: 1px;}
.answerlist .title{ position: relative; background-color: #f3f7f8; padding:1.5% 55px 1.5% 2.5%; font-size: 18px; color: #333333; cursor: pointer; line-height: normal;}
.answerlist .title i{ width: 12px; height: 12px; position: absolute; right: 27px; top: 50%; margin-top: -6px;}
.answerlist .title i::before,
.answerlist .title i::after{ content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #004e98; }
.answerlist .title i::before{ width: 100%; height: 2px;}
.answerlist .title i::after{ width: 2px; height: 100%;}
.answerlist .active{ background-color: #004e98; color: #fff;}
.answerlist .active i::before{ background-color: #fff;}
.answerlist .active i::after{ display: none;}
.answerlist .con{ padding: 2.5% 2.5% 5%; line-height: 36px; color: #666666;}
@media(max-width: 640px){
	.answerlist .title{ font-size: 16px; padding-top: 2.5%; padding-bottom: 2.5%;}
	.answerlist .con{ line-height: 28px;}
}


/* 政策法规 */
.policy{margin: 0 -2%;}
.policy li{width: 48%; margin: 1%; float: left; border: 1px solid #ebeef0;}
.policy li a{ padding: 5% 7%; display: block;}
.policy li:hover{background-color: #f4f7f8; cursor: pointer; border: 1px solid #f4f7f8;}
.policy li:hover .title{color: #004e98;}
.policy li:hover time{background-color: #004e98; color: #fff;}
.policy li:hover time b{ color: #fff;}
.policy time{width: 100px; padding: 10px 0; background-color: #f4f7f8; margin-top: 2%;font-size: 12px; display: block; text-align: center; color: #999999;}
.policy time b{font-size: 42px; text-align: center; line-height: normal; display: block; color: #333333;}
.policy .title{font-size: 18px; margin: 7% 0 2% 0; font-weight: normal; line-height: 26px; height: 52px;}
.policy .txt{font-size: 14px; color: #999; margin: 1% 0; line-height: 24px; height: 48px;}
@media(max-width: 620px){
	.policy{margin: 0;}
    .policy li{width: 98%;}
	.policy .title{ font-size: 16px;}
	.policy time{ width: 80px;}
	.policy time b{ font-size: 30px;}
}
.video_list ul{ margin-left: -2%;margin-right: -2%;}
.video_list li{ float: left; width: 50%; padding:2%; position: relative}
.video_list .pic{ position: relative; padding-bottom:56%; overflow: hidden; background: #1f354c}
.video_list .pic:before{ content: ''; z-index: 1; width: 100%; height: 100%; display: block; position: absolute; background: no-repeat center center; background-size: 9.5%}
.video_list .pic img{ opacity: 0.6; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 100%; transition: 0.5s}
.video_list .title{ font-size: 18px; padding:20px 0; margin: 0; text-align: center}

.video_files{ z-index: 220; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5)}
.video_files .video{ position: absolute; width: 96%; max-width: 800px; max-height: 90%;  top:50%; left: 50%; transform:translate(-50%,-50%); text-align:center;}
.video_files .close{ position: absolute; right: 2%; top: 2%; width: 46px; height: 46px; cursor: pointer;background: url(/uploads/image/cimages/xx.svg);z-index:5;}
.video_files video{max-width:100%;max-height:100%;}

@media(max-width: 640px){
.video_list ul{ margin-left: 0;margin-right: 0;}
.video_list li{ float: none; width: 100%; }
.video_list .title{ font-size: 16px; padding:10px 0;}
}
.font_list li{padding-right: 90px; position: relative;	line-height: 50px;border-bottom: 1px dotted #eee;}
.font_list li time{position: absolute; right: 0; line-height: 50px; top: 0; }