.pd-tb-1{padding: 70rem 0 50rem}
.mt-50{margin: 50rem 0}
.s7{padding: 80rem 0;background-color: #f7f7f7;}
.s7List{margin-top: 60rem}
.s7List li{position: relative;}
.s7List li img{width: 100%}
.s7List li .zz{position:absolute;top:-2em;right:2em;bottom:-2em;left:2em;width:auto;height:auto;border:1px solid #fff;content:'';opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1);display: flex;align-items:center;justify-content:center;}
.s7List li .zzcon{width: 55rem;height: 55rem;background-color: rgba(0,0,0,.4);text-align: center;line-height: 55rem;color: #fff}
.s7List li .zzcon i{font-size: 35rem}
.s7List li:hover .zz{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform:scale(1);transform:scale(1);}
.s7List .swiper-button-prev,.s7List .swiper-button-next{width: 45rem;height: 45rem;opacity: 0;background-size: 14rem;background-color: rgba(0, 0, 0, 0.2);border-radius: 50%;transition:all 0.3s ease-out;}
.s7List:hover .swiper-button-prev,.s7List:hover .swiper-button-next{opacity: 1}
.s7List{
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 15rem;/* 设置按钮大小 */
  }
.s7List .swiper-button-prev:hover{background-color: #fba055;}
.s7List .swiper-button-next:hover{background-color: #fba055}
/*课程设置*/
.navgation *{font-size: 15rem;color: #999999;vertical-align: middle;}
.navgation i{font-size: 24rem;margin-right: 8rem}
.courseList{font-size: 0}
.courseList li{display: inline-block;vertical-align: top;width: 23%;margin-left: calc(8% / 3);margin-bottom: 40rem}
.courseList li:nth-child(4n+1){margin-left: 0}
.courseList li a{display: block;width: 100%;height: 100%;overflow: hidden;}
.courseList li img{width: 100%}
.coursetypes{text-align: center;margin-bottom: 40rem}
.coursetypes li{display: inline-block;vertical-align: top;width: 150rem;height: 50rem;text-align: center;line-height: 50rem;border:1rem solid #666;font-size: 16rem;color: #666;margin: 0 4rem;}
.coursetypes li a{display: block;width: 100%;height: 100%;color: #666}
.coursetypes li:hover{background-color: #0a58ff}
.coursetypes li:hover a{color: #fff}
.coursetypes li.on{background-color: #0a58ff}
.coursetypes li.on a{color: #fff}
.showcon *{max-width: 100%}
/*作品展示*/
.workslist{font-size: 0}
.workslist li{display: inline-block;vertical-align: top;width: calc((100% - 40rem) / 3);margin-left: 20rem;margin-bottom: 20rem;position: relative;overflow: hidden;}
.workslist li:nth-child(3n+1){margin-left: 0}
.workslist li img{width: 100%;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.workslist li .zz{position: absolute;top: 15%;  left: -100%;  -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s; width:auto; height:auto;width: 100%;height: 100%;background-color: rgba(51,51,51,.4);display: flex;justify-content:center;align-items:center;color: #fff}
.workslist li .zz i{font-size: 35rem}
.workslist li:hover img{ -webkit-transform: scale(1.12);transform: scale(1.12);-webkit-transition-delay: 0;transition-delay: 0;}
.workslist li:hover .zz{top: 0%;left: 0;-webkit-transform: rotate(0deg); transform: rotate(0deg); }
/*新闻资讯*/
.allis{display: inline-block;vertical-align: top;width: 48%;margin-left: 4%;margin-bottom: 25rem}
.allis:nth-child(odd){margin-left: 0}
.typelis{width: 155rem;height: 45rem;background-color: #bb00fd;color: #fff;font-size: 15rem;text-align: center;line-height: 45rem;display: flex;align-items:center;justify-content:center;margin-bottom: 15rem}
.typelis span:first-child{width: 0;overflow: hidden;height: 1rem;background-color: #fff;transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;}
.typelis span:nth-child(2){margin: 0 5rem}
.typelis span:nth-child(3){width: 26rem;height: 1rem;background-color: #fff;transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;}
.typelis i:nth-child(4){margin-left: -6rem;margin-top: 2rem}
.typelis:hover span:first-child{width: 26rem}
.typelis:hover span:nth-child(3){width: 0}
.allis li{height: 50rem;line-height: 50rem;padding: 0 20rem;border-bottom: 1rem solid #eee;box-sizing:border-box;}
.allis li a{display: flex;align-items:center;justify-content:space-between;width: 100%;height: 100%;font-size: 13rem;color: #333}
.allis li a span:first-child{width: 70%;display: block;}
.allis li a span:nth-child(2){width: 25%;text-align: right;}
.allis1{display: block;width: 100%}
.allis1 ul{font-size: 0;margin-top: 30rem}
.allis1 li{display: inline-block;width: 49%;margin-left: 2%}
.allis1 li:nth-child(odd){margin-left: 0}
.allis1 li:hover{background-color: #f8f8f8}
.nshowcon{margin-top: 50rem}
.nstitle{font-size: 26rem;color: #333;text-align: center;}
.nsdate{text-align: center;font-size: 14rem;color: #666;margin: 20rem 0 40rem}
.nsdate span{display: inline-block;vertical-align: middle;margin: 0 15rem}
/*联系我们*/
.contact{font-size: 0}
.contact li{display: inline-block;vertical-align: top;width: calc((100% - 20rem) / 3);margin-left: 10rem;background-color: #f2f2f2;padding: 30rem 50rem;box-sizing:border-box;}
.contact li:first-child{margin-left: 0}
.contact li>div{position: relative;}
.contact li .code{position: absolute;width: 100rem;height: 100rem;right: 0;top: calc(50% - 50rem)}
.contact .icon img{width: 50rem}
.contact .txt1{font-size: 16rem;color: #000;margin: 20rem 0 5rem}
.contact .txt2{font-size: 16rem;color: #000}
.lxcx{margin: 40rem 0 30rem;width: 80%}
.lxcx_t{border-bottom: 1rem solid #0072da;font-size: 15rem;color: #979797}
.lxcx_t span{margin-right: 10rem;position: relative;line-height: 50rem;display: inline-block;}
.lxcx_t span i{margin-right: 5rem;font-size: 20rem}
.lxcx_t span.on{color: #0072da}
.lxcx_t span.on:after{content: "";position: absolute;width: 12rem;height: 7rem;background: url(../images/i10.jpg) no-repeat;background-size: 100% 100%;left: calc(50% - 6rem);bottom:-1rem}
.lxforms{position: relative;border:1rem solid #e2e2e2;border-top: none;}
.lxforms:before{content: "";position: absolute;width: 12rem;height: 12rem;border: 2rem solid #62c191;left: 17rem;top: calc(50% - 8rem);z-index: 3;border-radius: 12rem;}
.lxforms input{width: 100%;border:none;height: 50rem;outline: none;padding: 0 80rem 0 45rem;font-size: 16rem;color: #333;position: relative;}
.lxforms button{position: absolute;width: 51rem;height: 51rem;right: -1rem;top: 0;border: none;background-color: #0072da;outline: none;color: #fff}
/*在线报名*/
.gbook>p:first-child{text-align: center;font-size: 42rem;color: #222;}
.gbook>p:nth-child(2){text-align: center;font-size: 31rem;color: #222;margin: 10rem auto 40rem}
.gbook>ul{display: flex;justify-content:space-around;align-items:flex-start;}
.gbook>ul li img{width: 160rem;height: 160rem;display: block;margin: 0 auto}
.gbook>ul li p{font-size: 16rem;color: #000;margin-top: 25rem;text-align: center;}
.gbook .tips{font-size: 14rem;color: #d32c44;text-align: center;line-height: 2;margin: 45rem 0 80rem}
.gbook>p:nth-child(5){text-align: center;font-size: 37rem;color: #222222;}
.gbook>form{margin: 40rem 0 80rem;}



.inpts{display: flex;align-items:center;justify-content:flex-start;border:1rem solid #ccc;height: 50rem;border-radius: 8rem;overflow: hidden;line-height: 50rem;margin-bottom: 15rem}
.inpts.ons{border-color: #d32c44}
.inpts span{padding: 0 15rem;font-size: 16rem;color: #000000}
.inpts span label{color: #d32c44}

.inpts input{width: 80%;height: 50rem;border:none;outline: none;font-size: 14rem;color: #666}


.radiobox{display: flex;align-items:center;justify-content:flex-start;margin: 30rem 0}
.radiobox>span{padding: 0 15rem 0 0;font-size: 16rem;color: #000000}
.radiobox>span label{color: #d32c44}
.radiolis,.radios{display: flex;align-items:center;justify-content:flex-start;}
.radios{margin-left: 50rem;display: flex;justify-content: flex-start;align-items: center;flex-wrap: nowrap;cursor: pointer;position: relative;}

.radios input{display: none;}
.radios label{width: 100%;height: 100%;display: inline-block;position: relative;color: #999;padding-left: 30rem}
.radios label:after{content: "";/*必须设置*/display: inline-block;width: 18rem;height: 18rem;border: 1px solid #999;position: absolute;top: 0;left: 0;border-radius: 18rem;}
.radios label:before{content: "";/*必须设置*/display: inline-block;width: 8rem;height: 8rem;left: 5.8rem;top: 5.8rem;background-color: transparent;position: absolute;border-radius: 10rem;}
.radios input:checked+label:before{background-color: #1E88E5;}
.checkbox>span{padding: 0 15rem 0 0;font-size: 16rem;color: #000000}
.checkbox>span label{color: #d32c44}
.cradiolis{margin: 30rem 0;display: flex;flex-wrap:wrap;}
.chexkboxlis{margin-right: 40rem;margin-bottom: 20rem}
.chexkboxlis input{display: none;}
.chexkboxlis label{width: 100%;height: 100%;display: inline-block;position: relative;color: #999;padding-left: 30rem}
.chexkboxlis label:after{content: "";/*必须设置*/display: inline-block;width: 18rem;height: 18rem;border: 1px solid #999;position: absolute;top: 0;left: 0;border-radius: 4rem;}
.chexkboxlis input:checked+label:after{content: "\2714";border-color: #1E88E5;background-color: #1E88E5;color: #fff;font-size: 14rem;line-height: 18rem;text-align: center;}
.chexkboxlis>span{padding: 0 15rem;font-size: 16rem;color: #000000;}
.chexkboxlis>span label{color: #d32c44}
.formbtn{text-align: center;margin-top: 40rem}
.formbtn input{width: 590rem;height: 55rem;border-radius: 5rem;background-color: #1e88e5;color: #fff;font-size: 16rem;border:none;}
.gbook>p:nth-child(7){font-size: 14rem;color: #000;text-align: center;}




.job>p:first-child{text-align: center;color: #222;font-size: 37rem;font-weight: bold;}
.job>p:nth-child(2){font-size: 18rem;color: #666666;margin: 20rem 0 50rem;text-align: center;}
.jobList{font-size: 0}
.jobList li{display: inline-block;vertical-align: top;width: calc((100% - 20rem) / 3);margin-left: 10rem;margin-bottom: 10rem}
.jobList li:nth-child(3n+1){margin-left: 0}
.jobList li>div{padding: 45rem 40rem}
.jobList li>div p:first-child{font-weight: bold;font-size: 26rem;color: #fff}
.jobList li>div p:nth-child(2){font-size: 16rem;color: #fff;line-height: 2;margin: 20rem 0}





.fpage{text-align: center;margin-top: 70rem}
.fpage li{display: inline-block;vertical-align: middle;height: 35px;min-width: 35px;background-color: #f1f1f1;border-radius: 3px;line-height: 35px;box-sizing:border-box;margin: 0 6px}
.fpage li span,.fpage li a{display: block;padding: 0 14px;height: 35px;line-height: 35px;color: #444445;font-size: 16px}
.fpage li.active{background-color: #16337a;color: #fff}
.fpage li.active *{color: #fff!important}
@media only screen and (max-width: 982px) {
	.navgation *{font-size: 26rem;color: #999999;}
	.about_1 *{max-width: 100%}
	.courseList li{width: 48%;margin-left: 0}
	.courseList li:nth-child(odd){margin-right: 4%}
	.coursetypes{text-align: left;}
	.coursetypes li{width: 30%;margin:0;margin-left: 5%;box-sizing:border-box;height: 60rem;line-height: 60rem;font-size: 24rem;margin-bottom: 20rem}
	.coursetypes li:nth-child(3n+1){margin-left: 0}
	.workslist li{width: calc((100% - 20rem) / 2);}
	.workslist li:nth-child(3n+1){margin-left: 20rem}
	.workslist li:nth-child(odd){margin-left: 0}


	.allis{width: 100%;display: block;margin-left: 0}
  	.typelis{height: 60rem;line-height: 60rem;margin-bottom: 0;width: 180rem;font-size: 24rem}
  	.allis ul{background-color: #fff;padding-top: 20rem}
  	.allis li{height:  70rem;line-height: 70rem}
  	.allis li a{font-size: 24rem}
  	.allis1 li{display: block;width: 100%;margin: 0}
  	.nstitle{font-size: 28rem}
  	.nsdate{font-size: 24rem}



  	.contact li{display: block;width: 100%;margin-left: 0;margin-bottom: 20rem;padding: 30rem}

  	.contact li>div{display: flex;align-items:center;}
  	.contact .txt1{margin: 0 15rem 0 5rem;font-size: 24rem}
  	.contact .txt2{font-size: 24rem}
  	.lxcx{width: 100%}

  	.lxcx_t{font-size: 24rem}
  	.lxcx_t span i{font-size: 24rem}
  	.lxforms input{height: 70rem;font-size: 24rem;padding-right: 90rem}
  	.lxforms button{width: 70rem;height: 70rem}

  	.jobList li{display: block;width: 100%;margin-left: 0;margin-bottom: 20rem}
  	.job>p:first-child{font-size: 42rem}
  	.job>p:nth-child(2){font-size: 24rem}
  	.jobList li>div p:first-child{font-size: 30rem}
  	.jobList li>div p:nth-child(2){font-size: 22rem}
  	.gbook>ul li p{font-size: 24rem}
  	.gbook .tips{font-size: 24rem}
  	.inpts{height: 70rem;line-height: 70rem}
  	.inpts span{font-size: 22rem}
  	.inpts input{width: 70%;height: 70rem;font-size: 22rem}
  	.radiobox>span{font-size: 22rem}
  	.radios{font-size: 22rem}
  	.radios label{padding-left: 40rem}
  	.radios label:after{width: 22rem;height: 22rem;border-radius: 22rem;top:calc(50% - 11rem);}
  	.radios label:before{width: 10rem;height: 10rem;left: 8rem;top: 12rem}
  	.radiolis, .radios {flex-wrap:wrap;max-width: 70%}
  	.checkbox>span{font-size: 22rem}
  	.chexkboxlis{font-size: 22rem}
  	.chexkboxlis label:after{width: 22rem;height: 22rem;top: calc(50% -11rem)}
  	.formbtn input{width: 100%;height: 70rem;font-size: 26rem}
  	.gbook>p:nth-child(7){font-size: 22rem}
}