@charset "utf-8";


body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#666;line-height:1.5;font-family:'Microsoft YaHei',Arial,'simsun',HELVETICA;min-width:320px;}
a{color:#666;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#5cc2cf;}


/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.oh{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.container{position:relative;min-width:320px;width:100%;max-width:1372px;margin:0 auto;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}
.eps{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;}
.pd90{padding:100px 0;overflow:hidden;}
.pd11{padding:110px 0;overflow:hidden;}
.mb40{margin-bottom:40px;}
.font14{font-size:.875em;}
.gray{background:#f8f8f8;}


/* 电影学院 */
.collegeBan{position:relative;overflow:hidden;}
.collegeBan .pic{width:100%;}
.collegeBan .txt{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.collegeBan .btn{margin-top:90px;font-size:18px;}
.collegeBan .btn a{display:inline-block;width:160px;height:64px;line-height:62px;border:1px solid rgba(255,255,255,.5);text-align:center;border-radius:5px;color:#fff;margin-right:30px;}
.collegeBan .btn a:hover{background:#5cc2cf;border-color:#5cc2cf;color:#fff;}
.cTitle{font-size:2.25rem;color:#000;margin-bottom:40px;font-weight:700;}
.cTitle span{display:block;font-size:.5em;font-weight:400;opacity:.8;margin-top:5px;}

.team{font-size:.875em;}
/* .teamSlide{position: relative;}
.teamSlide::after{content:"";position: absolute;left:-100%;width:100%;background:#fff;height:100%;z-index:2;top:0;} */
.teamSlide li{float:left;width:25%;position:relative;}
.teamSlide li .pImg{padding-top:118%;margin-bottom:25px;background:#5cc2cf;}
.teamSlide li .info{position: absolute;top:0;left:0;width:100%;height:100%;color:#fff;padding:12% 12% 9% 12%;z-index:2;opacity:0;transition:all .5s;}
.teamSlide li h4{font-size:1.286em;color:#000;margin-bottom:5px;}
.teamSlide li p{color:#666;}
.teamSlide li:hover img{transform: scale(1.08);opacity:.1;}
.teamSlide li:hover .info{padding-top:9%; opacity:1;transition-delay:.15s;}
.swiperBtn{position: absolute;right:0;top:15px;background:none;font-family:"simsun";font-weight:700;font-size:32px;height:auto;width:auto;margin-top:0;line-height:1.2;transition:all .5s;}
.swiperBtn.swiper-button-prev{left:auto;right:30px;}
.swiperBtn:hover{color:#5cc2cf;}

.student{overflow:hidden;background:#f8f8f8;}
.studentMain li{float:left;width:25%;position:relative;}
.studentMain li .pImg{padding-top:118%;background:#5cc2cf;}
.studentMain li .pImg::after{content:"";position: absolute;left:0;top:0;width:100%;height:110%;background-image:linear-gradient(rgba(0,0,0,0) 80%, rgba(0,0,0,8));transition:all .5s;}
.studentMain li .info{position: absolute;top:0;left:0;width:100%;height:100%;color:#fff;padding:12% 12% 9% 12%;z-index:2;opacity:0;transition:all .5s;}
.studentMain li h4{font-size:1.286em;color:#fff;position: absolute;bottom:0;padding:6%;width:100%;transition:all .5s;}
.studentMain li:hover img{transform: scale(1.08);opacity:.1;}
.studentMain li:hover .info{padding-top:9%; opacity:1;transition-delay:.15s;}
.studentMain li:hover .pImg::after{opacity:0;}
.studentMain li:hover h4{opacity:0;bottom:-40px;}

.collegeBox3{overflow: visible;}
.collegeBox3 li{float:left;width:32.5%;background:#f8f8f8;padding:2%;height:146px;border-bottom:2px solid #e8e8e8;color:#333;margin-bottom:20px;position:relative;transition:all .5s;}
.collegeBox3 li:nth-child(3n-1){margin:0 1%;}
.collegeBox3 li::after{content:"";position: absolute;left:50%;bottom:-1px;background:#5cc2cf;width:0;height:2px;transition:all .5s;}
.collegeBox3 li:hover::after{width:100%;left:0;}
.collegeBox3 li:hover{background:#fff;box-shadow:0 0 8px #c9f3f8;color:#5cc2cf;}

/* 学员信息登记表 */
.attest{color:#333;}
.attest input{border:1px solid #dcdcdc;height:60px;line-height:60px;border-radius:5px;padding:0 20px;font-size:16px;opacity:.8;transition:all .3s;}
.attest .top input{width:49%;margin-bottom:20px;}
.attest .top input:nth-child(2n){float:right;}
.attest .top .last{width:100%;}
.attest input:hover{opacity:1;}
.attest li{margin-bottom:20px;}
.attest li input{width:100%;margin-top:15px;}
.attest input:hover{box-shadow:0 0 8px #c9f3f8;;border-color:#c9f3f8;}
.attest .sub{background:#5cc2cf;font-size:1.5em;width:330px;color:#fff;border-color: #5cc2cf;margin-top:20px;cursor:pointer;transition:all .5s;}
.attest .sub:hover{background:#319ba8;}
.attest .check{overflow:hidden;margin-bottom:40px;}
.attest p{color:#333;margin-bottom:12px;}
.attest .check input{float:left;width:18px;height:18px;margin-right:10px;margin-top:4px;background:none;}
.attest .check span{float:left;color:#8b8b8b;}
.attest .info{max-width:1020px;display: flex;justify-content: space-between;}
.attest .text input{width:100%;margin-bottom:20px;}
.attest .upload li{cursor:pointer;}



@media all and (max-width:1440px) {
  .team,.student,.container{padding-left:30px;padding-right:30px;}
  .student .container,.team .container{padding-left:0;padding-right:0;}
  .pd11{overflow: hidden;padding-top:70px;padding-bottom:70px;}
  .collegeBan h3{max-width:35%;}
  .collegeBan .btn{margin-top:60px;}
} 
@media all and (max-width:1260px) {

} 

@media all and (max-width:1024px) {
  .pd11{overflow: hidden;padding-top:40px;padding-bottom:40px;}
  body{font-size:.875rem;}
  .teamSlide{overflow:hidden;}
  .team,.student,.container{padding-left:15px;padding-right:15px;}
  .cTitle span{font-size:16px;}
  .collegeBan .btn a{height:50px;line-height:50px;font-size:15px;width:140px;margin-right:20px;}
  .collegeBan .btn{margin-top:30px;}
  .attest .check input{margin-top:1px;}
}

@media all and (max-width:768px) {
  .teamSlide li .pImg{margin-bottom:10px;}
  .cTitle{font-size:32px;margin-bottom:25px;}
  .swiperBtn{line-height:1;top:10px;}
  .cTitle span{font-size:14px;}
  .collegeBox3 li{width:49%;}
  .collegeBox3 li:nth-child(3n-1){margin:0;margin-bottom:20px;}
  .collegeBox3 li:nth-child(2n){float:right;}
  .collegeBan .btn{margin-top:20px;}
  .collegeBan .btn a{width:100px;font-size:13px;margin-right:10px;height:40px;line-height:40px;}
  .attest .check .info{flex-flow: row wrap;justify-content:flex-start}
  .attest .text input{margin-bottom:10px;}
  .attest .check{margin-bottom:20px;}

}
@media all and (max-width:640px) {
  .cTitle{font-size:24px;}
  .swiperBtn{top:5px;font-size:24px;}
  .studentMain li .pImg::after{height:100%;}
  .studentMain li h4{font-size:14px;}
  .studentMain li .info{padding:5%;}
  .cTitle span{font-size:12px;} 
  .collegeBox3 li{float:none !important;width:100%;height:auto;padding:15px;margin-bottom:10px !important;}
  .collegeBan .btn a{width:90px;}
  .attest .top input{width:100%;margin-bottom:10px;}
  .attest input{height:50px;line-height:50px;font-size:14px;}
  .attest li{margin-bottom:10px;}
  .attest li input{margin-top:5px;}
  .attest .check span{width:20%;margin-bottom:5px;}
}

@media all and (max-width:640px) {
  .collegeBan .btn a{width:80px;font-size:12px;height:34px;line-height:32px;}
}