@charset "UTF-8";
.pcbox {
  display: block;
}
.opuses-lists .swiper-lazy-preloader-white:after{
  display: none!important;
}
.recruitstudents-body .lb-nav a.lb-prev,.recruitstudents-body .lb-nav a.lb-next{
  /*display: none!important;*/
}
.lightbox .lb-image{
  max-width: 100%;
}
#bsPanel {
    position: fixed!important;
    left: 35px!important;
    bottom: 1.75rem!important;
    top: auto!important;
}

.tdrightfixed{
  position: fixed;
  width: 2.5rem;
  height: 2.5rem;
  right: .8rem;
  bottom: 4.5rem;
  display: none;
  z-index: 300;
}
.kefu{height: 48px;
    background-color: #000;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
	display:none;}
.kefu ul li{width: 50%;float: left;text-align: center;}
.kefu ul li a{ color:#fff;}
.kefu img{ width:20px;}
.tdrightfixed a{
  display: block;
}

.opuses-lists .mCSB_inside>.mCSB_container{
  margin-right: 0!important;
}
@keyframes xuanzhuan
{
      0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg);}
}
.opuses-lists .bot-jiazai .spans{
    animation:xuanzhuan 2s linear 1s infinite;
}

/**/
.search-dialog{
    position: absolute;
    right: 23.177%;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    z-index: 30;
}
.header-top .header-ibox.on{
  opacity: 0;
}
.search-dialog .search-close{
    position: absolute;
    width: .55rem;
    height: .575rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../img/i301.png');
    right: -2.2rem;
    top: 50%;
    margin-top: -.2875rem;
}
.search-dialog .search{
    width: 11.9rem;
    border: 1px solid #cac9c9;
    padding: .3rem .6rem;
    border-radius: 4px;
    background:#fff;
}
.search-dialog .search input[type=text]{
    float: left;
    width: 90%;
    height: .55rem;
    line-height: .55rem;
    font-size: .45rem;
    color: #cac9c9;
    background-color: transparent;
}
.search-dialog .search input[type=submit]{
	padding: 0;
    float: right;
    width: .55rem;
    height: .55rem;
    background-image: url('../img/search-btn.png');
    background-repeat: no-repeat;
    
    background-color: transparent;
    background-size: 100%;

}
/**/


.mbox {
  display: none;
}
.k0-04 .words{
  padding-top: 2.5rem;
}
.m-header{
  z-index: 400!important;
}
.honor-rybody{
  background:#000000;
}
.mgp-centertk-left{
  position: absolute;
  left: 100%;
  width: 100%;
  top: 0;
  display: none;
}
.mgp-centertk-right{
  cursor: pointer;
  max-width: 2.5rem;
}
.mgp-centertk{
  position: fixed;
  left: -100%;
  /*top: 50%;*/
  top: 130px;
  /*transform:translateY(-50%);*/
  z-index: 100;
  width: 2.25rem;
  transition:1s ease-in-out;
}
.mgp-centertk.cur{
  left: 71px;
  transition:1s ease-in-out;
}
.mgp-centertk .ilists{
  padding: 0 3px;
}
.mgp-centertk .ilists a{
  display: block;
  margin:0 auto;
  background:rgba(0,0,0,.85);
  padding: .2rem 0;
  transition:.5s ease-in-out;
}
.mgp-centertk .ilists a:hover{
  background:rgba(0,0,0,1);
  transition:.5s ease-in-out;
}
.mgp-centertk .ilists a img{
  display: block;
  margin:0 auto;
  width: 1.375rem;
}

.ilists a:nth-child(n+2){
  margin-top: 1px;
}


.mgp-bots,
.mgp-bbgs{
  /*height: 5rem;*/
  /*line-height: 5rem;*/
  height: 3rem;
  line-height: 3rem;
  opacity: 0;
}
.mgp-tkbox{
  position: fixed;
  left: 50%;
  top: 50%;
  transform:translate(-50%,-50%);
  z-index: 300;
  opacity: 0;
  transition:1s ease-in-out;
}
.mgp-tkbox.cur{
  transition:1s ease-in-out;
  opacity: 1;
}
.mgp-tk-top{
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0 .6rem;
  top: .375rem;
}
.mgp-tk-top .i0{
  width: 7.175rem;
}
.mgp-tk-top .i2,
.mgp-tk-top .i1{
  width: 8rem;
  position: absolute;
  right: 1rem;
}
.mgp-tk-top .i1{
  top: .375rem;
}
.mgp-tk-bot .li{
  width: 6.175rem;
}
.mgp-tk-bot a{
  display: block;
}
.mgp-tkbox .close{
  position: absolute;
  right: .6rem;
  top: .6rem;
  width: .75rem;
  cursor: pointer;
}
.mgp-tk-bot{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 1.75rem;
  padding-bottom: .9rem;
}
.mgp-bots{
  background:#000000;
  position: fixed;
  width: calc(100% - 70px);
  right: 0;
  bottom: -100%;
  opacity: 1;
  z-index: 50;
  padding: 0 2rem;
  transition:1s ease-in-out;
}
.mgp-bots.cur{
  bottom: 0;
  transition:1s ease-in-out;

}
.mgp-bots .mgp-right{
  font-size: 0;
}
.mgp-bots .mgp-right a{
  display: inline-block;
  vertical-align: middle;
  width: 5rem;
  max-height: 90%;
}
.mgp-bots .mgp-right a img{
  display: block;
  margin: 0 auto;
}
.mgp-bots .mgp-right a:nth-child(2){
  margin-left: .75rem;
}
.mgp-bots .mgp-left{
  font-size: 1rem;
  /*font-size: 1.425rem;*/
  width: calc(100% - 14rem);
  position: relative;
  padding-left: 8.7rem;
  color:#ffffff;
}
.mgp-bots .mgp-left .span{
  margin-left: 1rem;
  white-space: nowrap;
}
.mgp-bots .mgp-left img{
  max-width: 8.7rem;
  max-height: 80%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin:auto;
}


.honor-rybody footer{
  background:#fff;
}
.honor-ry{
  padding-top: 4rem;
  padding-bottom: 3.25rem;
  background:url(../img/honorbg.jpg) no-repeat center;
  background-size: cover;
}
.zly{
  position: relative;
}
.zly .ids{
  position: absolute;
  left: 0;
  top: -100px;
}
.ry-swiper{
  margin-top: 3rem;
}


.ry-swiper .swiper-slide{
	width: 28.57%;
}

.ry-swiper   .swiper-slide-duplicate{
	opacity: 0;
}
.ry-swiper .swiper-slide-duplicate-prev,
.ry-swiper .swiper-slide-duplicate-next,
.ry-swiper .swiper-slide-duplicate,
.ry-swiper .swiper-slide-prev,
.ry-swiper .swiper-slide-next,
.ry-swiper .swiper-slide-active,
.ry-swiper .swiper-slide-duplicate-active{
	opacity: 1;
}


/*.ry-swiper   .swiper-slide.swiper-slide-duplicate{
	opacity: 0;
}
.ry-swiper .swiper-slide-duplicate.swiper-slide-duplicate-prev,
.ry-swiper .swiper-slide-duplicate.swiper-slide-duplicate-next,
.ry-swiper .swiper-slide.swiper-slide-duplicate,
.ry-swiper .swiper-slide.swiper-slide-duplicate.swiper-slide-duplicate-active,
.ry-swiper .swiper-slide.swiper-slide-duplicate.swiper-slide-prev,
.ry-swiper .swiper-slide.swiper-slide-duplicate.swiper-slide-next,
.ry-swiper .swiper-slide.swiper-slide-duplicate.swiper-slide-active,
.ry-swiper.swiper-slide.swiper-slide-duplicate.swiper-slide-duplicate-active{
	opacity: 1;
}*/


.honor-ry .schooldetails-list{
  overflow: visible;
}
.zly-honor{
  font-size: 0;
}
.zly-honor .items{
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  width: 32%;
  margin-left: 2%;
  margin-bottom: 2%;
  overflow: hidden;
}
.zly-honor .items:hover img{
  transition:.5s ease-in-out;
  transform:scale3d(1.05,1.05,1);
}
.zly-honor .items img{
  transition:.5s ease-in-out;
}

.zly-honor .items:nth-child(3n+1){
  margin-left:0;
}

.ry-swiper .swiper-slide-active .span{
  opacity: 1;
}
.ry-swiper .span{
  width:100%;
  color:#fff;
  font-size: .7rem;
  line-height: 1rem;
  height: 2rem;
  overflow: hidden;
  text-align: center;
  opacity: 0;
}
.ry-swiper  .words{
  padding-top: 1.25rem;
  position: relative;

}
.ry-swiper .imgs{
  overflow: hidden;
  box-shadow: 0 0 50px 50px rgba(0,0,0,.3);
}
.ry-swiper img{
  width: 100%;
}
.pc768 {
  display: block;
}
.brdbox{
  position: relative;
}
.brdbox .brdlist{
  position: absolute;
  left: 0;
  top: -120px;
}
.w1510{
  width: 81%;
  max-width: 1510px;
  margin:0 auto;
}

.lightbox .lb-image,
.lb-outerContainer{
  width: 100%!important;
  height: 100%!important;
}
.lb-outerContainer{
  background:transparent!important;
}
.lb-container{
  height: 100%;
}

.lightbox .lb-image{
  width:auto!important;
  margin:0 auto;
  height: 100%!important;
}
.mitembox{
  margin-top: 25px;
}
.mitembox .i{
  transition:.5s ease-in-out;
  position: relative;
  border:2px solid transparent;
}
.mitembox .i.active{
  border-color:#fff;
  transition:.5s ease-in-out;
}
.mitembox .i img.i1{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin:auto;
  max-height: 100%;
  max-width: 100%;
}
.news-box .news-top{
  min-height: 12rem;
}
.welcome-our .items .words .li{
  height: auto!important;
}
.welcome-our .items .words .li:before{
/*  position: absolute;
  content:"";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background:rgba(0,0,0,.5);
  transition:.5s ease-in-out;*/
}
.contacts-box .lists .box {
  height: 100%;
  overflow: auto;
}
.work-detailsfixed{
  position: fixed;
  width: calc(100% - 70px);
  right: 0;
  bottom: 0;
  padding: .9rem 1rem;
  z-index: 215;
  background:rgba(0,0,0,.5);
}
.work-detailsfixed .itembox{
  background:#fff;
}
.work-detailsfixed .tit,
.work-detailsfixed .swipers{
  line-height: 2rem;
  height: 2rem;
}
.work-detailsfixed .swipers .swiper-slide{
  padding-left: .7rem;
  height: 100%;
  padding-right: 1.1rem;
}
.work-detailsfixed .swipers .items{
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  font-size: .4rem;
  color:#222222;
  padding-left: .5rem;
  height: 100%;
  transition:.5s ease-in-out;
}
.work-detailsfixed .swipers .items:hover{
  transition:.5s ease-in-out;
  color:#000;
}
.work-detailsfixed .swipers .items span{
  position: absolute;
  bottom: 0;
  top: 0;
  width: 100%;
  border-top: 1px dashed #dddddd;
  height: 1px;
  z-index: 0;
  margin: auto;

}
.work-detailsfixed .swipers .swiper-pagination {
  margin-right: .8rem;
  font-size: .4rem;
  color:#222222;
}
.work-detailsfixed .btns-active .swiper-button-prev{
  margin-right: .3rem;
}
.work-detailsfixed .btns-active .swiper-button-prev,.work-detailsfixed .btns-active .swiper-button-next{
    width: .5rem;
    height: .25rem;
}
.work-detailsfixed .swipers .items .time{
  width: 2.5rem;
  color:#999;
}
.work-detailsfixed .swipers .items .con{
  max-width: calc(100% - 2.5rem);
}
.work-detailsfixed .swipers .items .con,
.work-detailsfixed .swipers .items .time{
  position: relative;
  z-index: 2;
  background:#fff;
  height: 100%;
  overflow: hidden;
}
.work-detailsfixed .swipers .items:before{
  position: absolute;
  content:"";
  width: 5px;
  height: 5px;
  left:0;
  top: 0;
  bottom: 0;
  margin: auto;
  background:#1b1b1b;
}
.work-detailsfixed .swiper-container{
  width: calc(100% - 4.5rem);
  height: 100%;

}
.work-detailsfixed .swiper-button-next,
.work-detailsfixed .swiper-button-prev,
.work-detailsfixed .swiper-pagination{
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
  position: static;
  margin:0;
  padding:0;
  width: auto;
}
.work-detailsfixed .buts{
  width: 4.5rem;
}
.work-detailsfixed .tit{
  font-size: .45rem;
  font-weight: bold;
  color:#fff;
  background:#000;
  text-align: center;
  width: 3.75rem;

}
.work-detailsfixed .swipers{
  width: calc(100% - 3.75rem);
}

.school-work-fixed{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background:rgba(0,0,0,.6);
  display: none;
  z-index: 410;
}
.school-imagesswiper .swiper-container:before,.school-imagesswiper .swiper-container:after{
  position: absolute;
  width: 30%;
  height: 100%;
  content:"";
  top: 0;
  z-index: 3;
}
.school-imagesswiper .swiper-container:before{
  left: 0;
}
.school-imagesswiper .swiper-container:after{
  right: 0;
}


.school-work-fixed .school-works-box{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 70%;
  height: 70%;
  transform:translate(-50%,-50%);
}
.school-work-fixed .closeboxs{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 38px;
    right: 2.6%;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: url(../img/i301.png) no-repeat center;
    background-size: 100%;
}
.school-work-fixed .school-works-box .items,
.school-work-fixed .school-works-box .img,
.school-work-fixed .school-works-box .swiper-wrapper,
.school-work-fixed .school-works-box .swiper-container,
.school-work-fixed .school-works-box .swiper-slide{
  height: 100%;
}
.school-work-fixed .school-works-box img{
  /*max-height: 100%;*/
  width: auto;
  display: block;
  margin: 0 auto;

}

.school-work-fixed .school-works-box .bsgs{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-height: 100%;
  min-height: 90%;
}

.nlist{
  font-size: 0;
  margin-top: 15px;

}
.nlist .i{
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  width: 22%;
  overflow: hidden;
  margin-left: 4%;
}
.nlist .i:nth-child(4n+1){
  margin-left:0;
}
.welcome-our .items .words .li img{
  /*  filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
*/}





.m768 {
  display: none;
}
.heights{
  height: 100px;
}

.pd50 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.wow{
  visibility: visible\9!important;
}

.tc {
  text-align: center;
}
.welcome-our .time .tit{
  color: #333;
}
.welcome-our .times .i0 .i01{
  font-size: 70%;
  margin-top: 10px;
}
.welcome-our .time .tit .tit1{
  font-size: 70%;
  text-align: left;
  margin-top: 10px;
}
.welcome-about .imgsbox{
  width: 10rem;
  height: 12.5rem;
  position: absolute;
  right: 3.5rem;
  top: 4.95rem;
  overflow: hidden;
}
.videoboxs{
  position: relative;
}
.enquirybox-inputbox{
  padding-bottom: 1.25rem;
}

.enquirybox-inputbox .items input::-webkit-input-placeholder {
  color: #333333;
}

.enquirybox-inputbox .items input::-moz-placeholder {
  color: #333333;
}

.enquirybox-inputbox .items input:-moz-placeholder {
  color: #333333;
}

.enquirybox-inputbox .items input:-ms-input-placeholder {
  color: #333333;
}

.enquirybox-inputbox .itemsbox1 .items.on{
  width: 35%;
}
.enquirybox-inputbox .itemsbox{
  font-size: 0;
}
.enquirybox-inputbox .itemsbox2{
  margin-top: 1rem;
}
.enquirybox-inputbox .itemsbox1 .items{
  width: 28%;
  margin-left: 4.5%;
}
.enquirybox-inputbox .itemsbox2 .items{
  width: 48%;
  margin-left: 4%;
}
.enquirybox-inputbox .itemsbox .items:nth-child(1){
  margin-left: 0;
}
.enquirybox-inputbox .items{
  display: inline-block;
  vertical-align: middle;
  font-size: .4rem;
  color:#333333;
  overflow: hidden;
}
.enquirybox-inputbox .items{
  height: 1.5rem;
  line-height: 1.5rem;
}
.enquirybox-inputbox .items input{
  width: 100%;
  height: 1.5rem;
  padding-left: .5rem;
  background:#f7f7f7;
}
.enquirybox-inputbox .items .input{
  width: calc(100% - 2.25rem);
}
.enquirybox-inputbox .items .span{
  width: 2.25rem;
}
.enquirybox-inputbox .items .input,
.enquirybox-inputbox .items .span{
  float: left;
}


.welcome-about .imgsbox img{
  transition:.5s ease-in-out;
}



/*icon瀛椾綋*/
@font-face {
  font-family: 'icon/iconfont';
  src: url("icon/iconfont.eot");
  src: url("icon/iconfont.eot?#iefix") format("embedded-opentype"), url("icon/iconfont.woff2") format("woff2"), url("icon/iconfont.woff") format("woff"), url("icon/iconfont.ttf") format("truetype"), url("icon/iconfont.svg#iconfont") format("svg");
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*pagination */
.pagination {
  font-size: 0;
  text-align: center;
}
.pagination a {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #666666;
  font-family: Arial;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  text-align: center;
  margin: 0 3px;
  transition: .5s ease-in-out;
}


.pagination .prev, .pagination .next {
  position: relative;
  font-family: "iconfont" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pagination .prev:before {
  content: "\e608";
}
.pagination .next:before {
  content: "\e671";
}

.ttop {
  position: fixed;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  background: #333333;
  border-radius: 50%;
  right: 1.25rem;
  bottom: 2.25rem;
  display: none;
  cursor: pointer;
  z-index: 500;
}
.ttop:hover {
  background: #260b70;
}

/*鏂伴椈璇︽儏*/
.news-details-bot {
  margin-top: 1.5rem;
}
.news-details-bot a {
  display: block;
  color: #666;
}
.news-details-bot .left-prev a {
  font-size: 15px;
  line-height: 25px;
  transition: .5s ease-in-out;
  height: 25px;
  overflow: hidden;
}
.news-details-bot .left-prev a:hover {
  color: #260b70;
  transition: .5s ease-in-out;
}
.news-details-bot .back {
  font-size: 14px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 48px;
  transition: .5s ease-in-out;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #eaeaea;
  position: relative;
  font-family: "iconfont" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #343434;
}
.news-details-bot .back:before {
  content: "\e625";
}
.news-details-bot .back:hover {
  background: #260b70;
  color: #fff;
  transition: .5s ease-in-out;
}
.news-details-bot .left-prev {
  width: calc(100% - 230px);
}

.search-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: #f5f5f5;
  display: none;
  z-index: 20;
}

.search-alert {
  position: fixed;
  background-color: #222;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 412;
}

.search-alert input::-webkit-input-placeholder {
  color: #fff !important;
}

.search-alert input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff !important;
}

.search-alert input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff !important;
}

.search-alert input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff !important;
}

.search-alert .cent-form {
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  -ms-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all .5s;
  transition: all .5s;
}

.search-alert .close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 38px;
  right: 2.6%;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background: url(../img/i301.png) no-repeat center;
  background-size: 100%;
}

.search-alert .cent-form:before {
  color: #fff;
  font-size: 30px;
  position: absolute;
  left: 0;
  height: 17px;
  width: 17px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/ico01.png) no-repeat center;
  background-size: 95%;
  content: "";
}

.search-alert .close:before {
  font-size: 30px;
  top: 0;
  left: 0;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.search-alert .cent-form {
  position: absolute;
  width: 94.8%;
  left: 2.6%;
  top: 50%;
  height: 80px;
  margin-top: -63px;
  border-bottom: 1px solid #515151;
}

.search-alert .cent-form:before {
  color: #fff;
  font-size: 30px;
  position: absolute;
  left: 0;
  height: 50px;
  top: 50%;
  margin-top: -35px;
}

.search-alert .cent-form .tex {
  border: none;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  width: 100%;
  color: #f3b907;
  background: none;
  padding-left: 80px;
  padding-right: 140px;
  text-align: left;
}

.search-alert .cent-form .sub-butn {
  border: none;
  height: 60px;
  font-size: 32px;
  line-height: 60px;
  color: #fff;
  text-align: right;
  background: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 140px;
  text-align: center;
}

.search-alert {
  -webkit-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: -webkit-transform .3s .5s;
  transition: transform .3s .5s;
}

.search-alert.active {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
}

.search-alert.active .cent-form {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all .5s .3s;
  transition: all .5s .3s;
}

.news-detailsbox {
  font-size: 18px;
  line-height: 2;
  padding-top: 2.125rem;
  padding-bottom: 2.5rem;
}
.news-detailsbox .detailsbox-tit {
  text-align: center;
  font-size: 0;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid #e3e3e3;
}
.news-detailsbox .detailsbox-tit .tit {
  width: 690px;
  font-size: .75rem;
  margin: 0 auto;
  line-height: 1.125rem;
  color: #000000;
}
.news-detailsbox .detailsbox-tit .time {
  font-size: 14px;
  line-height: 1;
  position: relative;
  padding-left: 28px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 0.4rem;
}
.news-detailsbox .detailsbox-tit .time:after {
  width: 16px;
  height: 16px;
  content: "";
  background: url(../img/a1.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.news-detailsbox .detailsbox-center {
  padding-top: 1.125rem;
  padding-bottom: 1.625rem;
  border-bottom: 1px solid #e3e3e3;
}
.news-detailsbox .detailsbox-center .span {
  text-align: center;
  font-size: 16px;
  color: #666666;
  text-transform: uppercase;
}
.news-detailsbox .dc-right {
  position: relative;
}
.news-detailsbox .dc-right .rf {
  padding: 1.25rem 0.925rem 1.5rem 1.125rem;
  width: 375px;
  position: absolute;
  right: 0;
  top: 2rem;
  background: #fff;
}
.news-detailsbox .dc-right .itbox {
  padding-top: 0.75rem;
  border-top: 1px solid #ececec;
  margin-top: 0.625rem;
}
.news-detailsbox .dc-right .tit {
  font-size: 24px;
  line-height: 1;
  color: #000000;
}
.news-detailsbox .dc-right .li {
  font-size: 16px;
  color: #666666;
  line-height: 24px;
  transition: .5s ease-in-out;
  padding-left: 30px;
  position: relative;
  display: block;
}
.news-detailsbox .dc-right .li:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background: #cccccc;
  border-radius: 50%;
  left: 0;
  top: 10px;
  transition: .5s ease-in-out;
}
.news-detailsbox .dc-right .li:hover {
  transition: .5s ease-in-out;
}
.news-detailsbox .dc-right .li:hover:before {
  background: #260b70;
  transition: .5s ease-in-out;
}
.news-detailsbox .dc-right .li:nth-child(n+2) {
  margin-top: 0.375rem;
}
.news-detailsbox .dc-left {
  width: 950px;
}

.scr-bar {
  overflow-y: auto;
}
.scr-bar::-webkit-scrollbar {
  width: 4px;
}
.scr-bar::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.scr-bar::-webkit-scrollbar-thumb {
  background-color: #88bd7a;
}
.scr-bar::-webkit-scrollbar-thumb:window-inactive {
  background-color: #88bd7a;
}
.scr-bar::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #88bd7a;
}

input, select, textarea {
  border: none;
  outline: none;
  background: none;
}

select {
  -webkit-appearance: none;
  background: url(../img/a5.png) no-repeat 90%;
}

textarea {
  resize: none;
}

.fa {
  background: #fafafa;
}
.welcome-body .banner .videoboxs:before{
  pointer-events:none;
}

@media screen and (max-width: 1023px) {



  .contacts-box .lists .words{
    position: relative;
  }
  .pcbox {
    display: none;
  }

  .mbox {
    display: block;
  }
}
.detailsfixed-bg{
  height: 3.8rem;
}


	.school-work-fixed .school-works-box img.bsg{
		height: 650px;
	}



@media screen and (max-width: 767px) {

  .search-dialog {
      position: absolute;
      right: 0;
      left: 0;
      margin: auto;
      width: 80%;
  }
  .search-dialog .search{
      width: 75%;
      padding: .1rem .2rem;
  }
  .search-dialog .search input[type=text]{
      width: 80%;
      height: .4rem;
      line-height: .4rem;
      font-size: .24rem;
  }
  .search-dialog .search input[type=submit]{
      width: .3rem;
        height: .3rem;
        margin-top: .05rem;
  }
  .search-dialog .search-close{
      width: .3rem;
      height: .32rem;
      right: 0;
      margin-top: -.16rem;
  }



  .mgp-mbots{
    height: 1rem;
    line-height: 1rem;
    font-size: 0;
    background:#000000;
    position: fixed;
    width: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 300;
  }
  .mgp-mbots  .imgs{
    width: .4rem;
    height: .4rem;
    margin:0 auto;
    margin-bottom: .05rem;

  }
  .mgp-mbots .li{
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    width: 50%;
    text-align: center;
    font-size: .2rem;
    color:#fff;
  }
  .opuses-lists .opuses-swiperbox{
    width: 75%;
    margin:0 auto;
  }
  .school-work-fixed .school-works-box .bsgs{
    width: 100%;
    height: auto;
    max-height: none;
    min-height: auto;
  }
	.school-work-fixed .school-works-box img{
		max-height: 100%;
	}

	.school-work-fixed .school-works-box img.bsg{
		/*height: 8rem;*/
    height: 100%;
	}

  .search-alert .cent-form:before{
    margin-top: 0;
  }
  .contacts-box .lists .box{
    height: auto;
    overflow: hidden;
  }
  .nlist{
    margin-top: .2rem;
  }
  .detailsfixed-bg{
    height: 1.52rem;
  }

  .welcome-our .times .i0 .i01,
  .welcome-our .time .tit .tit1{
    margin-top: 5px;
    font-size: .2rem;
	line-height:24px;
  }
/**/
  .work-detailsfixed .tit,
  .work-detailsfixed .swipers{
    line-height: .8rem;
    height: .8rem;
  }
  .work-detailsfixed .swipers .swiper-slide{
    padding-left: .15rem;
    padding-right: .2rem;
  }
  .work-detailsfixed .swipers .items{
    font-size: .2rem;
    padding-left: .2rem;
  }


  .work-detailsfixed .swipers .swiper-pagination {
    margin-right: .5rem;
    font-size: .24rem;
    display: none;
  }
  .work-detailsfixed .btns-active .swiper-button-prev{
    margin-right: .24rem;
  }
  .work-detailsfixed .btns-active .swiper-button-prev,.work-detailsfixed .btns-active .swiper-button-next{
      width: .2rem;
      height: .1rem;
      display: inline-block;

  }
  .work-detailsfixed .swipers .items .time{
    width: 1.5rem;
  }
  .work-detailsfixed .swipers .items .con{
    max-width: calc(100% - 1.8rem);
  }

  .work-detailsfixed .swipers .items:before{
    width: .05rem;
    height: .05rem;
  }
  .work-detailsfixed .swiper-container{
    width: calc(100% - 1rem);
  }

  .work-detailsfixed .buts{
    width:1rem;
  }
  .work-detailsfixed .tit{
    font-size: .22rem;
    width: 1.5rem;

  }
  .work-detailsfixed .swipers{
    width: calc(100% - 1.5rem);
  }
  .work-detailsfixed{
    padding: .36rem .4rem;
  }
  .work-detailsfixed .swipers .items .time{
    font-size: .2rem;
  }



/**/



  .welcome-news .lists .time{
    margin-bottom: .2rem;
  }

  .welcome-about .wen .after, .welcome-about .wen .before{
    width: .2rem;
    height: .2rem;
  }
  .pc768 {
    display: none;
  }

  .m768 {
    display: block;
  }

  .pagination a {
    font-size: .2rem;
    line-height: .6rem;
    height: .6rem;
    width: .6rem;
    margin: 0 .05rem;
  }

  .pd50 {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }

  .search-alert .cent-form .tex {
    font-size: 14px;
    height: .8rem;
    line-height: .8rem;
    padding-left: .6rem;
    padding-right: 1.4rem;
  }

  .search-alert .cent-form {
    height: .9rem;
    margin-top: -.65rem;
  }

  .search-alert .cent-form .sub-butn {
    height: .6rem;
    font-size: .32rem;
    line-height: .6rem;
    width: 1.4rem;
  }
}
@font-face {
  font-family: 'cli';
  src: url("font/CANELA-LIGHT.eot");
  src: url("font/CANELA-LIGHT.eot") format("embedded-opentype"), url("font/CANELA-LIGHT.woff") format("woff"), url("font/CANELA-LIGHT.ttf") format("truetype"), url("font/CANELA-LIGHT.svg#CANELA-LIGHT") format("svg");
}
@font-face {
  font-family: 'cre';
  src: url("font/CANELA-REGULAR.eot");
  src: url("font/CANELA-REGULAR.eot") format("embedded-opentype"), url("font/CANELA-REGULAR.woff") format("woff"), url("font/CANELA-REGULAR.ttf") format("truetype"), url("font/CANELA-REGULAR.svg#CANELA-REGULAR") format("svg");
}
@font-face {
  font-family: 'hct';
  src: url("font/HINTED-CANELA-THIN_0.eot");
  src: url("font/HINTED-CANELA-THIN_0.eot") format("embedded-opentype"), url("font/HINTED-CANELA-THIN_0.woff") format("woff"), url("font/HINTED-CANELA-THIN_0.ttf") format("truetype"), url("font/HINTED-CANELA-THIN_0.svg#HINTED-CANELA-THIN_0") format("svg");
}
.welcome-body .wel-banner .images {
  height: 27rem;
  max-height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.cli {
  font-family: "cli";
}

.ft16 {
  font-size: .4rem;
}

.context16 {
  font-size: .4rem;
  line-height: .6rem;
}

.ft60 {
  font-size: 1.5rem;
}

.ft36 {
  font-size: .9rem;
}

.swiper-button-disabled {
  /*display: none!important;*/
  opacity: 0.3 !important;
}

.school-images .videoactive .items {
  height: 12rem;
}

.w1400 {
  width: 1400px;
  margin: 0 auto;
  max-width: 85%;
}

.secwen {
  opacity: 0;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  transition: opacity 0.8s linear 0.1s, -webkit-filter 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.6s, -webkit-transform 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.8s linear 0.1s, filter 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.6s, transform 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.8s linear 0.1s, filter 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.6s, transform 1.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-filter 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.6s, -webkit-transform 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.secwen.animate {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.secwen.atop {
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
}

.secwen.atop.animate {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.secwen.aleft {
  -webkit-transform: translateX(-20%);
  transform: translateX(-20%);
}

.secwen.aleft.animate {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.secwen.aright {
  -webkit-transform: translateX(20%);
  transform: translateX(20%);
}

.secwen.aright.animate {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.animate.add1 {
  transition-delay: .1s;
}

.animate.add2 {
  transition-delay: .2s;
}

.animate.add3 {
  transition-delay: .3s;
}

.animate.add4 {
  transition-delay: .4s;
}

.animate.add5 {
  transition-delay: .5s;
}

.animate.add6 {
  transition-delay: .6s;
}

.animate.add7 {
  transition-delay: .7s;
}

.animate.add8 {
  transition-delay: .8s;
}

.animate.add9 {
  transition-delay: .9s;
}

.animate.add10 {
  transition-delay: 1.0s;
}

.animate.add11 {
  transition-delay: 1.1s;
}

.pcbox {
  display: block;
}

.mbox {
  display: none;
}

header {
  z-index: 30;
}

.header-topbox {
  position: relative;
  z-index: 2;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.header-top {
  height: 100px;
  line-height: 100px;
  color: #fff;
}
.header-top .header-ibox {
  font-size: 0;
  padding-top: 15px;
  transition:.7s ease-in-out;
}
.header-top .header-i {
  font-size: 0.325rem;
  display: inline-block;
  line-height: 85px;
  vertical-align: middle;
}
.header-top .search {
  padding-left: 0.875rem;
  position: relative;
  margin-left: 1rem;
}
.header-top .search:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 15px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #878b90;
}
.header-top .search span {
  width: 18px;
  height: 18px;
  background: url(../img/img/search.png) no-repeat center;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.header-top .text {
  font-size: .35rem;
  margin-left: .25rem;
}

.svgbox .svgs svg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.forie {
  width: 100%;
  height: 100%;
  background: #eaeaea url(../img/jpg/tishi.png) center no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
}

.svgbox .svg {
  stroke-width: 1;
  r: calc(50% - .5px);
}

.svgbox {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}

.svgbox .circle {
  opacity: 0;
  transition: .5s ease-in-out;
}

.svgbox:hover .circle {
  animation: circle 3s linear;
  opacity: 1;
  transition: 1s ease-in-out;
}

@keyframes circle {
  from {
    stroke-dasharray: 0 1000;
  }
  to {
    stroke-dasharray: 1000 0;
  }
}
.welnum {
  position: absolute;
  left: 1.75rem;
  bottom: 1.75rem;
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
  text-align: center;
  font-size: 0;
  color: #fff;
  z-index: 5;
}
.welnum span {
  font-size: .3rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
}
.welnum .num0, .welnum .num1 {
  display: inline-block;
  vertical-align: middle;
  font-size: .35rem;
  font-family: "cli";
}
.welnum .num0 {
  font-size: .75rem;
}

.wel-more {
  width: 3rem;
  height: 3rem;
  position: relative;
  z-index: 10;
  display: block;
  line-height: 3rem;
  text-align: center;
  color: #fff;
  font-size: .375rem;
  background: url(../img/ico/i2.png) #181818 no-repeat center;
  background-size: 100%;
  border-radius: 50%;
  transition: .5s ease-in-out;
}
.opuses-lists .items{
  position: relative;
}
.opuses-lists .items .id{
  position: absolute;
  left: 0;
  top: 0;
}
.wel-more.active {
  position: absolute;
  transition: .5s ease-in-out;
  left: 10%;
  top: 10%;
  z-index: 8;
}
.wel-more .svgbox {
  display: none;
}
.wel-more .span {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
}
.school-images .swiper-button-prev.wel-more .jiantou{
 transform:rotate(180deg);
}
.welcome-team .swiper-button-prev.wel-more .jiantou{
 transform:rotate(180deg);
}
.welcome-team .wel-more {
  opacity: 0!important;
}
.welcome-team .wel-more.on {
  opacity: 1!important;
}
.team-imagesswiperbox{
  position: relative;

}
.team-imagesswiperbox .after,.team-imagesswiperbox .before{
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  z-index: 5;
  width: calc((100% - 30.5rem)/2);
}
.team-imagesswiperbox .after{right: 0;}
.team-imagesswiperbox .before{left: 0;}

.wel-more .jiantou {
  width: .5rem;
  height: .25rem;
  background: url(../img/wel2.png) no-repeat center;
  background-size: 100%;
  margin: 0 auto;
  margin-top: .3rem;
}
.wel-more:hover {
  color: #fff;
  transition: .5s ease-in-out;
}

.welcome-about {
  position: relative;
}
.welcome-about .text {
  position: absolute;
  width: 9.5rem;
  left: 0;
  right: 0;
  top: 5rem;
  margin: 0 auto;
  padding-bottom: 3rem;
}
.welcome-about .text .en {
  line-height: 1;
}
.welcome-about .text .p1 {
  text-indent: 1em;
}
.welcome-about .text .cn {
  line-height: 1;
  margin-top: .5rem;
}
.welcome-about .words {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: #fff;
}
.welcome-about .wen {
  font-size: .375rem;
  line-height: .6rem;
  padding: .6rem 0;
  position: relative;
  margin-top: 1.75rem;
}
.welcome-about .wen .after img,.welcome-about .wen .before img{
  width: 100%;
  display: block;
}

.welcome-about .wen .after, .welcome-about .wen .before {
  font-size: 1.25rem;
  color: #fff;
  line-height: 1;
  position: absolute;
  left: 0;
  width: .35rem;
  height: .35rem;
  
}
.welcome-about .wen .after{bottom: 0; left: .8rem;}
.welcome-about .wen .before{top: 0;}
.welcome-about .botwen {
  left: 3.5rem;
  bottom: 3rem;
  color: #999999;
  position: absolute;
  font-size: 0;
}
.welcome-about .botwen span {
  display: inline-block;
  font-size: .375rem;
  vertical-align: middle;
}
.welcome-about .botwen .botwenright {
  font-size: .375rem;
  color: #fff;
  margin-left: .45rem;
}

.welcome-intro2 .our-tit {
  width: 16.125rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #fff;
}

.welcome-school {
  padding-top: 3.625rem;
  padding-bottom: 4.25rem;
}
.welcome-school .school-text {
  margin-top: 1.5rem;
}

.school-images .videoactive .items {
  overflow: hidden;
}
.school-images .videoactive .items img {
  transition: .5s ease-in-out;
}
.school-images .videoactive .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}

.team-images .items {
  overflow: hidden;
}
.team-images .items .images {
  overflow: hidden;
  height: 5.5rem;
}
.team-images .items:hover .words .p, .team-images .items:hover .words .know-more {
  opacity: 1;
  transition: .5s ease-in-out;
}
.team-images .items .words {
  font-size: .375rem;
  color: #797979;
  padding-top: .7rem;
}
.team-images .items .words .name {
  line-height: 1.2;
  font-size: .55rem;
  color: #fff;
}
.team-images .items .words .p, .team-images .items .words .know-more {
  opacity: 0;
  transition: .5s ease-in-out;
}
.team-images .items .words .p {
  line-height: .6rem;
  margin-top: .375rem;
  margin-bottom: 1.25rem;
  height: 1.2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.team-images .items img {
  transition: .5s ease-in-out;
}
.team-images .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}

.school-text {
  font-size: 16px;
  color: #222222;
  width: 22.5rem;
  margin: 0 auto;
}
.school-textbox{margin:0 auto;}
.school-text .li {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  transition: .5s ease-in-out;
}
.school-text .li:hover, .school-text .li.active {
  color: #fff;
  background: #000000;
  transition: .5s ease-in-out;
}

.team-textswiper {
  margin-bottom: 2rem;
  margin-top: 1.875rem;
}

.school-textswiper {
  margin-bottom: 2.375rem;
}

.school-imagesswiper {
  position: relative;
  overflow: hidden;
}
.school-imagesswiper .cbtn .btn {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  width: calc((100% - (850rem/40))/2);
  height: 100%;
  position: absolute;
  z-index: 5;
  top: 0;
}
.school-imagesswiper .cbtn .btn.prev {
  left: 0;
}
.school-imagesswiper .cbtn .btn.next {
  right: 0;
}
.school-imagesswiper .swiper-container {
  overflow: visible;
}

.welcome-images .swiper-button-next, .welcome-images .swiper-button-prev {
  width: 3rem;
  height: 3rem;
  background: #000000;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s ease-in-out;
  z-index: 500;
}

.school-images {
  margin: 0 auto;
  position: relative;
}
.school-images .swiper-slide {
  width: 21.25rem;
  margin: 0 5.375rem;
  touch-action: none;
}
.school-images .swiper-button-next, .school-images .swiper-button-prev {
  opacity: 0 !important;
}
.school-images .swiper-button-next.on, .school-images .swiper-button-prev.on {
  opacity: 1 !important;
  transition: .5s ease-in-out;
}
.school-images .swiper-button-next {
  right: 5.5rem;
}
.school-images .swiper-button-prev {
  left: 5.5rem;
}

.videoactive .items {
  position: relative;
  cursor: pointer;
}
.videoactive{
  position: relative;
}
.videoactive.items:after,
.videoactive .items:after {
  position: absolute;
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/i8.png) no-repeat center;
  background-size: 100%;
  z-index: 5;
}

.videoactive .imgs {
  position: relative;
  cursor: pointer;
}
.videoactive .imgs:after {
  position: absolute;
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/i8.png) no-repeat center;
  background-size: 100%;
  z-index: 5;
}

.welcome-team {
  padding-top: 3.5rem;
  padding-bottom: 4rem;
  background: url(../img/i9.png) repeat left top;
}
.welcome-team .team-textswiper .li {
  color: rgba(255, 255, 255, 0.5);
}
.welcome-team .team-textswiper .li:hover, .welcome-team .team-textswiper .li.active {
  color: #fff;
  background: transparent;
}

.team-images {
  position: relative;
}
.team-images .swiper-container-horizontal > .swiper-pagination-progress {
  bottom: 0;
  top: auto;
}
.team-images .swiper-pagination-progress {
  background: rgba(255, 255, 255, 0.2);
}
.team-images .swiper-pagination-progress .swiper-pagination-progressbar {
  background: #fff;
}
.team-images .swiper-container {
  padding-bottom: 2.5rem;
}
.team-images .swiper-container {
  width: 30.5rem;
}
.team-images .swiper-button-next {
  right: 1.75rem;
}
.team-images .swiper-button-prev {
  left: 1.75rem;
}

.welcome-graduate {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
.welcome-graduate .graduate-box {
  position: relative;
  z-index: 4;
}

.know-more {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: .375rem;
  color: #222222;
  padding-right: 0.875rem;
}
.know-more:after {
  position: absolute;
  content: "";
  width: .5rem;
  height: .25rem;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/i10.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.know-more.on {
  color: #fff;
}
.know-more.on:after {
  background: url(../img/i11.png) no-repeat center;
  background-size: 100%;
}
.know-more:hover {
  color: #222;
}
.know-more:hover:after {
  transform: translateX(5px);
  transition: .5s ease-in-out;
}

.graduate-box {
  position: relative;
  min-height: 10rem;
}
.graduate-box .words {
  width: 35%;
  padding: 0 1.75rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.graduate-box .words .wen {
  line-height: .6rem;
  width: 6.5rem;
  margin: 0 auto;
  margin-top: .6rem;
  margin-bottom: 1.375rem;
}
.graduate-box .images {
  width: 65%;
}

.graduate-box {
  position: relative;
}
.graduate-box img {
  width: 100%;
}
.graduate-box .swiper-slide {
  width: auto;
}
.graduate-box .images-left {
  width: 46%;
}
.graduate-box .images-left .swiper-slide-active {
  display: none;
}
.graduate-box .images-left .swiper-slide {
  width: 100%;
}
.graduate-box .images-left .items {
  width: 100%;
  cursor: pointer;
}
.graduate-box .images {
  position: relative;
}
.graduate-box .items {
  overflow: hidden;
}
.graduate-box .items img {
  transition: .5s ease-in-out;
}
.graduate-box .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.graduate-box .images-right {
  width: 54%;
  padding-left: 3rem;
  position: absolute;
  right: 0;
  bottom: 1.5rem;
}
.graduate-box .images-right .items {
  width: 3.5rem;
  cursor: pointer;
  height: 4.5rem;
}
.graduate-box .images-right .swiper-slide:nth-child(n+2) {
  margin-right: 3rem;
}
.graduate-box .images-right .swiper-slide-prev {
  display: none;
}
.graduate-box .cur {
  stroke: #ddd;
}
.graduate-box .circle {
  stroke: #222;
}
.graduate-box .welnum {
  position: absolute;
  left: 3rem;
  bottom: 7.25rem;
  color: #222222;
}

.w1640 {
  width: 1640px;
  margin: 0 auto;
  max-width: 88%;
}

.welcome-excellent .titbox {
  position: relative;
}
.welcome-excellent .titbox .txt {
  position: absolute;
  bottom: 0;
  font-size: .4rem;
  right: 1.5rem;
  line-height: 2;
}
.welcome-excellent .titbox .txt a {
  color: #fff;
  display: block;
}
.welcome-excellent .lists {
  font-size: 0;
  width: 1310px;
  max-width: 80%;
  margin: 0 auto;
  margin-top: 2.25rem;
}
.welcome-excellent .lists .items {
  display: inline-block;
  vertical-align: top;
  font-size: .5rem;
  color: #fff;
  width: 23%;
  margin-left: 13%;
}
.welcome-excellent .lists .items:nth-child(1) {
  margin-left: 0;
}
.welcome-excellent .lists .items .img {
  position: relative;
}


.welcome-excellent .lists3 .items .img .after,
.welcome-excellent .lists .items .img:after {
  position: absolute;
  content: "";
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  height: 100%;
  left: .2rem;
  top: -.2rem;
  transition: .5s ease-in-out;
}
.welcome-excellent .lists3.lists .items .img:after{
  display: none;
}
.welcome-excellent .lists .items .img img {
  transition: .5s ease-in-out;
  position: relative;
  z-index: 2;
}
.welcome-excellent .lists .items .text {
  line-height: 1.5;
  margin-top: .5rem;
  z-index: 3;
}
.welcome-excellent .lists .items.active {
  width: 28%;
}
.welcome-excellent.ins .lists .items:nth-child(2){
  width: 28%;
}
.welcome-excellent .lists .items.active .text {
  z-index: 5;
  position: relative;
  font-size: 0.925rem;
  line-height: 1.2rem;
  padding-left: 2.125rem;
  margin-left: -3.125rem;
  top: -1rem;
  transition:.5s ease-in-out;
}
.welcome-excellent .lists .items.active .text:after {
  position: absolute;
  content: "";
  height: 1px;
  width: 1.5rem;
  background: #fff;
  left: 0;
  top: .6rem;
}













.w1650 {
  width: 1650px;
  max-width: 90%;
  margin: 0 auto;
}

.welcome-news {
  padding-top: 4rem;
  padding-bottom: .75rem;
}
.welcome-news .lists {
  position: relative;
  margin-top: 2.5rem;
  overflow: hidden;
}
.newss {
float:left;
width:33%;
}
.welcome-news .lists a {
  color: #222222;
}
.welcome-news .lists .imgs {
  overflow: hidden;
}
.welcome-news .lists .wen {
  padding-top: .75rem;
}
.welcome-news .lists .wen .i0 {
  font-size: 0.6rem;
  /*font-size: 0.65rem;*/
  line-height: 1.4;
  margin-bottom: .45rem;
}
.welcome-news .lists .wen .more {
  display: inline-block;
  vertical-align: top;
  line-height: 1.2;
  padding-right: 1.625rem;
  position: relative;
}
.welcome-news .lists .wen .more:before {
  position: absolute;
  content: "";
  right: 0;
  height: 1px;
  width: 1.25rem;
  background: #222;
  top: 0;
  bottom: 0;
  margin: auto;
}
.welcome-news .lists .time {
  font-size: .35rem;
  line-height: 1;
  margin-bottom: .8rem;
}
.welcome-news .lists .li {
  display: block;
  /*padding-bottom: 2.5rem;*/
  margin: 0 1rem;
}

footer {
  padding: 0 1.75rem;
}
footer .bocweb-footer-top {
  border-top: 2px solid #313131;
}

.bocweb-footer-top {
  padding-top: 1.5rem;
  padding-bottom: 1.625rem;
  border-bottom: 1px solid #dddddd;
}
.bocweb-footer-top .foot-left {
  color: #222222;
  font-size: .375rem;
  line-height: 1;
}
.bocweb-footer-top .foot-left a {
  color: #222222;
}
.bocweb-footer-top .foot-left .num {
  font-size: .75rem;
  margin-top: .4rem;
}
.bocweb-footer-top .foot-right {
  font-size: 0;
}
.bocweb-footer-top .foot-right .li {
  display: inline-block;
  vertical-align: top;
  font-size: .375rem;
  margin-left: 1.375rem;
  color: #333333;
  line-height: .6rem;
}
.bocweb-footer-top .foot-right .li:nth-child(2) {
  margin-left: 1.375rem;
}

.bocweb-footer-center {
  padding-top: 1.375rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #dddddd;
}
.bocweb-footer-center a {
  font-size: .375rem;
  color: #666666;
  display: block;
  transition: .5s ease-in-out;
  line-height: .6rem;
}
.bocweb-footer-center a:hover {
  transition: .5s ease-in-out;
  color: #222;
}
.bocweb-footer-center .i-top {
  color: #222222;
  line-height: 1.2;
  margin-bottom: .5rem;
}
.bocweb-footer-center .erweima {
  width: 2.5rem;
  height: 2.5rem;
}
.bocweb-footer-center .list {
  font-size: 0;
  width: calc(100% - 2.5rem);
}
.bocweb-footer-center .list .li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  margin-bottom: 1.125rem;
}
.bocweb-footer-center .foot-left {
  width: 37%;
}
.bocweb-footer-center .foot-right {
  width: 63%;
}
.bocweb-footer-center .logo {
  font-size: 0;
  color: #999999;
}
.bocweb-footer-center .logo .span, .bocweb-footer-center .logo .img {
  display: inline-block;
  vertical-align: top;
  font-size: .375rem;
}
.bocweb-footer-center .logo .span {
  margin-left: 1.2rem;
}

.bocweb-footer-top .foot-right .li a {
  color: #222;
}

.bocweb-footer-bot {
  padding-top: 1.25rem;
  padding-bottom: 1rem;
  font-size: .35rem;
  color: #999999;
  line-height: .6rem;
}
.bocweb-footer-bot a {
  color: #999999;
}
.bocweb-footer-bot .foot-right a, .bocweb-footer-bot .foot-right span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 .5rem;
  transition: .5s ease-in-out;
}
.bocweb-footer-bot .foot-right a:hover {
  transition: .5s ease-in-out;
  color: #222;
}

.welcome-news .lists .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}

.welcome-news .lists .items img {
  transition: .5s ease-in-out;
}

.header-top .header-ibox {
  line-height: 1;
}

.menu-fixed {
  position: fixed;
  height: 100%;
  width: 25.375rem;
  left: 70px;
  top: 0;
  background: #1b1b1b;
  z-index: 130;
}
.menu-fixed .menu-logo {
  position: relative;
}
.menu-fixed .close {
  position: absolute;
  cursor: pointer;
  width: .6125rem;
  height: .6125rem;
  background: url(../img/cha.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.menu-fixed {
  padding: 0 1.75rem;
  display: none;
}
.menu-fixed .menu-logo {
  height: 100px;
  line-height: 100px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.menu-fixed .menu-bot {
  /*margin-top: (255rem/40);*/
  margin-top: 3rem;
  padding-top: 1.5rem;
  padding-bottom: 3rem;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.menu-fixed .menu-bot .foot-left {
  font-size: .375rem;
  line-height: 1;
}
.menu-fixed .menu-bot .foot-left .num {
  font-size: .75rem;
  margin-top: .4rem;
}
.menu-fixed .menu-bot .foot-right {
  font-size: 0;
}
.menu-fixed .menu-bot .foot-right .li {
  display: inline-block;
  vertical-align: top;
  font-size: .375rem;
  line-height: .6rem;
}
.menu-fixed .menu-bot .foot-right .li a {
  color: #fff;
}
.menu-fixed .menu-bot .foot-right .li:nth-child(2) {
  margin-left: 3.375rem;
}
.menu-fixed .menu-list {
  font-size: 0;
  margin-top: 3.5rem;
}
.menu-fixed .menu-list .li {
  display: inline-block;
  font-size: .375rem;
  color: #666666;
  width: 29%;
  padding-right: 1%;
  vertical-align: top;
  margin-bottom: 1.125rem;
}
.menu-fixed .menu-list .li:nth-child(4n+4) {
  width: 13%;
  padding: 0;
}
.menu-fixed .menu-list .li a {
  color: #666666;
  display: block;
  transition: .5s ease-in-out;
}
.menu-fixed .menu-list .li a:hover {
  transition: .5s ease-in-out;
  color: #fff;
}
.menu-fixed .menu-list .li .i-top {
  margin-bottom: .5rem;
  color: #fff;
  line-height: 1.2;
}

/*.bocweb-footer-center .logo .img {
  width: 2.075rem;
  height: 2.125rem;
}*/

.imgsbg {
  height: 100%;
}

.btns-active.on .swiper-button-prev {
  background: url(../img/i17.png) no-repeat center;
  background-size: 100%;
}
.btns-active.on .swiper-button-next {
  background: url(../img/i18.png) no-repeat center;
  background-size: 100%;
}
.btns-active .swiper-button-prev, .btns-active .swiper-button-next {
  width: .35rem;
  height: .2rem;
  margin: 0;
  /*display: none;*/
}
.btns-active .swiper-button-prev {
  background: url(../img/i13.png) no-repeat center;
  background-size: 100%;
  left: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.btns-active .swiper-button-next {
  background: url(../img/i15.png) no-repeat center;
  background-size: 100%;
  right: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.welcome-news .lists .li {
  padding-bottom: 2.5rem;
}

.w1440 {
  width: 1440px;
  margin: 0 auto;
  max-width: 85%;
}

.conbanner {
  position: relative;
}
.conbanner .images {
  height: 18rem;
}
.conbanner .words {
  position: absolute;
  width: 100%;
  padding-left: 4.25rem;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  line-height: 1;
}
.conbanner .words .en {
  font-size: 1.5rem;
}
.conbanner .words .cn {
  font-size: 1.25rem;
  margin-top: .3rem;
}

.conbanner-tit {
  position: absolute;
  padding-left: 4.25rem;
  bottom: 0;
  left: 0;
  height: 1.75rem;
  line-height: 1.75rem;
  width: 100%;
}
.conbanner-tit .titlist {
  vertical-align: top;
  display: inline-block;
}
.conbanner-tit .swiper-slide {
  width: auto;
}
.conbanner-tit .items {
  border-left: 1px solid #fff;
  padding-left: 1.5rem;
  padding-right: 1.375rem;
  position: relative;
}
.conbanner-tit .items:after {
  position: absolute;
  content: "";
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 1.1rem;
  background: #fff;
  opacity: 0;
  transition: .5s ease-in-out;
}
.conbanner-tit .items:hover:after, .conbanner-tit .items.active:after {
  opacity: 1;
  transition: .5s ease-in-out;
}
.conbanner-tit .titbox {
  border: 1px solid #ffffff;
  width: 100%;
  height: 100%;
  /*border-bottom: none;*/
  border-right: none;
  font-size: 0;
  background: #000;
}
.conbanner-tit .titbox a {
  font-size: .375rem;
  color: #fff;
  display: block;
}
.conbanner-tit .titbox .home {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  width: 1.75rem;
  background: url(../img/home.png) no-repeat center;
  background-size: 0.625rem 0.625rem;
}

.news-box {
  padding-top: 2.175rem;
  padding-bottom: 2rem;
}
.news-box .welcome-news {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.news-box .timebox {
  line-height: 1;
  margin-bottom: 1.625rem;
  color: #222222;
}
.news-box .timebox .num {
  font-size: 2rem;
}
.news-box .timebox .time {
  font-size: .5rem;
  /*margin-top: .4rem;*/
}
.news-box .news-top .tit {
  font-size: .75rem;
  /*font-size: 1rem;*/
  line-height: 1.25rem;
  height: 1.25rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden; 
  color: #222222;
  font-weight: bold;
}
.news-box .news-top .p {
  font-size: .4rem;
  line-height: 0.65rem;
  height: 2.6rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-top: 1rem;
}
.news-box .news-top {
  display: block;
  font-size: 0;
  font-size: .4rem;
  color: #666666;
  padding: 0 1rem;
  position: relative;
}
.news-box .news-top .words {
  position: absolute;
  right: 1rem;
  top: 0;
}
.news-box .words {
  width: calc(35% - 1.8rem);
  border-bottom: 2px solid #000;
  height: 100%;
}
.news-box .words .more {
  position: absolute;
  line-height: 1;
  bottom: 1.125rem;
  left: 0;
  color: #222222;
  padding-right: 1.6rem;
}
.news-box .words .more:after {
  position: absolute;
  width: 1.25rem;
  height: 1px;
  background: #141414;
  content: "";
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.news-box .images {
  position: relative;
  width: 65%;
}
.news-box .images .span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: .4rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1;
  padding: 0.5rem 1.625rem;
}
.news-box .images .span .t1 {
  margin-top: .3rem;
}
.news-box .images .span .t0 {
  font-size: 1.25rem;
  color: #fff;
}
.news-box .images, .news-box .words {
  display: inline-block;
  vertical-align: top;
}

.information-con {
  padding-bottom: 1rem;
  font-size: 0;
}
.information-con .items {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin-left: 5%;
  margin-bottom: 1.5rem;
}
.information-con .items:nth-child(3n+1) {
  margin-left: 0;
}
.information-con .items .time {
  font-size: .35rem;
  line-height: 1;
  margin-bottom: .75rem;
  color: #222222;
  font-family: Arial;
}
.information-con .items .words-con {
  height: 11.75rem;
  width: 100%;
  display: block;
  border: 1px dashed #dddddd;
  font-size: .375rem;
  color: #999999;
  padding: 1.125rem 1rem 1.875rem 1rem;
  position: relative;
  transition: .5s ease-in-out;
}
.information-con .items .words-con:hover {
  background: #000000;
  border: 1px solid #000000;
  transition: .5s ease-in-out;
}
.information-con .items .words-con:hover .tit {
  color: #fff;
  transition: .5s ease-in-out;
}
.information-con .items .words-con:hover .more {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  transition: .5s ease-in-out;
}
.information-con .items .words-con:hover .more .linemore:after {
  transition: .5s ease-in-out;
  background: #fff;
}
.information-con .items .words-con .more {
  position: absolute;
  bottom: .25rem;
  left: 1rem;
  padding-top: .6rem;
  padding-bottom: .6rem;
  width: calc(100% - 2rem);
  transition: .5s ease-in-out;
  border-top: 1px solid #dddddd;
}
.information-con .items .words-con .more .linemore:after {
  transition: .5s ease-in-out;
}
.information-con .items .tit {
  font-size: 0.65rem;
  color: #222222;
  line-height: 0.9rem;
  max-height: 1.8rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: .5s ease-in-out;
}
.information-con .items .wen {
  line-height: .6rem;
  height: 1.8rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: .4rem;
}

.w1380 {
  width: 1380px;
  margin: 0 auto;
  max-width: 85%;
}

.linemore {
  position: relative;
  display: inline-block;
  padding-right: 1.6rem;
  line-height: 1;
}
.linemore:after {
  width: 1.25rem;
  height: 1px;
  content: "";
  background: #141414;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.tuijian .swiper-pagination-bullet-active {
  background: #222;
}

.newsdetails-top {
  line-height: 1.2;
  padding-bottom: .6rem;
  border-bottom: 1px solid #dddddd;
}
.newsdetails-top .tit {
  color: #333333;
  font-size: 1rem;
  text-align: center;
}
.newsdetails-top .time {
  color: #999999;
  font-size: 0;
  margin-top: .6rem;
  text-align: center;
}
.newsdetails-top .time .i {
  font-size: .35rem;
  display: inline-block;
  vertical-align: middle;
}
.newsdetails-top .time .i:nth-child(n+2) {
  margin-left: .75rem;
}

.text-right {
  text-align: right;
}

.newsdetails-con {
  font-size: .4rem;
  line-height: .75rem;
  color: #333333;
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
  max-width: 1000px;
  margin:0 auto;
  
}
.newsdetails-con a{
  color: #333333;
  transition:.5s ease-in-out;
}
.newsdetails-con a:hover{
  color:#000;
   transition:.5s ease-in-out;
}
.newsdetails-con img{
  display: block;
  margin:0 auto;
}

.newsdetails-bot {
  border-top: 2px solid #dddddd;
  padding-bottom: 3.625rem;
  padding-top: 1.375rem;
}
.newsdetails-bot .wen {
  margin-top: .25rem;
  font-size: .45rem;
  line-height: 0.7rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 0.7rem;
  color: #333333;
  transition: .5s ease-in-out;
}
.newsdetails-bot a {
  font-size: .35rem;
  line-height: 1.2;
  color: #999999;
  display: block;
}
.newsdetails-bot a:hover .wen {
  color: #000;
  transition: .5s ease-in-out;
}
.newsdetails-bot .li:nth-child(2) {
  margin-top: 1.5rem;
}
.newsdetails-bot .btn-left {
  width: calc(100% - 200px);
}
.newsdetails-bot .back {
  display: block;
  font-size: .45rem;
  line-height: 1.5;
  color: #333333;
  transition: .5s ease-in-out;
}
.newsdetails-bot .back:hover {
  color: #000;
  transition: .5s ease-in-out;
}
.newsdetails-bot .back-right {
  max-width: 200px;
}

.tuijian .txt {
  font-size: 1rem;
  color: #333333;
  line-height: 1.2;
  margin-bottom: .9rem;
}
.tuijian.welcome-news .lists .li {
  margin: 0;
}
.tuijian.welcome-news .lists {
  margin-top: 0;
}

.contacts-box {
  padding-top: 3.25rem;
  padding-bottom: 4.5rem;
}
.contacts-box .lists {
  font-size: 14px;
  padding-top: 1.5rem;
}
.contacts-box .lists .add {
  position: absolute;
  bottom: 0;
  left: .75rem;
  font-size: .4rem;
  color: #505050;
  padding-left: .6rem;
  line-height: 1;
}
.contacts-box .lists .add:after {
  position: absolute;
  content: "";
  width: .45rem;
  height: .45rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/k1.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.contacts-box .lists .add:hover:after {
  transform: translateX(-5px);
}
.contacts-box .lists .items {
  display: inline-block;
  vertical-align: top;
  font-size: .4rem;
  color: #999999;
  width: 50%;
  margin: .75rem 0;
  position: relative;
}

.contacts-box .lists .imgs {
  width: 4.5rem;
  height: 4.5rem;
  border: 1px solid #dddddd;
}
.contacts-box .lists .words {
  width: calc(100% - 4.5rem);
  padding: 0 .75rem .6rem .75rem;
  overflow-y: hidden;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
}
.contacts-box .lists .li {
  line-height: .6rem;
  color: #333333;
  margin-top: .6rem;
}
.contacts-box .lists .li span {
  color: #999;
}
.contacts-box .lists .name {
  font-size: .6rem;
  color: #222222;
  line-height: 1.3;
}

.languages {
  line-height: 1.2;
  color: #222222;
  padding-bottom: 1.45rem;
  border-bottom: 2px solid #000000;
}
.languages .en {
  font-size: 1.5rem;
}
.languages .cn {
  font-size: 1rem;
  font-weight: bold;
  font-family: "PingFang SC";
}
.languages .lan-text {
  font-size: .4rem;
  color: #999999;
  margin-top: 1.75rem;
  width: 14.25rem;
  line-height: .6rem;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background: #dddddd;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #1b1b1b !important;
}
.opuses-lists .opuses-rightswiper .mCSB_scrollTools{
  width: 5px!important;
}

.mCSB_scrollTools {
  width: 2px !important;
}

.application-list {
  font-family: "PingFang SC";
  padding-top: 1.5rem;
}
.application-list .items:nth-child(n+2) {
  margin-top: 1.65rem;
}
.application-list .li.active {
  width: 65%;
}
.application-list .li.on .li-bot {
  padding: .5rem;
  background: #f7f7f7;
}
.application-list .li.on .li-bot .text {
  width: 100%;
  height: 100%;
}
.application-list textarea {
  width: 100%;
  padding: .25rem;
  padding-left: .5rem;
}
.application-list .h210 {
  height: 5.25rem;
  background: #f7f7f7;
}
.application-list .sexbox {
  line-height: 1.25rem;
}
.application-list .sexbox label {
  padding-left: 1.625rem;
  font-size: .4rem;
  color: #222222;
  position: relative;
  cursor: pointer;
  padding-right: .9rem;
}
.application-list .sexbox label span {
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  background: url(../img/k3.png) #f7f7f7 no-repeat center;
  background-size: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s ease-in-out;
}
.application-list .sexbox label input {
  opacity: 0;
  width: 1px;
  height: 1px;
  visibility: hidden;
  position: absolute;
}
.application-list .sexbox label input:checked + span {
  background: url(../img/k2.png) #005ca1 no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.application-list .li {
  float: left;
  width: 30%;
  margin-left: 5%;
}
.application-list .li.fr{
  float: right;
}
.application-list .li:nth-child(3n+1) {
  margin-left: 0;
}
.application-list .li .li-top {
  font-size: .4rem;
  font-weight: bold;
  line-height: .4rem;
  margin-bottom: .4rem;
}
.application-list .li .li-top span {
  color: #999999;
}
.application-list .li .li-bot input[type=text], .application-list .li .li-bot select {
  padding: 0 .5rem;
  height: 1.25rem;
  background: #f7f7f7;
  font-size: .4rem;
  color: #222222;
  width: 100%;
}
 .application-list .li .li-bot select{
  background: url(../img/a5.png) #f7f7f7 no-repeat 93%;
  background:transparent/9;
 }
.application-list .submitbox {
  width: 65%;
}
.application-list .submitbox .submit {
  /*width: (180rem/40);*/
  height: 1.25rem;
  background: #1b1b1b;
  color: #ffffff;
  position: relative;
  display: inline-block;
}
.application-list .submitbox .submit:hover:after {
  transform: translateX(5px);
  transition: .5s ease-in-out;
}
.application-list .submitbox .submit input {
  text-align: left;
  padding-left: 1.25rem;
  padding-right: 1.75rem;
  position: relative;
  z-index: 5;
}
.application-list .submitbox .submit:after {
  content: "";
  width: .375rem;
  height: .2rem;
  background: url(../img/k6.png) no-repeat center;
  background-size: 100%;
  top: 0;
  bottom: 0;
  position: absolute;
  right: 1.2rem;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s ease-in-out;
}
.application-list .submitbox input {
  width: 100%;
  height: 100%;
}

.application-bot {
  width: 65%;
  font-size: 0;
  line-height: 1.2;
}
.application-bot .span, .application-bot .input {
  display: inline-block;
  vertical-align: top;
  font-size: .4rem;
  color: #222222;
  vertical-align: middle;
}
.application-bot .input input {
  background: #f7f7f7;
  height: 1.25rem;
  width: 4.5rem;
  margin-right: .5rem;
  padding: 0 .5rem;
  font-family: Arial;
}
.application-bot .input img {
  height: 1.25rem;
}
.application-bot .input input::-webkit-input-placeholder {
  color: #222222;
}
.application-bot .input input::-moz-placeholder {
  color: #222222;
}
.application-bot .input input:-moz-placeholder {
  color: #222222;
}
.application-bot .input input:-ms-input-placeholder {
  color: #222222;
}
.application-bot .span {
  margin-right: .5rem;
}

.application-list .li.on .li-bot .text {
  font-size: .35rem;
  line-height: .6rem;
}

.enquirybox .application-list {
  padding-bottom: 1.625rem;
  border-bottom: 2px solid #000000;
}
.enquirybox .application-list .li {
  width: 28%;
  margin-left: 4.5%;
}
.enquirybox .application-list .li:nth-child(3n+1) {
  margin-left: 0;
}
.enquirybox .application-list .li.cur {
  width: 35%;
  font-size: 0;
}
.enquirybox .application-list .li.cur input, .enquirybox .application-list .li.cur img {
  display: inline-block;
  vertical-align: middle;
  height: 1.25rem;
  font-size: .4rem;
}
.enquirybox .application-list .li.cur .img {
  max-width: 38%;
  margin-left: 2%;
  margin-right: 10%;
}
.enquirybox .application-list .li.cur .submits {
  width: 25%;
  background: #1b1b1b;
  color: #fff;
}
.enquirybox .application-list .li.cur input::-webkit-input-placeholder {
  color: #222222;
}
.enquirybox .application-list .li.cur input::-moz-placeholder {
  color: #222222;
}
.enquirybox .application-list .li.cur input:-moz-placeholder {
  color: #222222;
}
.enquirybox .application-list .li.cur input:-ms-input-placeholder {
  color: #222222;
}
.enquirybox .application-list .li.cur .tinput {
  width: 25%;
}

.enquirybox-span {
  padding: 1.375rem 0 1rem 0;
  color: #222222;
  font-size: .4rem;
}

.enquirybox-list .list {
  font-size: .4rem;
  color: #333333;
  overflow: hidden;
}
.enquirybox-list .list .list-top {
  background: #1b1b1b;
  color: #fff;
}
.enquirybox-list .list .list-bot .li:nth-child(2n+1) {
  background: #f7f7f7;
}
.enquirybox-list .list .i {
  float: left;
  line-height: 1.5rem;
  height: 1.5rem;
  padding: 0 .75rem;
  width: 50%;
  text-align: center;
}
.enquirybox-list .list .i0 {
  width: 18%;
}
.enquirybox-list .list .i1 {
  width: 65%;
}
.enquirybox-list .list .i2 {
  width: 17%;
}

.curriculum-box {
  padding-top: 3.25rem;
  padding-bottom: 2.375rem;
}

.curriculum-toptit .items {
  border-bottom: 1px solid #dddddd;
  position: relative;
}
.curriculum-toptit .items-left {
  font-size: .4rem;
  color: #222222;
  line-height: 1.45rem;
  background: #f7f7f7;
  width: 5.25rem;
  padding: 0 3px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.curriculum-toptit .items-left.bold {
  font-size: .45rem;
  font-weight: bold;
}
.curriculum-toptit .items-right {
  position: relative;
  width: calc(100% - 5.25rem);
  line-height: 1.45rem;
  min-height: 1.45rem;
  font-size: 0;
  padding-left: 0.875rem;
}
.curriculum-toptit .items-right .li {
  display: inline-block;
  vertical-align: middle;
  font-size: .4rem;
  color: #222222;
  padding-left: 0.65rem;
  position: relative;
  margin-right: 1.5rem;
  cursor: pointer;
}
.curriculum-toptit .items-right .li:last-child {
  margin-right: 0;
}
.curriculum-toptit .items-right .li input {
  opacity: 0;
  visibility: hidden;
  width: 1px;
  height: 1px;
  position: absolute;
}
.curriculum-toptit .items-right .li span {
  position: absolute;
  content: "";
  width: 0.425rem;
  height: 0.425rem;
  left: 0;
  top: 0;
  bottom: 0;
  background: #dddddd;
  margin: auto;
  transition: .5s ease-in-out;
}
.curriculum-toptit .items-right .li input:checked + span {
  background: url(../img/k8.png) #000000 no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.curriculum-toptit .items-right .li.active input + span{
  background: url(../img/k8.png) #000000 no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.curriculum-toptit .items-right .btninputs {
  opacity: 0;
  visibility: hidden;
  display: none;
  width: 1px;
  height: 1px;
  position: absolute;
}
.curriculum-toptit .items-right .btn {
  cursor: pointer;
  font-size: .4rem;
  color: #222222;
  padding-left: .8rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.curriculum-toptit .items-right .btn:after {
  position: absolute;
  content: "";
  width: .5rem;
  height: .5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/k7.png) no-repeat center;
  background-size: 100%;
}

.selectszhankai {
  padding: 0 3px;
  height: 1.25rem;
  width: 5.875rem;
  line-height: 1.25rem;
  background: #eeeeee;
  text-align: center;
  font-size: .375rem;
  color: #666666;
  margin: 0 auto;
  cursor: pointer;
}
.selectszhankai b {
  font-weight: normal;
}
.selectszhankai:hover span {
  transform: translateX(-5px);
  transition: .5s ease-in-out;
}
.selectszhankai.active span {
  background: url(../img/k10.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.selectszhankai span {
  display: inline-block;
  vertical-align: middle;
  width: 0.325rem;
  height: 0.175rem;
  background: url(../img/k9.png) no-repeat center;
  background-size: 100%;
  margin-right: .25rem;
  position: relative;
  transition: .5s ease-in-out;
}

.pf {
  font-family: "PingFang SC";
}

.curriculumdetails img {
  display: block;
  margin: 0 auto;
}

.curriculum-list {
  padding-top: 1.6rem;
}
.curriculum-list .lists {
  font-size: 0;
  padding-bottom: .75rem;
}
.curriculum-list .lists.active .items {
  width: 30%;
  margin-left: 5%;
}
.curriculum-list .lists.active .items:nth-child(3n+1) {
  margin-left: 0;
}
.curriculum-list .lists.shortterm .items {
  width: 48%;
  margin-left: 4%;
}
.curriculum-list .lists.shortterm .items:nth-child(2n+1) {
  margin-left: 0;
}
.curriculum-list .lists .items {
  display: inline-block;
  vertical-align: top;
  font-size: .375rem;
  color: #999999;
  margin-bottom: 2rem;
}
.curriculum-list .lists .items .tit {
  color: #222222;
  font-size: .6rem;
  line-height: 1.2;
  margin-bottom: .6rem;
  font-weight: bold;
}
.curriculum-list .lists .items .words {
  border: 1px solid #eeeeee;
  padding: .5rem .7rem;
  line-height: .7rem;
  transition: .5s ease-in-out;
}
.curriculum-list .lists .items .words span {
  color: #222222;
  transition: .5s ease-in-out;
}
.curriculum-list .lists .items .words-top {
  padding-bottom: .5rem;
  border-bottom: 1px solid #dddddd;
}
.curriculum-list .lists .items .words-bot {
  padding-top: .5rem;
}
 .curriculum-list .lists .items .words .p:nth-child(1),
.curriculum-list .lists .items .words-bot .j0{
/*  display: -webkit-box;*/
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  overflow: hidden;
  height: auto;
}
.curriculum-list .lists .items .words-bot .k1{
  height: 23px;
  overflow: hidden;
  line-height: 23px;
}
.curriculum-list .lists .items .pbox {
  font-size: 0;
}
.curriculum-list .lists .items .pbox .span {
  font-size: .4rem;
  display: inline-block;
  vertical-align: middle;
}

.welcome-news .lists .items img {
  max-width: 12rem;
}

.bot-jiazai .spans {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 auto;
  position: relative;
}
.opuses-lists .bot-jiazai .spans{
  width: .9rem;
  height: .9rem;

}
.bot-jiazai .spans:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/jiazai.png) no-repeat center;
  background-size: 100%;
  margin: auto;
  cursor: pointer;
}

.more-click {
  display: none;
}

.languages {
  position: relative;
}
.languages.cur {
  padding-bottom: 0 !important;
  border-bottom: none;
}
.languages .lan-back {
  position: absolute;
  bottom: 1.45rem;
  font-size: .375rem;
  color: #222222;
  line-height: 1rem;
  right: 0;
  padding-left: .35rem;
}
.languages .lan-back:hover:after {
  transition: .5s ease-in-out;
  transform: translateX(-5px);
}
.languages .lan-back:after {
  position: absolute;
  content: "";
  width: .25rem;
  height: .25rem;
  background: url(../img/k11.png) no-repeat center;
  background-size: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s ease-in-out;
}

.curriculum-list .items img {
  transition: .5s ease-in-out;
  width: 100%;
}
.curriculum-list .items:hover .words {
  background: #000000;
  color: #999;
  transition: .5s ease-in-out;
}
.curriculum-list .items:hover .words span {
  color: #fff;
  transition: .5s ease-in-out;
}
.curriculum-list .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.curriculum-list .items .imgs {
  overflow: hidden;
}

.curriculumdetails-top {
  padding-top: 2.2rem;
  padding-bottom: 2.25rem;
}
.curriculumdetails-top .items {
  display: block;
  position: relative;
}
.curriculumdetails-top .items .words {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  padding: 1.625rem 1.5rem;
  font-size: 1rem;
  line-height: 1.25rem;
  width: 100%;
}

.curriculumdetails-bot .list-top {
  width: 3rem;
  height: 1.25rem;
  background: #000000;
  color: #fff;
  line-height: 1.25rem;
  text-align: center;
  margin-bottom: 2px;
  font-weight: bold;
  font-size: .4rem;
}
.curriculumdetails-bot .list-bot {
  border-top: 2px solid #000000;
  font-weight: bold;
  font-size: .4rem;
  line-height: 0.65rem;
  padding-top: 1.125rem;
  padding-bottom: 1.75rem;
}
.curriculumdetails-bot .list-bot .libox {
  font-size: 0;
}
.curriculumdetails-bot .list-bot .libox .li {
  font-size: .375rem;
  color: #999999;
  font-weight: normal;
  display: inline-block;
  vertical-align: top;
  width: 20%;
  line-height: 0.65rem;
  margin-bottom: 1.25rem;
  padding-right: .5rem;
}
.curriculumdetails-bot .list-bot .libox .li-top {
  font-size: .5rem;
  font-weight: bold;
  line-height: 1.2;
  color: #333333;
  margin-bottom: .375rem;
}

.bot-jiazai .spans {
  display: none;
}

.curriculum-list.onlinecourse-bot .lists .items .pbox .span {
  height: .55rem;
  line-height: .55rem;
  margin-top: 5px;
}

.onlinecourse-top {
  padding-top: 1.7rem;
  padding-bottom: 1.5rem;
}

.onlinecourse-bot {
  padding-top: 1.5rem;
}
.onlinecourse-bot .languages {
  margin-bottom: 1.25rem;
}
.onlinecourse-bot .items:hover .ptit {
  color: #fff;
  transition: .5s ease-in-out;
}
.onlinecourse-bot.curriculum-list .lists .items .pbox .span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.onlinecourse-bot .ptit {
  font-size: .6rem;
  line-height: .75rem;
  height: .75rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: bold;
  color: #222222;
  transition: .5s ease-in-out;
}

.languages.on {
  text-align: center;
}

.teambox {
  padding-top: 3.25rem;
  padding-bottom: 3.375rem;
}
.teambox .school-textswiper {
  margin-bottom: 0 !important;
}
.teambox .team-list {
  padding-top: 1.375rem;
}
.teambox .team-list .list {
  font-size: 0;
  margin-top: 1.25rem;
}
.teambox .team-list .list .li {
  font-size: .375rem;
  margin-bottom: 1.625rem;
  cursor: pointer;
  color: #222222;
  width: 18%;
  margin-left: 2.5%;
  display: inline-block;
  vertical-align: top;
}
.teambox .team-list .list .li .i1 {
  transition: .5s ease-in-out;
}
.teambox .team-list .list .li:hover .i1 {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.teambox .team-list .list .li .words {
  padding-top: 0.875rem;
  padding-bottom: 0.125rem;
}
.teambox .team-list .list .li .name {
  font-size: .55rem;
  line-height: .8rem;
  height: .8rem;
  overflow: hidden;
  color: #222222;
  font-weight: bold;
  margin-bottom: 0.25rem;
}
.teambox .team-list .list .li .wen {
  font-size: .375rem;
  line-height: 0.625rem;
}
.teambox .team-list .list .li .imgs {
  position: relative;
  overflow: hidden;
}
.teambox .team-list .list .li .imgs .i0 {
  opacity: 0;
  visibility: hidden;
}
.teambox .team-list .list .li .imgs .i1 {
  position: absolute;
  left: 0;
  top: 0;
}
.teambox .team-list .list .li:nth-child(5n+1) {
  margin-left: 0;
}

.profileteam-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
}
.profileteam-fixed .close {
  position: absolute;
  width: .6rem;
  height: .6rem;
  right: .75rem;
  top: .75rem;
  background: url(../img/k13.png) no-repeat center;
  background-size: .375rem .375rem;
  cursor: pointer;
}
.profileteam-fixed .name {
  font-weight: bold;
  color: #ffffff;
  font-size: 0.65rem;
  line-height: 1.2;
  margin-bottom: .45rem;
}
.profileteam-fixed .p {
  margin-bottom: .6rem;
}
.profileteam-fixed .li0 {
  color: #999999;
  margin-bottom: 3px;
}
.profileteam-fixed .team-fixedbox {
  position: fixed;
  width: 20.75rem;
  height: 9.7rem;
  left: 0;
  bottom: 0;
  top: 20%;
  right: 0;
  margin: auto;
  background: #000000;
  font-size: .375rem;
  line-height: .6rem;
  overflow: hidden;
}
.profileteam-fixed .team-fixedbox .words {
  width: calc(100% - 7rem);
  color: #fff;
  padding: 1.25rem 1.5rem 1.5rem 1.5rem;
  height: 100%;
}
.profileteam-fixed .team-fixedbox .li:nth-child(n+2) {
  margin-top: .5rem;
}
.profileteam-fixed .team-fixedbox .wen {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.profileteam-fixed .team-fixedbox .imgs {
  width: 7rem;
  height: 100%;
  overflow: hidden;
}
.profileteam-fixed .team-fixedbox .imgs img {
  transition: .5s ease-in-out;
}
.profileteam-fixed .team-fixedbox .imgs:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}

.honor-top {
  padding-top: 3.25rem;
  padding-bottom: 2.25rem;
}

.honner-list {
  margin-top: 1.375rem;
}
.honner-list .gallery-thumbs {
  margin-top: 1.5rem;
}
.honner-list .gallery-thumbs:before {
  position: absolute;
  content: "";
  height: 2px;
  width: 100%;
  background: #dddddd;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  transition: .5s ease-in-out;
  z-index: 1;
}
.honner-list .gallery-thumbs:after {
  position: absolute;
  content: "";
  height: 2px;
  width: 33.33%;
  background: #000000;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  transition: .5s ease-in-out;
  z-index: 3;
}
.honner-list .swiper-slide-active .items {
  text-align: center;
  font-size: .6rem;
  color: #222222;
  font-weight: bold;
}
.honner-list .swiper-slide-next .items {
  text-align: right;
}
.honner-list .items {
  font-size: .4rem;
  color: #222222;
  line-height: 2.15rem;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.honner-list .imgs {
  overflow: hidden;
  display: block;
}
.honner-list .imgs img {
  transition: .5s ease-in-out;
}
.honner-list .imgs:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.02, 1.02, 1);
}

.honor-box {
  padding-bottom: 2.625rem;
}

.honor-bot {
  padding-top: 2.875rem;
  padding-bottom: 2.75rem;
}
.honor-bot .honorcenter {
  margin-bottom: 1.875rem;
  position: relative;
}
.honor-bot .honorcenter .items {
  overflow: hidden;
}
.honor-bot .honorcenter .items img {
  transition: .5s ease-in-out;
}
.honor-bot .honorcenter .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.honor-bot .honorcenter .swiper-button-next, .honor-bot .honorcenter .swiper-button-prev {
  width: 1.5rem;
  height: 1.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}
.honor-bot .honorcenter .swiper-button-next {
  right: -3rem;
  background: url(../img/k15.png) #fff no-repeat center;
  background-size: 100%;
}
.honor-bot .honorcenter .swiper-button-prev {
  left: -3rem;
  background: url(../img/k14.png) #fff no-repeat center;
  background-size: 100%;
}
.honor-bot .honorbot {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
}
.honor-bot .honorbot:after {
  position: absolute;
  content: "";
  width: 33.33%;
  height: 2px;
  background: #fff;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}
.honor-bot .honorbot .items {
  height: 3.5rem;
  line-height: 3.5rem;
  font-size: .7rem;
  color: #ffffff;
  padding: 0 .2rem;
  text-align: center;
}
.honor-bot .items {
  color: #fff;
  padding: .35rem .25rem;
}
.honor-bot .languages {
  color: #fff;
}
.honor-bot .honorcenter {
  margin-top: 2.75rem;
}
.honor-bot .honorcenter .items {
  background: #fff;
}

.w1260 {
  width: 1260px;
  margin: 0 auto;
  max-width: 80%;
}

.conwords {
  line-height: .6rem;
  color: #222;
  font-size: .375rem;
}

.profile-list {
  font-size: 0;
}
.profile-list .li {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-left: 4%;
  padding-top: .75rem;
  border-top: 2px solid #000000;
}
.profile-list .li:nth-child(2n+1) {
  margin-left: 0;
}

.profile-items1 {
  padding-top: 3.125rem;
}
.profile-items1 .list1 {
  padding-bottom: 2.375rem;
  margin-top: 2.125rem;
}
.profile-items1 .imgbox {
  padding-top: 7.5rem;
  position: relative;
}
.profile-items1 .imgbox .img {
  margin-top: -7.5rem;
  width: 90%;
  position: absolute;
}
.profile-items1 .imgbox .list2 {
  padding-top: 12rem;
  padding-bottom: 3.125rem;
}
.profile-items1 .imgbox .list2 .li {
  color: #fff;
  border-top-color: #fff;
}
.profile-items1 .imgbox .wen {
  /*height: (1500rem/40);*/
  min-height: 15rem;
  background: url(../img/k43.jpg) no-repeat left top;
  background-size: cover;
  padding-bottom: 13.625rem;
}
.profile-items1 .imgbox .imgs2 img {
  max-width: 33.625rem;
}

.recruitstudents-conbox {
  padding-top: 3.25rem;
  padding-bottom: 6.45rem;
  width: 34.5rem;
  margin: 0 auto;
}
.recruitstudents-conbox .recruitstudents-images {
  position: relative;
  margin-top: 1.5rem;
}
.recruitstudents-conbox .recruitstudents-words {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}
.recruitstudents-conbox .top-tit {
  line-height: .7rem;
  color: #222222;
  font-weight: bold;
  font-size: 0;
}
.recruitstudents-conbox .top-tit .i {
  display: inline-block;
  vertical-align: top;
  font-size: .4rem;
  width: 50%;
}
.recruitstudents-conbox .top-tit .i.i0 {
  text-align: right;
  padding-right: .9rem;
}
.recruitstudents-conbox .top-tit .i.i1 {
  padding-left: 3.125rem;
  position: relative;
}
.recruitstudents-conbox .top-tit .i.i1:after {
  position: absolute;
  content: "";
  width: 2.125rem;
  height: 1px;
  background: #dddddd;
  left: 0.6rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.recruitstudents-conbox .list {
  color: #fff;
  font-size: .375rem;
}
.recruitstudents-conbox .list .li {
  position: absolute;
}
.recruitstudents-conbox .list .li .img {
  width: 0.875rem;
  height: 0.875rem;
  margin: 0 auto;
}
.recruitstudents-conbox .list .li .box {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
}
.recruitstudents-conbox .list .li .box .span {
  width: .35rem;
  height: 0.175rem;
  margin: 0 auto;
  background: url(../img/k23.png) no-repeat center;
  background-size: 100%;
}
.recruitstudents-conbox .list .li .wen {
  margin-top: 0.25rem;
  line-height: .6rem;
}
.recruitstudents-conbox .list .li1 {
  width: 6.25rem;
  height: 3.75rem;
  top: 6rem;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  line-height: 3.75rem;
}
.recruitstudents-conbox .list .li1 .wen {
  margin-bottom: .25rem;
}
.recruitstudents-conbox .list .li2 {
  width: 3.75rem;
  height: 2.875rem;
  left: 11rem;
  top: 12.125rem;
  text-align: center;
}
.recruitstudents-conbox .list .li3 {
  width: 1.5rem;
  height: 1.5rem;
  left: 12.6rem;
  top: 16.95rem;
}
.recruitstudents-conbox .list .li3 .img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.recruitstudents-conbox .list .li3 .wen {
  width: 5.25rem;
  height: 1.5rem;
  position: absolute;
  left: 1.5rem;
  top: 0;
  padding-top: .1rem;
  padding-left: .25rem;
  margin-top: 0;
}
.recruitstudents-conbox .list .li4 {
  width: 1.5rem;
  height: 1.5rem;
  left: 21.7rem;
  top: 17.875rem;
}
.recruitstudents-conbox .list .li4 .img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.recruitstudents-conbox .list .li4 .wen {
  width: 3.5rem;
  height: 1.5rem;
  position: absolute;
  left: 1.5rem;
  top: 0;
  padding-top: .1rem;
  padding-left: .25rem;
  margin-top: 0;
}
.recruitstudents-conbox .list .li6 {
  width: 6.25rem;
  height: 3.75rem;
  bottom: 9.75rem;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  line-height: 3.75rem;
}
.recruitstudents-conbox .list .li6 .wen {
  margin-bottom: .25rem;
}
.recruitstudents-conbox .list .li7 {
  width: 50%;
  bottom: 7rem;
  right: 0;
  padding: 0 .6rem;
}
.recruitstudents-conbox .list .li7 .wen {
  margin: 0;
}
.recruitstudents-conbox .list .li8 {
  left: 2.75rem;
  bottom: 2.125rem;
  line-height: 1;
}
.recruitstudents-conbox .list .li8 .tit {
  margin-bottom: .4rem;
}
.recruitstudents-conbox .list .li8 .i {
  width: 3rem;
  height: 3rem;
}
.recruitstudents-conbox .list .li8 .en {
  margin-bottom: 1.75rem;
  margin-top: .35rem;
  font-size: .75rem;
}
.recruitstudents-conbox .list .li5 {
  width: 3.75rem;
  height: 2.75rem;
  left: 19.125rem;
  top: 22.375rem;
  text-align: center;
}

.curriculum-list .lists .items:hover .words {
  border-color: #000;
}

.job {
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
}

.curriculum-list .lists .items .tit {
  line-height: .7rem;
  height: .7rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.workplace {
  padding-bottom: 2.5rem;
}
.workplace .honor-top {
  padding-top: 3rem;
  padding-bottom: 2.25rem;
}
.workplace .honor-top .honner-list {
  margin-top: 0 !important;
}

.workplace-brand {
  padding-top: 2.375rem;
  padding-bottom: 3rem;
  background: url(../img/bg2.jpg) repeat left top;
}
.workplace-brand .languages {
  color: #fff;
}
.workplace-brand .lists {
  margin-top: 2.25rem;
}
.workplace-brand .lists .items {
  font-size: 0;
}
.workplace-brand .lists .items2 .itbox {
  display: inline-block;
  vertical-align: top;
  /*width: calc((100% - 1.5rem)/3);*/
  width:32%;
  /*margin-left: .75rem;*/
  margin-left:2%;
}
.workplace-brand .lists .items2 .itbox:nth-child(3n+1) {
  margin-left: 0;
}
.workplace-brand .lists .items2 .itbox.items-center img {
  width: 100%;
}
.workplace-brand .lists .items2 .itbox.items-center .li {
  width: 100%;
}
.workplace-brand .lists .items2 .li {
  /*width: calc((100% - .75rem)/2);*/
    width: 47%;
    margin-left: 6%;
    margin-bottom: 6%;
}
.workplace-brand .lists .items2 .li:nth-child(2n+1) {
  margin-left: 0;
}
.workplace-brand .lists .items1 .li {
  /*width: calc((100% - 3.75rem)/6);*/
  width:15%;
  overflow: hidden;
}
.workplace-brand .lists .items1 .li:nth-child(6n+1) {
  margin-left: 0;
}
.workplace-brand .lists .li {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  /*margin-left: .75rem;
  margin-bottom: .75rem;*/
  margin-left:2%;
  margin-bottom:2%;
  position: relative;
  overflow: hidden;
}
.workplace-brand .lists .li .i0 {
  opacity: 0;
  width: 100%;
  display: block;
}
.workplace-brand .lists .li .i1 {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  max-height: 100%;
}
.workplace-brand .lists .li img {
  transition: .5s ease-in-out;
}
.workplace-brand .lists .li:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}

.workplacedetails-top {
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  font-size: 0;
  border-bottom: 1px solid #dddddd;
}
.workplacedetails-top .img, .workplacedetails-top .words {
  display: inline-block;
  vertical-align: top;
}
.workplacedetails-top .img {
  width: 7.5rem;
  height: 7.5rem;
  font-size: 12px;
  overflow: hidden;
}
.workplacedetails-top .img img {
  transition: .5s ease-in-out;
}
.workplacedetails-top .img:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.workplacedetails-top .words {
  width: calc(100% - 7.5rem);
  color: #333333;
  padding: 0.875rem 1.375rem;
  line-height: 0.65rem;
}
.workplacedetails-top .words .tit {
  line-height: 1.2;
  color: #222222;
  font-weight: bold;
  margin-bottom: 0.125rem;
}
.workplacedetails-top .words .wen {
  color: #666;
}
.workplacedetails-top .words .txt {
  margin-top: 1.875rem;
}
.workplacedetails-top .words .txt .span {
  color: #999999;
  margin-bottom: .375rem;
}

.contetx18 {
  font-size: .45rem;
  line-height: 1rem;
}

.ft30 {
  font-size: .75rem;
}

.workplacedetails-center {
  padding-top: 1.375rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid #dddddd;
}
.workplacedetails-center .txt {
  line-height: 1.4;
}
.workplacedetails-center .wen {
  margin-top: 0.875rem;
}
.workplacedetails-center .wen .spans {
  font-size: .75rem;
}

.workplacedetails-bot {
  padding-top: 2.875rem;
  padding-bottom: 4.75rem;
}
.workplacedetails-bot .txt {
  color: #222222;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}
.workplacedetails-bot .lists .li {
  float: left;
  width: 30%;
  padding-right: 4px;
  padding-left: .75rem;
  font-size: .375rem;
}
.workplacedetails-bot .lists .li4 {
  width: 10%;
}
.workplacedetails-bot .list-top {
  font-size: .375rem;
  height: 2.25rem;
  line-height: 2.25rem;
}
.workplacedetails-bot .items-bot {
  padding: 1.5rem 1.625rem;
  padding-bottom: 4rem;
  font-size: .375rem;
  display: none;
}
.workplacedetails-bot .items-bot .p {
  line-height: .75rem;
  color: #222222;
}
.workplacedetails-bot .items-bot .tit {
  font-weight: bold;
  color: #333333;
  font-size: .4rem;
  line-height: 1.2;
  margin-bottom: .75rem;
}
.workplacedetails-bot .items:nth-child(2n+1) .items-top {
  background: #f7f7f7;
}
.workplacedetails-bot .items-top {
  line-height: 1.75rem;
  height: 1.75rem;
  position: relative;
  cursor: pointer;
  transition: .5s ease-in-out;
}
.workplacedetails-bot .items-top:before {
  position: absolute;
  transition: .5s ease-in-out;
  content: "";
  width: .45rem;
  height: .45rem;
  top: 0;
  bottom: 0;
  right: 1rem;
  margin: auto;
  background: url(../img/n1.png) no-repeat center;
  background-size: 100%;
  opacity: 0;
}
.workplacedetails-bot .words:nth-child(n+2) {
  margin-top: 1.75rem;
}
.workplacedetails-bot .items:hover .items-top {
  background: #000000;
  color: #fff;
  transition: .5s ease-in-out;
}
.workplacedetails-bot .items.active .items-top {
  background: #000000;
  color: #fff;
  transition: .5s ease-in-out;
}
.workplacedetails-bot .items.active .items-top:before {
  opacity: 1;
  transition: .5s ease-in-out;
}
.workplacedetails-bot .items.active .items-top .li2, .workplacedetails-bot .items.active .items-top .li3, .workplacedetails-bot .items.active .items-top .li4 {
  opacity: 0;
}
.workplacedetails-bot .items-bot {
  border: 3px solid #000000;
}

.workplacedetails-bot .lists .li4 span {
  display: inline-block;
  text-decoration: underline;
}

.story {
  padding-top: 3.25rem;
}
.story .swiper-slide-shadow-left, .story .swiper-slide-shadow-right {
  display: none;
}
.story .story-swiper {
  width: 1135px;
  margin: 0 auto;
}

.story-words .swiper-button-prev, .story-words .swiper-button-next {
  width: 1.5rem;
  height: 1.5rem;
  background-color: #f7f7f7;
  border-radius: 50%;
  transition: .5s ease-in-out;
  top: 0;
  bottom: 0;
  margin: auto;
}
.story-words .swiper-button-prev:hover, .story-words .swiper-button-next:hover {
  background-color: #000000;
  transition: .5s ease-in-out;
}
.story-words .swiper-button-prev {
  background-image: url(../img/n3.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
}
.story-words .swiper-button-prev:hover {
  background-image: url(../img/n4.png);
}
.story-words .swiper-button-next {
  background-image: url(../img/n5.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  right: 0;
}
.story-words .swiper-button-next:hover {
  background-image: url(../img/n6.png);
}

.story-words {
  padding-top: 2.95rem;
}
.story-words .swiper-wrapper {
  padding-bottom: 4.625rem;
}
.story-words .swiper-slide .words {
  transition: .5s ease-in-out;
  width: 75%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  opacity: 0;
}
.story-words .swiper-slide .items {
  position: relative;
  cursor: pointer;
}
.story-words .swiper-slide .items:before {
  position: absolute;
  content: "";
  width: 1.375rem;
  height: 1.375rem;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  background: url(../img/n2.png) no-repeat center;
  background-size: 100%;
}
/*.story-words .swiper-slide:before {
  position: absolute;
  content: "";
  width: 1.375rem;
  height: 1.375rem;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 5;
}*/

.story-words .swiper-slide .text {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #000000;
  font-size: .375rem;
  color: #999999;
  padding: .6rem .1rem;
  line-height: 1.5;
}
.story-words .swiper-slide .text .tit {
  font-size: .5rem;
  color: #fff;
  margin-bottom: 0.125rem;
}
.story-words .swiper-slide.swiper-slide-active .words {
  opacity: 1;
  transition: .5s ease-in-out;
}

.conbanner-tit .titlist {
  width: calc(100% - 1.75rem);
}

.opuses .conbanner-tit {
  z-index: 10;
}
.opuses .wel-banner {
  z-index: 4;
  position: relative;
}
.opuses .items {
  position: relative;
}
.opuses .context {
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  transform: translateY(-50%);
  width: 100%;
  color: #fff;
}
.opuses .context .bgen {
  line-height: 1;
  font-size: 6.25rem;
  color: rgba(255, 255, 255, 0.1);
}
.opuses .context .words {
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  transform: translateY(-50%);
  width: 100%;
  line-height: 1.2;
  padding-left: 0;
}
.opuses .context .big {
  margin-top: .5rem;
  font-weight: bold;
  font-size: 1.25rem;
}
.opuses .context .smil {
  font-size: .4rem;
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
  max-width: 85%;
}

.teachingdetails-tit {
  line-height: 1;
}
.teachingdetails-tit .num {
  font-size: 3.75rem;
  height: 1.25rem;
  overflow: hidden;
  position: relative;
}
.teachingdetails-tit .num span {
  position: absolute;
  left: 0;
  top: 0;
}
.teachingdetails-tit .en {
  font-size: 1.25rem;
  margin-top: .25rem;
}
.teachingdetails-tit .cn {
  font-size: .75rem;
  color: #222222;
  margin-top: .35rem;
  font-weight: bold;
}

.teachingdetails-words {
  margin-top: 2.75rem;
}
.teachingdetails-words .items {
  padding-top: 2rem;
  padding-bottom: 3rem;
  border-top: 2px solid #333333;
}
.teachingdetails-words .words {
  margin-top: 1rem;
  padding-bottom: .6rem;
}
.teachingdetails-words .images {
  margin-top: 1.75rem;
}

.teachingdetails {
  padding-top: 2.625rem;
  padding-bottom: 2rem;
}
.teachingdetails .a-back {
  display: inline-block;
  vertical-align: top;
  font-size: .35rem;
  color: #222222;
  padding-left: .5rem;
  position: relative;
  margin-bottom: 2.75rem;
  line-height: .5rem;
}
.teachingdetails .a-back.on {
  margin-bottom: 1.375rem;
}
.teachingdetails .a-back:hover span {
  transition: .5s ease-in-out;
  transform: translateX(-5px);
}
.teachingdetails .a-back span {
  width: .3rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  transition: .5s ease-in-out;
}

.w1270 {
  width: 1270px;
  margin: 0 auto;
  max-width: 85%;
}

.teachingdetails .languages .text {
  width: 18rem;
  margin: 0 auto;
  line-height: .75rem;
  margin-top: 1.625rem;
}

.schooldetails {
  padding-top: 3.125rem;
  overflow: hidden;
}

.schooldetails-bot {
  background: #000000;
  padding-top: 3rem;
  margin-top: -3rem;
}

.schooldetails-top {
  position: relative;
}
.schooldetails-top .images {
  width: 48%;
}
.schooldetails-top .text {
  width: 12rem;
  overflow-y: auto;
  height: 100%;
  padding-right: .2rem;
}
.schooldetails-top .words {
  width: 52%;
  padding-left: 2.875rem;
  padding-bottom: 4rem;
  position: absolute;
  height: 100%;
}
.schooldetails-top .words .wen, .schooldetails-top .words .i0 {
  font-size: .375rem;
  line-height: .6rem;
  color: #222;
}
.schooldetails-top .words .i:nth-child(2) {
  margin-top: .6rem;
}
.schooldetails-top .words .i1 {
  font-size: .4rem;
  color: #000;
  line-height: 0.65rem;
}
.schooldetails-top .words .li:nth-child(2) {
  margin-top: 2.375rem;
}
.schooldetails-top .words .line {
  margin-top: 0.875rem;
  margin-bottom: 1rem;
  height: 1px;
  background: #333333;
}
.schooldetails-top .words .tit {
  font-size: .6rem;
  color: #222222;
  line-height: 1;
}

.schooldetails-words {
  margin-top: 2rem;
  position: relative;
}
.schooldetails-words .items {
  position: relative;
}
.schooldetails-words .bg {
  line-height: 1;
  position: absolute;
  z-index: 0;
  left: 0;
  text-align: center;
  font-size: 15rem;
  width: 100%;
  color: #1a1a1a;
}
.schooldetails-words .images {
  width: 48%;
}
.schooldetails-words .text {
  position: relative;
  z-index: 3;
}
.schooldetails-words .words {
  width: 52%;
  color: #ffffff;
  font-size: .5rem;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: .5rem;
  text-align: center;
}
.schooldetails-words .words .box {
  text-align: left;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 80%;
  line-height: 1.5;
}
.schooldetails-words .words .num {
  font-size: 1.5rem;
  line-height: 1;
}
.schooldetails-words .words .p {
  font-size: .5rem;
  line-height: 1.5;
  margin-top: .25rem;
}

.schooldetails-list {
  padding-top: 2.875rem;
  padding-bottom: 3.75rem;
  overflow: hidden;
}
.schooldetails-list .languages {
  color: #fff;
}
.schooldetails-list .schooldetails-swiper {
  margin-top: 1.625rem;

}
.schooldetails-list .schooldetails-swiper{
  text-align: center;
}
.schooldetails-list .schooldetails-swiper  .swiper-container{
  width: auto;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}
.schooldetails-list .schooldetails-swiper .swiper-wrapper{

}

.schooldetails-list .schooldetails-swiper.ons .swiper-slide{
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}

.schooldetails-list .schooldetails-swiper.ons{
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd;
}


.schooldetails-list .schooldetails-swiper .swiper-slide {
  width: 4.5rem;
  color: #999999;
  font-size: .45rem;
  text-align: center;
  line-height: 1.5rem;
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd;
}
.schooldetails-list .schooldetails-swiper .items {
  display: inline-block;
  vertical-align: middle;
  padding-left: .35rem;
  position: relative;
  line-height: 1.3;
  cursor: pointer;
}
.schooldetails-list .schooldetails-swiper .items.active, .schooldetails-list .schooldetails-swiper .items:hover {
  color: #fff;
}
.schooldetails-list .schooldetails-swiper .items.active:after, .schooldetails-list .schooldetails-swiper .items:hover:after {
  transition: .5s ease-in-out;
  opacity: 1;
}
.schooldetails-list .schooldetails-swiper .items:after {
  position: absolute;
  content: "";
  width: .125rem;
  height: .125rem;
  border-radius: 50%;
  background: #dddddd;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transition: .5s ease-in-out;
}

.schooldetails-botwords {
  /*padding: 0 1.75rem;*/
  padding-top: 2.875rem;
  padding-bottom: 3.125rem;
}
.schooldetails-botwords .lists {
  /*padding-left: (220rem/40);*/
  /*padding-right: 2.5rem;*/
  font-size: 0;
}
.schooldetails-botwords .lists .items {
  display: inline-block;
  vertical-align: top;
  font-size: .4rem;
  color: #222222;
  width: 25%;
  padding-right: .5rem;
  margin-top: 2.375rem;
}
.schooldetails-botwords .lists .p {
  line-height: 0.65rem;
}
.schooldetails-botwords .lists .time {
  line-height: 1.2;
  margin-bottom: .125rem;
  font-size: .75rem;
  color: #222222;
}
.schooldetails-botwords .lists .time span {
  font-size: .5rem;
}

.schooldetails-list .schooldetails-swiper .swiper-slide {
  cursor: pointer;
}

.teachingmodel .lists .items .p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.teachingmodel {
  padding-left: 2.75rem;
  margin-top: -10.5rem;
  position: relative;
  z-index: 5;
}
.teachingmodel .conbox {
  min-height: 10.5rem;
  background: #fff;
  padding: 3rem 4.5rem;
  padding-bottom: 1.5rem;
}

.teachingmodel .lists {
  font-size: 0;
  padding-bottom: 2rem;
}
.teachingmodel .lists .items {
  width: 48%;
  margin-left: 4%;
  display: inline-block;
  vertical-align: top;
  margin-top: 2rem;
}
.teachingmodel .lists .items .wen {
  padding-top: 0.875rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #000000;
}
.teachingmodel .lists .items:nth-child(2n) .imgs {
  margin-top: 1.5rem;
}
.teachingmodel .lists .items:nth-child(2n+1) {
  margin-left: 0;
}
.teachingmodel .lists .items .tit {
  font-size: .5rem;
  line-height: 1.5;
  font-family: 'cre';
}
.teachingmodel .lists .items .tit span {
  font-size: .55rem;
}
.teachingmodel .lists .items .tit b {
  font-size: .6rem;
}
.teachingmodel .lists .items .p {
  font-size: .375rem;
  line-height: .6rem;
  height: 1.2rem;
  margin-top: .6rem;
  margin-bottom: .75rem;
}
.teachingmodel .lists .items img {
  width: 100%;
}

footer {
  background: rgba(255, 255, 255, 0.6);
  position: relative;
  z-index: 2;
}

.blockbustersfixed.conbanner .images {
  /*height: 100vh;*/
}

.conbanner .wel-banner .images {
  height: 27rem;
  max-height: 100vh;
}

.wel-banner .items {
  display: block;
  position: relative;
}
.wel-banner video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
}
.wel-banner .swiper-pagination {
  position: absolute;
  top: 50%;
  right: 1.375rem;
  transform: translateY(-50%);
}
.wel-banner .swiper-pagination .swiper-pagination-bullet {
  display: block;
  margin: 3px 0;
  width: 0.65rem;
  height: 0.65rem;
  background: url(../img/wel1.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
  opacity: 1;
}
.wel-banner .swiper-pagination .swiper-pagination-bullet:hover, .wel-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: url(../img/wel0.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}

.busters-bannertit {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-bottom: 1.75rem;
  text-align: center;
  width: calc(100% - 70px);
  font-size: 0;
}
.busters-bannertit .li {
  display: inline-block;
  vertical-align: top;
  font-size: .4rem;
  color: #ffffff;
  margin: 0 .55rem;
  padding: 0 .7rem;
  height: 1.25rem;
  line-height: 1.25rem;
  transition: .5s ease-in-out;
}
.busters-bannertit .li:hover, .busters-bannertit .li.active {
  background: #000000;
  transition: .5s ease-in-out;
}

.blockbustersfixed .bgs {
  opacity: 0;
  visibility: hidden;
}
.blockbustersfixed .items {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 0;
}

.blockbusters-box .listsbox {
  padding-bottom: 2.1rem;
}
.blockbusters-box .welcome-excellent .lists {
  /*height: 27rem;*/
  height: 75vh;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  position: relative;
}
.blockbusters-box .welcome-excellent .lists .en{
  font-size: .75rem;
  line-height: 1;
}
.blockbusters-box .welcome-excellent .lists .en span{
  font-size: .5rem;
}
.blockbusters-box .welcome-excellent .lists .items.active .en span{
  font-size: .6rem;
}
.blockbusters-box .welcome-excellent .lists .items.active .en{
  font-size: 1.5rem;
}
.blockbusters-box .welcome-excellent .lists .items .cn{
  font-size: .5rem;
  line-height: 1;


}
.blockbusters-box .welcome-excellent .lists .items.active .text:after{
  top: 0;
}
.blockbusters-box .welcome-excellent .lists .items.active .cn{
  font-size: .9rem;
}
.blockbusters-box .welcome-excellent .lists .items {
  position: absolute;
}
.blockbusters-box .welcome-excellent .lists .items1 {
  left: 4rem;
  top: 1.5rem;
  width: 7.5rem;
}
.blockbusters-box .welcome-excellent .lists .items2 {
  right: 4.25rem;
  width: 9.25rem;
  top: 4.25rem;
}
.blockbusters-box .welcome-excellent .lists .items3 {
  left: 11.5rem;
  bottom: 0;
  width: 7.5rem;
}
.blockbusters-box .welcome-excellent .lists .items4 {
  left: 4rem;
  top: 1.5rem;
  width: 7.5rem;
}
.blockbusters-box .welcome-excellent .lists .items5 {
  right: 4.25rem;
  width: 9.25rem;
  top: 4.25rem;
}
.blockbusters-box .welcome-excellent .lists .items6 {
  left: 11.5rem;
  bottom: 0;
  width: 7.5rem;
}
.blockbusters-box .welcome-excellent .lists .items7 {
  left: 4rem;
  top: 1.5rem;
  width: 7.5rem;
}
.blockbusters-box .welcome-excellent .lists .items8 {
  right: 4.25rem;
  width: 9.25rem;
  top: 4.25rem;
}
.blockbusters-box .welcome-excellent .lists .items9 {
  left: 11.5rem;
  bottom: 0;
  width: 7.5rem;
}
.blockbusters-box .welcome-excellent .lists .items10 {
  left: 4rem;
  top: 1.5rem;
  width: 7.5rem;
}
.blockbusters-box .welcome-excellent .lists .items11 {
  right: 4.25rem;
  width: 9.25rem;
  top: 4.25rem;
}
.blockbusters-box .welcome-excellent .lists .items12 {
  left: 11.5rem;
  bottom: 0;
  width: 7.5rem;
}
.blockbusters-box .welcome-excellent .lists .items13 {
  left: 4rem;
  top: 1.5rem;
  width: 7.5rem;
}
.blockbusters-box .welcome-excellent .lists .items14 {
  right: 4.25rem;
  width: 9.25rem;
  top: 4.25rem;
}
.blockbusters-box .welcome-excellent .lists .items5 {
  left: 11.5rem;
  bottom: 0;
  width: 7.5rem;
}
.blockbusters-box .welcome-excellent .lists .items16 {
  left: 4rem;
  top: 1.5rem;
  width: 7.5rem;
}
.blockbusters-box .welcome-excellent .lists .items17 {
  right: 4.25rem;
  width: 9.25rem;
  top: 4.25rem;
}
.blockbusters-box .welcome-excellent .lists .items18 {
  left: 11.5rem;
  bottom: 0;
  width: 7.5rem;
}
.blockbusters-box .welcome-excellent .lists .items19 {
  left: 4rem;
  top: 1.5rem;
  width: 7.5rem;
}
.blockbusters-box .welcome-excellent .lists .items20 {
  right: 4.25rem;
  width: 9.25rem;
  top: 4.25rem;
}
.blockbusters-box .welcome-excellent .lists .items21 {
  left: 11.5rem;
  bottom: 0;
  width: 7.5rem;
}
.blockbusters-box .welcome-excellent .lists .items22 {
  left: 4rem;
  top: 1.5rem;
  width: 7.5rem;
}
.blockbusters-box .welcome-excellent .lists .items23 {
  right: 4.25rem;
  width: 9.25rem;
  top: 4.25rem;
}
.blockbusters-box .welcome-excellent .lists .items24 {
  left: 11.5rem;
  bottom: 0;
  width: 7.5rem;
}
.blockbusters-box .welcome-excellent .lists .items25 {
  left: 4rem;
  top: 1.5rem;
  width: 7.5rem;
}
.blockbusters-box .welcome-excellent .lists .items26 {
  right: 4.25rem;
  width: 9.25rem;
  top: 4.25rem;
}
.blockbusters-box .welcome-excellent .lists .items27 {
  left: 11.5rem;
  bottom: 0;
  width: 7.5rem;
}
.blockbusters-box .welcome-excellent .lists .items28 {
  left: 4rem;
  top: 1.5rem;
  width: 7.5rem;
}
.blockbusters-box .welcome-excellent .lists .items29 {
  right: 4.25rem;
  width: 9.25rem;
  top: 4.25rem;
}
.blockbusters-box .welcome-excellent .lists .items30 {
  left: 11.5rem;
  bottom: 0;
  width: 7.5rem;
}
.blockbusters-box.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.blockbusters-box .welcome-excellent .lists .items {
  position: absolute;
}
.blockbusters-box .welcome-excellent .lists .items img {
/*  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);*/
}
.blockbusters-box .welcome-excellent .lists .items.active img {
/*  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);*/
}
.fixedtext {
  display: none;
}
.blockbustersfixed .images.on:after{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background:rgba(0,0,0,.5);
}

.blockbustersfixed .images.on {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  position: relative;
}

.blockbusters-box .welcome-excellent .lists .items:hover .img:before {
  transform: translate(-0.4rem, 0.4rem);
  transition: .5s ease-in-out;
}

.blockbusters-box .welcome-excellent .lists .items .img {
  position: relative;
}
.blockbusters-box .welcome-excellent .lists .items .img:before {
  position: absolute;
  /*content: "";*/
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5;
  transition: .5s ease-in-out;
}

.blockbusters-box .welcome-excellent .lists .items .img:after {
  border-color: rgba(255, 255, 255, 0.25);
}

.fixedtext {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  text-align: center;
  z-index: 0;
  font-size: 1rem;
  opacity: 0;
  transition: .5s ease-in-out;
}
.fixedtext.cur {
  opacity: 1;
  transition: .5s ease-in-out;
}
.fixedtext .en {
  font-size: 2rem;
}

.blockbusterswen-swiper {
  width: calc(100% - 70px);
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 30;
  opacity: 0;
  transition: .5s ease-in-out;
}
.blockbusterswen-swiper.cur {
  opacity: 1;
  transition: .5s ease-in-out;
}
.blockbusterswen-swiper .items {
  height: 2.1rem;
  color: #fff;
  font-size: .4rem;
  text-align: center;
  padding-top: 0.625rem;
  line-height: 1;
  position: relative;
  cursor: pointer;
}
.blockbusterswen-swiper .items:after {
  position: absolute;
  content: "";
  width: 0.125rem;
  height: 0.125rem;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  background: #fff;
  border-radius: 50%;
  opacity: 0;
  transition: .5s ease;
}
.blockbusterswen-swiper .items.active:after {
  opacity: 1;
  transition: .5s ease;
}

.w1450 {
  width: 1450px;
  margin: 0 auto;
  max-width: 85%;
}

.blockbustersdetails {
  overflow: hidden;
  background: #000000;
  padding-top: 100px;
}
.blockbustersdetails .back {
  padding-left: .5rem;
  font-size: .4rem;
  line-height: .7rem;
  height: .7rem;
  color: #fff;
  position: relative;
  margin-bottom: 1.75rem;
  display: inline-block;
  vertical-align: top;
}
.blockbustersdetails .back span {
  position: absolute;
  height: 100%;
  line-height: .5rem;
  left: 0;
  top: 0;
  transition: .5s ease-in-out;
}
.blockbustersdetails .back:hover span {
  transition: .5s ease-in-out;
  transform: translateX(-5px);
}
.blockbustersdetails .detailsbox {
  padding-top: 2rem;
  padding-bottom: 4.75rem;
}
.blockbustersdetails .listbox {
  position: relative;
}
.blockbustersdetails .listbox .number {
  position: absolute;
  width: 110%;
  left: -5%;
  line-height: .8;
  z-index: 0;
  top: 0;
  font-size: 20rem;
  color: #1b1919;
}
.blockbustersdetails .lists {
  position: relative;
  z-index: 2;
  font-size: 0;
  margin-top: 2rem;
  padding-bottom: 4.25rem;
}
.blockbustersdetails .lists .items {
  width: 21%;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  margin-left: 18.5%;
  margin-bottom: 0.875rem;
  overflow: hidden;
}
.blockbustersdetails .lists .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.blockbustersdetails .lists .items img {
  transition: .5s ease-in-out;
}
.blockbustersdetails .lists .items:nth-child(3n+1) {
  margin-left: 0;
}
.blockbustersdetails .lists .items:nth-child(3n+2) {
  margin-top: 2rem;
}
.blockbustersdetails .tittitle {
  color: #fff;
  line-height: 1;
  position: relative;
  z-index: 3;
}
.blockbustersdetails .tittitle .en {
  font-size: 1.5rem;
}
.blockbustersdetails .tittitle .cn {
  font-size: .9rem;
  margin-top: .5rem;
}

.video-excellent {
  position: relative;
  z-index: 2;
  padding-bottom: 2.5rem;
}
.video-excellent .lists {
  font-size: 0;
  padding-bottom: .4rem;
}
.video-excellent .items {
  display: inline-block;
  vertical-align: top;
  font-size: .375rem;
  color: #666666;
  width: 28%;
  margin-left: 8%;
  margin-bottom: 2.65rem;
}
.video-excellent .items:nth-child(3n+1) {
  margin-left: 0;
}
.video-excellent .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.video-excellent .items .span {
  color: #fff;
  font-size: .6rem;
  line-height: 1rem;
  height: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: .8rem;
  margin-bottom: .45rem;
}
.video-excellent .items .line {
  background: #ffffff;
  height: 2px;
}
.video-excellent .items .txt {
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  padding-right: 1.5rem;
  position: relative;
  margin-bottom: .9rem;
}
.video-excellent .items .txt:after {
  position: absolute;
  content: "";
  width: 1.25rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.video-excellent .items .imgs {
  overflow: hidden;
}
.video-excellent .items .imgs img {
  transition: .5s ease-in-out;
}
.video-excellent .items .time {
  font-size: .4rem;
  color: #fff;
  line-height: 1;
  margin-bottom: 0.875rem;
}

.bocweb-header.fixed {
  background: #000;
}

.videodetails .detailsbox .back {
  margin-bottom: 1.125rem;
}
.videodetails .detailsbox .line {
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
}
.videodetails .detailsbox .tit {
  text-align: center;
  font-size: 1.15rem;
  line-height: 1.5;
  color: #fff;
  padding: 1.25rem 0;
}
.videodetails .detailsbox .video-bot {
  margin-top: 1.625rem;
}
.videodetails .detailsbox .video-bot .btn {
  width: 50%;
  font-size: .35rem;
  color: #999999;
  line-height: 1;
}
.videodetails .detailsbox .video-bot .btn .span {
  margin-bottom: .25rem;
}
.videodetails .detailsbox .video-bot .btn a {
  display: block;
  font-size: .45rem;
  line-height: .7rem;
  height: .7rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #fff;
  transition: .5s ease-in-out;
}
.videodetails .detailsbox .video-bot .btn a:hover {
  transition: .5s ease-in-out;
  opacity: .5;
}
.videodetails .detailsbox .video-bot .btn.fl {
  text-align: left;
}
.videodetails .detailsbox .video-bot .btn.fr {
  text-align: right;
}
.videodetails .detailsbox .videos {
  cursor: pointer;
  position: relative;
}
.videodetails .detailsbox .videos .videospan {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: .4rem;
  color: #fff;
  line-height: 1;
  padding-top: 1.625rem;
}
.videodetails .detailsbox .videos .videospan:before {
  position: absolute;
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  top: 0;
  left: 0;
  right: 0;
  background: url(../img/n9.png) no-repeat center;
  background-size: 100%;
  margin: auto;
}

.w900 {
  width: 900px;
  margin: 0 auto;
  max-width: 90%;
}

.video-excellent .languages {
  color: #fff;
  margin-bottom: 1.625rem;
}

.conbanner.blockbustersfixed .words {
  padding-left: 70px;
}
.lb-dataContainer{
  /*display: none!important;*/
  width: 100%!important;
}
.lb-data .lb-details{
  display: none;
}

.honor-bot .honorcenter .items {
  transition: .5s ease-in-out;
  display: inline-block;
  line-height: 1;
}

.honor-bot .honorcenter .swiper-slide{
  width: 20%;
  /*width: 16%;*/
  height: 10rem;
  line-height: 10rem;
  /*padding : 0 .4rem;*/
  transition-duration: 300ms;
}
.honor-bot .honorcenter .swiper-slide .items{
  display: inline-block;
  vertical-align: middle;
}

.honor-bot .honorcenter .swiper-slide-active{
}

.honor-bot .honorcenter .swiper-wrapper {
  padding: 2rem 0;
  /*justify-content:center;*/
}

.honor-bot .honorcenter .swiper-slide-active {
  /*width: 32%;*/
  transition: .5s ease-in-out;
}
.honor-bot .honorcenter .swiper-slide .items{

}
.honor-bot .honorcenter  .swiper-slide .items{
  transform: scale3d(0.5, 0.5, 1);
  transition:none;
}
.honor-bot .honorcenter .swiper-slide-prev .items,.honor-bot .honorcenter .swiper-slide-next .items{
  transform: scale3d(0.6, 0.6, 1);
  transition:none;

}
.honor-bot .honorcenter .swiper-slide-prev .items{
  transform-origin:0 center;
}
.honor-bot .honorcenter .swiper-slide-next .items{
  transform-origin:100% center;
  transition:none;
}

.honor-bot .honorcenter .swiper-slide-active .items{
  transform: scale3d(1.4, 1.4, 1);
}

.makeupcourt .honor-bot .honorcenter .items {
  padding: 0;
  background: transparent;
}
.makeupcourt img {
  width: 100%;
}
.makeupcourt .schooldetails-list {
  padding-bottom: 0;
}
.makeupcourt .honor-bot .honorcenter {
  margin: 0;
}
.makeupcourt .honor-bot .honorcenter .swiper-button-next, .makeupcourt .honor-bot .honorcenter .swiper-button-prev {
  bottom: auto;
  top: 5.4rem;
}
.makeupcourt .honor-bot {
  padding-top: 2.875rem;
  padding-bottom: 4.5rem;
}
.makeupcourt .honor-bot .words {
  opacity: 0;
  transition: .5s ease-in-out;
  color: #fff;
  padding-top: 0.875rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #fff;
}
.makeupcourt .honor-bot .words .tit {
  font-size: .75rem;
  line-height: 1;
}
.makeupcourt .honor-bot .words .span {
  font-size: .5rem;
  font-weight: bold;
  line-height: .75rem;
  height: .75rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: .25rem;
}
.makeupcourt .honor-bot .img {
  overflow: hidden;
}
.makeupcourt .honor-bot .swiper-slide-active .words {
  opacity: 1;
  transition: .5s ease-in-out;
}

.blockbusters-box {
  position: relative;
}

.blockbusters-body {
  background: #000;
}

.makeupcourt .honor-bot .w1380 {
  min-height: 13.25rem;
}

.blockbustersfixed img.on {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.application-list .li.on .li-bot {
  position: relative;
}
.application-list .li.on .li-bot:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  left: 0;
  z-index: 4;
  bottom: 0;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0.2));
}

.onlinecourse-images {
  position: relative;
}
.onlinecourse-images .words {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  height: 100%;
  color: #fff;
  padding-top: 3.375rem;
}
.onlinecourse-images .languages {
  margin-bottom: 1.5rem;
  color: #fff;
}
.onlinecourse-images .erweima {
  width: 3.875rem;
  margin-top: 3.25rem;
}
.onlinecourse-images .erweima .span {
  text-align: center;
  font-size: .35rem;
  margin-top: .45rem;
  line-height: 1.2;
}
.onlinecourse-images .erweima .i {
  height: 3.875rem;
}
.onlinecourse-images .wen {
  font-size: .375rem;
  line-height: .7rem;
}

.teachingmodel .lists .items {
  color: #222;
}
.teachingmodel .lists .items img {
  transition: .4s ease-in-out;
}
.teachingmodel .lists .items .imgs {
  overflow: hidden;
}
.teachingmodel .lists .items:hover img {
  transition: .4s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}

.profile-school .images {
  max-width: 100%;
}

.profile-items2 {
  position: relative;
  background: #080808;
}
.profile-items2 .images {
  width: 46.25rem;
  position: relative;
}
.profile-items2 .profile-map {
  position: relative;
}
.profile-items2 .profile-map .words {
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  color: #fff;
  z-index: 5;
  padding: 5.5rem 4.5rem 4.875rem 0;
}
.profile-items2 .profile-map .languages {
  color: #fff;
  margin-bottom: 1.75rem;
}
.profile-items2 .profile-map .ul, .profile-items2 .profile-map .wen {
  width: 12.6rem;
  font-size: .375rem;
  line-height: .6rem;
}
.profile-items2 .profile-map .wen {
  margin-bottom: 2.5rem;
}
.profile-items2 .profile-map .ul {
  padding: 1rem 0;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.profile-items2 .lists {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.profile-items2 .lists .li {
  position: absolute;
  color: #fff;
  font-size: .375rem;
  width: .75rem;
  height: 1rem;
  text-align: center;
  line-height: 1;
  transition: .6s ease-in-out;
}
.profile-items2 .lists .li:hover, .profile-items2 .lists .li.active {
  transform: scale3d(1.2, 1.2, 1);
  transition: .6s ease-in-out;
}
.profile-items2 .lists .li .span {
  margin-top: 0.125rem;
}
.profile-items2 .lists .li0 {
  left: 19.125rem;
  top: 3.925rem;
}
.profile-items2 .lists .li1 {
  left: 22.375rem;
  top: 8.125rem;
}
.profile-items2 .lists .li2 {
  left: 16.625rem;
  top: 10.375rem;
}
.profile-items2 .lists .li3 {
  left: 8.25rem;
  top: 14.25rem;
}
.profile-items2 .lists .li4 {
  left: 14.75rem;
  top: 11.5rem;
}
.profile-items2 .lists .li5 {
  left: 17.625rem;
  top: 14.25rem;
}
.profile-items2 .lists .li6 {
  left: 22.5rem;
  top: 13.75rem;
}
.profile-items2 .lists .li7 {
  /*left: (960rem/40);*/
  left: 23.5rem;
  top: 13.5rem;
}
.profile-items2 .lists .li8 {
  left: 17rem;
  top: 21.25rem;
}

.profile-body {
  overflow: hidden;
}

.profile-school {
  padding: 0 2.875rem;
  padding-top: 3.375rem;
  padding-bottom: 3.125rem;
  background: #fff;
  padding-top: 1rem;
}
.profile-school .words {
  padding-top: 5.25rem;
}
.profile-school .words .items {
  font-size: .375rem;
  color: #999999;
  display: block;
  background: #000000;
  padding: .6rem;
  max-width: 9.125rem;
}
.profile-school .words .items:hover img {
  transform: scale3d(1.05, 1.05, 1);
  transition: .5s ease-in-out;
}
.profile-school .words .i1 {
  font-size: .375rem;
  color: #fff;
}
.profile-school .words .tit {
  font-size: .6rem;
  line-height: .7rem;
  padding-top: .5rem;
  font-weight: bold;
  padding-bottom: .4rem;
  border-bottom: 1px solid #fff;
  color: #fff;
  margin-bottom: .5rem;
}
.profile-school .words .wen {
  line-height: .6rem;
}
.profile-school .words .know-more {
  color: #fff;
  margin-top: 1rem;
}
.profile-school .words .img {
  overflow: hidden;
}
.profile-school .words .img img {
  width: 100%;
  transition: .5s ease-in-out;
}
.profile-school .images {
  width: 28.75rem;
  position: relative;
}
.profile-school .images .list {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}
.profile-school .images .list .li {
  text-align: center;
  max-width: 2rem;
  line-height: 1;
  position: absolute;
  cursor: pointer;
}
.profile-school .images .list .li:hover .i, .profile-school .images .list .li.cur .i {
  border-color: #009944;
  transition: .5s ease-in-out;
}
.profile-school .images .list .li:hover .i:before, .profile-school .images .list .li.cur .i:before {
  background: url(../img/n13.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.profile-school .images .list .li.active .span {
  margin-bottom: .25rem;
}
.profile-school .images .list .li.active .i {
  transition: .5s ease-in-out;
  border-color: #222;
}
.profile-school .images .list .li.active .i:before {
  bottom: auto;
  top: calc(-.1rem - 2px);
  background: url(../img/n15.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.profile-school .images .list .li img {
  height: 100%;
}
.profile-school .images .list .li .i {
  height: 1.25rem;
  border: 2px solid #ffffff;
  position: relative;
  transition: .5s ease-in-out;
}
.profile-school .images .list .li .i:before {
  position: absolute;
  bottom: calc(-.1rem - 2px);
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  width: 0.175rem;
  height: 0.1rem;
  background: url(../img/n12.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.profile-school .images .list .li .span {
  margin-top: 0.125rem;
  font-weight: bold;
}
.profile-school .images .list .li0 {
  left: 20rem;
  top: 6.75rem;
}
.profile-school .images .list .li1 {
  left: 20.5rem;
  top: 9.75rem;
}
.profile-school .images .list .li2 {
  left: 17.125rem;
  top: 11rem;
}
.profile-school .images .list .li3 {
  left: 12.125rem;
  top: 12.75rem;
}
.profile-school .images .list .li4 {
  left: 14.375rem;
  top: 12.875rem;
}
.profile-school .images .list .li5 {
  left: 17.625rem;
  top: 13.125rem;
}
.profile-school .images .list .li7 {
  /**/
  left: 20.875rem;
  top: 12.75rem;
}
.profile-school .images .list .li6 {
  left: 20rem;
  top: 14.375rem;
}
.profile-school .images .list .li8 {
  left: 16.5rem;
  top: 17rem;
}
.profile-school .words {
  width: calc(100% - 28.75rem);
}

.profile-items2 .profile-map .ul .fl {
  width: 3.375rem;
}

.profile-items2 .profile-map .ul .fr {
  width: calc(100% - 135rem/40);
}

.welcome-body .m-header span.tit.on {
  color: #fff;
}

.bocweb-mheader .m-header .w-header {
  z-index: 20;
}

.opuses-tit {
  font-size: 1rem;
  line-height: 1.2;
  padding-bottom: .75rem;
  border-bottom: 2px solid #fff;
  color: #fff;
}

.opuses-swiperbox .opuses-leftswiper {
  width: 65%;
}
.opuses-swiperbox .opuses-rightswiper {
  width: 35%;
  max-width: 9rem;
}

.opuses-lists {
  background: #000;
}
.opuses-lists .opuses-tit {
  height: 2rem;
  margin-bottom: 1.5rem;
}
.opuses-lists .opuses-swiperbox {
  height: calc(100% - 3.5rem);
  position: relative;
}
.opuses-lists .opuses-swiperbox .opuses-leftswiper, .opuses-lists .opuses-swiperbox .opuses-rightswiper {
  height: 100%;
}
.opuses-lists .opuses-leftswiper .li-words {
  color: #fff;
  padding-top: .4rem;
}
.opuses-lists .opuses-leftswiper .li-words .tit {
  font-size: .75rem;
  line-height: 1.2;
}
.opuses-lists .opuses-leftswiper .li-words .ibox {
  font-size: .375rem;
  line-height: .5rem;
  margin-top: 1.875rem;
}
.opuses-lists .opuses-leftswiper .li-words .ibox .i0 {
  color: #666665;
}
.opuses-lists .opuses-leftswiper .li-words .ibox .i1 {
  color: #fff;
}
.opuses-lists .opuses-leftswiper .li-words .ibox .i:nth-child(n+2) {
  margin-top: .6rem;
}
.opuses-lists .li-words {
  /*width: 49%;*/
  width: 39%;
}
.opuses-lists .li-images {
  width: 61%;
  /*width: 51%;*/
  overflow: hidden;
  background:#222;
  position: relative;
  display: block;
}
.opuses-lists .items2 {
  position: relative;
}

.opuses-lists .items2 .imgs{
  background:#222;
  display: block;
}
.opuses-lists .li-images img {
  transition: .5s ease-in-out;
  width: 100%;
}
.opuses-lists .li-images:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.opuses-lists .opuses-rightswiper .imgsbox {
  overflow-y: auto;
  height: 100%;
  font-size: 0;
  max-height: 15rem;
}
.opuses-lists .opuses-rightswiper .imgsbox .imglists{
  padding-right: 1.5rem;
  
}
.opuses-lists .opuses-rightswiper .imgsbox .nbg {
  overflow: hidden;
  position: relative;
  height: 4.5rem;
}
.opuses-lists .opuses-rightswiper .imgsbox .nbg img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-height: 100%;
  margin: auto;
}
.opuses-lists .opuses-rightswiper .imgsbox .nbg:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 3px solid #fff;
  transition: .5s ease-in-out;
  opacity: 0;
  z-index: 2;
}
.opuses-lists .opuses-rightswiper .imgsbox .i {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  width: 47%;
  margin-left: 6%;
  padding-bottom: .5rem;
  /*height: (180rem/40);*/
  height: 5rem;
  overflow: hidden;
  position: relative;
}
.opuses-lists .opuses-rightswiper .imgsbox .i:hover .nbg:before, .opuses-lists .opuses-rightswiper .imgsbox .i.active .nbg:before {
  opacity: 1;
  transition: .5s ease-in-out;
}
.opuses-lists .opuses-rightswiper .imgsbox .i:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.opuses-lists .opuses-rightswiper .imgsbox .i img {
  transition: .5s ease-in-out;
  width: 100%;
}
.opuses-lists .opuses-rightswiper .imgsbox .i:nth-child(2n+1) {
  margin-left: 0;
}

.opuses-swiperbox {
  position: relative;
}
.opuses-swiperbox .btns {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 0;
  z-index: 4;
}
.opuses-swiperbox .btn {
  position: static;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 2px solid #fff;
  margin-right: .25rem;
  transition: .5s ease-in-out;
}
.opuses-swiperbox .btn:hover {
  transition: .5s ease-in-out;
}
.opuses-swiperbox .swiper-button-prev {
  background: url(../img/n16.png) no-repeat center;
  background-size: 100%;
}
.opuses-swiperbox .swiper-button-prev:hover {
  background: url(../img/n18.png) #fff no-repeat center;
  background-size: 100%;
}
.opuses-swiperbox .swiper-button-next {
  background: url(../img/n17.png) no-repeat center;
  background-size: 100%;
}
.opuses-swiperbox .swiper-button-next:hover {
  background: url(../img/n19.png) #fff no-repeat center;
  background-size: 100%;
}

.opuses-lists .opuses-leftswiper .items2  .li-words .ibox {
  margin: 0;
  font-size: 0;
  margin-top: .4rem;
}
.opuses-lists .opuses-leftswiper .items2  .li-words .ibox .i {
  display: inline-block;
  font-size: 0;
  margin-right: .75rem;
  vertical-align: top;
}
.opuses-lists .opuses-leftswiper .items2  .li-words .ibox .i:last-child {
  margin-right: 0;
}
.opuses-lists .opuses-leftswiper .items2  .li-words .ibox .i .i0 {
  margin-right: .2rem;
}
.opuses-lists .opuses-leftswiper .items2  .li-words .ibox .i .i0, .opuses-lists .opuses-leftswiper .items2  .li-words .ibox .i .i1 {
  display: inline-block;
  vertical-align: middle;
  font-size: .375rem;
}

.opuses-lists .items2 .li-words {
  width: 100%;
  padding: 0.9rem 2.25rem;
}

.opuses-lists .items2 .opuses-swiperbox .btns {
  width: 100%;
  overflow: hidden;
}
.opuses-lists .items2 .opuses-swiperbox .btns .swiper-button-next {
  float: right;
}
.opuses-lists .items2 .opuses-swiperbox .btns .swiper-button-prev {
  float: left;
}

.opuses-lists .items2 .opuses-swiperbox .btns {
  bottom: .9rem;
}

.opuses-lists .opuses-leftswiper .items2  .li-words .ibox .i:nth-child(n+2) {
  margin-top: 0;
}

.opuses-fixed {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  padding-left: 70px;
}
.opuses-fixed .items {
  font-size: .35rem;
  color: #666666;
  line-height: .6rem;
  padding-left: 1rem;
  transition:.5s ease-in-out;
  max-width: 170px;
  margin:5px 0;
}

.opuses-fixed .items:last-child{
  padding-bottom: 0!important;
}
.opuses-fixed .items:last-child:after{
  display: none;
  transition:.5s ease-in-out;
}
.opuses-fixed .items:after {
  transition: .5s ease-in-out;
  transition-delay:.4s;
}
.opuses-fixed .items.active {
  color: #fff;
  padding-bottom: 1.75rem;
  position: relative;transition:.5s ease-in-out;
}
.opuses-fixed .items.active:after {
  width: 1px;
  position: absolute;
  height: 1.25rem;
  background: #666666;
  content: "";
  left: 1rem;
  bottom: 0.125rem;
  transition: .5s ease-in-out;
  transition-delay:.4s;

}

img.w100 {
  width: 100%;
}

@-webkit-keyframes float {
  0%,100% {
    top: 10px;
  }
  40% {
    top: -10px;
  }
}
@keyframes float {
  0%,100% {
    top: 10px;
  }
  40% {
    top: -10px;
  }
}
@-webkit-keyframes arms-left {
  0%,100% {
    -webkit-transform: translate(-50%, -50%) rotate(50deg);
    transform: translate(-50%, -50%) rotate(50deg);
  }
  40% {
    -webkit-transform: translate(-50%, -50%) rotate(40deg);
    transform: translate(-50%, -50%) rotate(40deg);
  }
}
@keyframes arms-left {
  0%,100% {
    -webkit-transform: translate(-50%, -50%) rotate(50deg);
    transform: translate(-50%, -50%) rotate(50deg);
  }
  40% {
    -webkit-transform: translate(-50%, -50%) rotate(40deg);
    transform: translate(-50%, -50%) rotate(40deg);
  }
}
@-webkit-keyframes arms-right {
  0%,100% {
    -webkit-transform: translate(-50%, -50%) rotate(-50deg);
    transform: translate(-50%, -50%) rotate(-50deg);
  }
  40% {
    -webkit-transform: translate(-50%, -50%) rotate(-40deg);
    transform: translate(-50%, -50%) rotate(-40deg);
  }
}
@keyframes arms-right {
  0%,100% {
    -webkit-transform: translate(-50%, -50%) rotate(-50deg);
    transform: translate(-50%, -50%) rotate(-50deg);
  }
  40% {
    -webkit-transform: translate(-50%, -50%) rotate(-40deg);
    transform: translate(-50%, -50%) rotate(-40deg);
  }
}
@-webkit-keyframes shadow {
  0%,100% {
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
  }
  40% {
    -webkit-transform: translateX(-50%) scale(0.5);
    transform: translateX(-50%) scale(0.5);
  }
}
@keyframes shadow {
  0%,100% {
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
  }
  40% {
    -webkit-transform: translateX(-50%) scale(0.5);
    transform: translateX(-50%) scale(0.5);
  }
}
.pc768 {
  display: block;
}
.schooltext .p{
  line-height: .6rem;
  padding-top: .5rem;
  padding-bottom: .35rem;
  position: relative;
  max-height: 4.2rem;
  overflow: hidden;
}
.schooltext .know-more{
  position: absolute;
  left: 1.25rem;
  bottom: 1.25rem;
}
.schooltext .tit{
  margin-bottom: .75rem;
  line-height: 1.3;
  font-size: .6rem;
}
.schooltext .p:before,.schooltext .p:after{
  position:absolute;
  content:"";
  width: .45rem;
  height: .45rem;

}
.schooltext .p:before{
  top: 0;
  left: 0;
  background:url(../img/d0.png) no-repeat center;
  background-size: 100%;
}
.schooltext .p:after{
  bottom: 0;
  right: 0;
  background:url(../img/d1.png) no-repeat center;
  background-size: 100%;
}
.schooltext{
  display: block;
  width: 7.75rem;
  height: 9.5rem;
  background:#000000;
  font-size: .375rem;
  color: #999999;
  position: absolute;
  left: 50%;
  top: 1.25rem;
  z-index: 20;
  margin-left: 6.75rem;
  padding:1.25rem;
}
.schooltext:hover{
  color:#999;
}

.m768 {
  display: none;
}

.school-imagesswiper .swiper-container {
  padding-bottom: 2.5rem;
}
.school-imagesswiper .swiper-pagination {
  position: absolute;
  left: 0;
  top: auto !important;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #dddddd;
}
.school-imagesswiper .swiper-container-horizontal > .swiper-pagination-progress {
  width: 21.25rem;
}
.school-imagesswiper .swiper-pagination-progress .swiper-pagination-progressbar {
  background: #000000;
}

.welcome-team {
  position: relative;
}
.welcome-team:after {
  position: absolute;
  /*content: "";*/
  left: 0;
  right: 0;
  width: 1px;
  height: 2.5rem;
  background: #a7a7a7;
  top: 0;
  margin: auto;
}
.zly .welcome-team:after{
  display: none;
}

.zly-bot{
  line-height: 2rem;
  height: 2rem;
  font-size: 0;
  background:#000000;
  color:#fff;
  text-align: center;
  margin-top: 1rem;
}
.zly-bot .li{
  display: inline-block;
  vertical-align: top;
  font-size: .5rem;
  height: 100%;
  margin:0 .25rem;
}
  .zly .languages{
    border-bottom: none;
  }
  .zly .welcome-team{
    background: transparent;
  }
  .zly .welcome-team .team-textswiper .li{
    color:#222;
  }
  .zly  .btns-active .swiper-button-prev{
    background: url(../img/i17.png) no-repeat center;
    background-size: 100%;
  }
  .zly .btns-active .swiper-button-next{
    background: url(../img/i18.png) no-repeat center;
    background-size: 100%;

  }
  .zly  .school-text .li.active{
    color: #fff;
    background: #000000;
    transition: .5s ease-in-out;
  }
  .zly .welcome-show .welcome-team > div{
    padding: 0 4%;
  }


@media screen and (max-width: 1650px) {
  .opuses-swiperbox .opuses-leftswiper{
    width: 60%;
  }
  .k0-04 .words{
    padding-top: 2.5rem;
  }
  .school-images .swiper-slide{
    margin:0 4rem;
  }
  .opuses .context .bgen {
    font-size: 5.6rem;
  }

  .graduate-box .images-right .swiper-slide:nth-child(n+2) {
    margin-right: 2rem;
  }

  .school-images .swiper-slide {
    margin: 0 3rem;
  }

  .school-images .swiper-button-next {
    right: 6rem;
  }

  .school-images .swiper-button-prev {
    left: 6rem;
  }

  .video-fixed .videoboxs {
    width: 90%;
    height: 90%;
  }

  .video-fixed .cha {
    right: 5px;
    top: 5px;
  }

  .our-tit .cn-tit {
    font-size: .4rem;
  }

  .honor-bot .honorcenter .swiper-button-next {
    right: -2rem;
  }

  .honor-bot .honorcenter .swiper-button-prev {
    left: -2rem;
  }
}
@media screen and (max-width: 1550px) {
  .mgp-centertk .ilists a img{
    width: 1.2rem;
  }
  .mgp-centertk .ilists a{
    padding: .1rem 0;
  }
  .profile-school {
    padding: 0 2.6136363636rem;
    padding-top: 3.0681818182rem;
    padding-bottom: 2.8409090909rem;
  }
  .profile-school .words {
    padding-top: 4.7727272727rem;
  }
  .profile-school .words .items {
    padding: 0.5454545455rem;
    /*max-width: 8.2954545455rem;*/
    max-width: 80%;
  }
  .profile-school .words .tit {
    font-size: 0.5454545455rem;
    line-height: 0.6363636364rem;
    padding-top: 0.4545454545rem;
    padding-bottom: 0.3636363636rem;
    margin-bottom: 0.4545454545rem;
  }
  .profile-school .words .know-more {
    margin-top: 0.9090909091rem;
  }
  .profile-school .images {
    width: 26rem;
  }
  .profile-school .images .list .li0 {
    left: 18.1818181818rem;
    top: 6.1363636364rem;
  }
  .profile-school .images .list .li1 {
    left: 18.6363636364rem;
    top: 8.8636363636rem;
  }
  .profile-school .images .list .li2 {
    left: 15.5681818182rem;
    top: 10rem;
  }
  .profile-school .images .list .li3 {
    left: 11.0227272727rem;
    top: 11.5909090909rem;
  }
  .profile-school .images .list .li4 {
    left: 13.0681818182rem;
    top: 11.7045454545rem;
  }
  .profile-school .images .list .li5 {
    left: 16.0227272727rem;
    top: 11.9318181818rem;
  }
  .profile-school .images .list .li7 {
    left: 18.9772727273rem;
    top: 11.5909090909rem;
  }
  .profile-school .images .list .li6 {
    /**/
    left: 18.1818181818rem;
    top: 13.0681818182rem;
  }
  .profile-school .images .list .li8 {
    left: 15rem;
    top: 15.4545454545rem;
  }
  .profile-school .words {
    width: calc(100% - 26rem);
  }

  .profile-items1 .imgbox .list2 {
    padding-top: 10rem;
  }

  .profile-items2 .lists .li .span {
    word-break: keep-all;
  }
}
@media screen and (max-width: 1450px) {
  .w1380 {
    width: 85%;
    max-width: 85%;
  }
  .mgp-bots .mgp-right a{
    width: 5.5rem;
  }

  .mgp-bots .mgp-left{
    font-size: 1rem;
    width: calc(100% - 12rem);
  }
  .mgp-bots{
    padding: 0 2rem;
  }
  .story .story-swiper {
    width: 80%;
  }

  .w1200 {
    width: 90%;
    max-width: 1200px;
  }

  .w1270 {
    width: 90%;
    max-width: 1270px;
  }

  .blockbustersdetails .listbox .number {
    font-size: 19rem;
    text-align: center;
  }

  .onlinecourse-images .erweima {
    margin-top: 2rem;
  }

  .onlinecourse-images .languages {
    margin-bottom: 1rem;
  }

  .profile-items1 .imgbox .imgs2 img {
    width: 80%;
  }
}
@media screen and (max-width: 1350px) {
  .school-images .swiper-button-next{
    right: 5rem;
  }
  .school-images .swiper-button-prev{
    left: 5rem;
  }
  .profile-school {
    padding: 0 2.3rem;
    padding-top: 2.7rem;
    padding-bottom: 2.5rem;
  }
  .profile-school .words {
    padding-top: 4.2rem;
  }
  .profile-school .words .items {
    padding: 0.48rem;
    /*max-width: 7.3rem;*/
  }
  .profile-school .words .tit {
    font-size: 0.48rem;
    line-height: 0.56rem;
    padding-top: 0.4rem;
    padding-bottom: 0.32rem;
    margin-bottom: 0.4rem;
  }
  .profile-school .words .know-more {
    margin-top: 0.8rem;
  }
  .profile-school .images {
    width: 24rem;
  }
  .profile-school .images .list .li0 {
    left: 16rem;
    top: 5.4rem;
  }
  .profile-school .images .list .li1 {
    left: 16.4rem;
    top: 7.8rem;
  }
  .profile-school .images .list .li2 {
    left: 13.7rem;
    top: 8.5rem;
  }
  .profile-school .images .list .li3 {
    left: 9.7rem;
    top: 10.2rem;
  }
  .profile-school .images .list .li4 {
    left: 11.5rem;
    top: 10.3rem;
  }
  .profile-school .images .list .li5 {
    left: 14.1rem;
    top: 10.5rem;
  }
  .profile-school .images .list .li7 {
    left: 16.7rem;
    top: 10.2rem;
  }
  .profile-school .images .list .li6 {
    /**/
    left: 16rem;
    top: 11.5rem;
  }
  .profile-school .images .list .li8 {
    left: 13.2rem;
    top: 13.6rem;
  }
  .profile-school .words {
    width: calc(100% - 24rem);
  }

  .profile-items2 .profile-map .words {
    padding: 4rem 3rem 3.8rem 0;
  }
}
@media screen and (max-width: 1300px) {
  .profile-items2 .profile-map .words {
    padding: 3rem 2rem 2.5rem 0;
  }
}
@media screen and (max-width: 1280px) {
  .profile-items2 .profile-map .words {
    padding: 3rem 1rem 2.5rem 0;
  }

  .profile-items2 .profile-map .ul, .profile-items2 .profile-map .wen {
    width: 10rem;
  }

  .profile-items2 .profile-map .wen {
    margin-bottom: 1.5rem;
  }
}

@media screen and (max-width: 1200px){
  .enquirybox-inputbox .items .span{
    width: 2.35rem;
    word-break: keep-all;
  }

  .enquirybox-inputbox .items .input {
      width: calc(100% - 2.35rem);
  }
}
@media screen and (max-width: 1190px) {



  .welcome-about .imgsbox{
    width: 8.5rem;
    height: auto;
  }
  .profile-items2 .profile-map .images {
    position: relative;
    margin-left: -5rem;
  }

  .profile-items2 .profile-map .words {
    padding-right: .5rem;
  }

  .onlinecourse-images .erweima .i {
    height: 3rem;
  }

  .onlinecourse-images .words {
    padding-top: 2rem;
  }

  .onlinecourse-images .erweima {
    width: 3rem;
    margin-top: 1.5rem;
  }

  .blockbustersdetails .listbox .number {
    font-size: 17rem;
  }

  .recruitstudents-conbox {
    padding-top: 2.6rem;
    padding-bottom: 5.16rem;
    width: 27.6rem;
  }
  .recruitstudents-conbox .recruitstudents-images {
    margin-top: 1.2rem;
  }
  .recruitstudents-conbox .top-tit {
    line-height: 0.56rem;
  }
  .recruitstudents-conbox .top-tit .i.i0 {
    padding-right: 0.72rem;
  }
  .recruitstudents-conbox .top-tit .i.i1 {
    padding-left: 2.5rem;
  }
  .recruitstudents-conbox .top-tit .i.i1:after {
    width: 1.7rem;
    left: 0.48rem;
  }
  .recruitstudents-conbox .list .li .img {
    width: 0.7rem;
    height: 0.7rem;
  }
  .recruitstudents-conbox .list .li .box .span {
    width: 0.28rem;
    height: 0.14rem;
  }
  .recruitstudents-conbox .list .li .wen {
    margin-top: 0.2rem;
    line-height: 1.5;
  }
  .recruitstudents-conbox .list .li1 {
    width: 5rem;
    height: 3rem;
    top: 4.8rem;
    line-height: 3rem;
  }
  .recruitstudents-conbox .list .li1 .wen {
    margin-bottom: 0.2rem;
  }
  .recruitstudents-conbox .list .li2 {
    width: 3rem;
    height: 2.3rem;
    left: 8.8rem;
    top: 9.7rem;
  }
  .recruitstudents-conbox .list .li3 {
    width: 1.2rem;
    height: 1.2rem;
    left: 10.08rem;
    top: 13.56rem;
  }
  .recruitstudents-conbox .list .li3 .wen {
    width: 4.2rem;
    height: 1.2rem;
    left: 1.2rem;
  }
  .recruitstudents-conbox .list .li4 {
    width: 1.2rem;
    height: 1.2rem;
    left: 17.36rem;
    top: 14.3rem;
  }
  .recruitstudents-conbox .list .li4 .wen {
    width: 2.8rem;
    height: 1.2rem;
    left: 1.2rem;
  }
  .recruitstudents-conbox .list .li6 {
    width: 5rem;
    height: 3rem;
    bottom: 7.8rem;
    line-height: 3rem;
  }
  .recruitstudents-conbox .list .li6 .wen {
    margin-bottom: 0.2rem;
  }
  .recruitstudents-conbox .list .li7 {
    bottom: 5.6rem;
    padding: 0 0.48rem;
  }
  .recruitstudents-conbox .list .li8 {
    left: 2.2rem;
    bottom: 1.7rem;
  }
  .recruitstudents-conbox .list .li8 .tit {
    margin-bottom: 0.32rem;
  }
  .recruitstudents-conbox .list .li8 .i {
    width: 2.4rem;
    height: 2.4rem;
  }
  .recruitstudents-conbox .list .li8 .en {
    margin-bottom: 1.4rem;
    margin-top: 0.28rem;
    font-size: 0.6rem;
  }
  .recruitstudents-conbox .list .li5 {
    width: 3rem;
    height: 2.2rem;
    left: 15.3rem;
    top: 17.9rem;
  }

  .recruitstudents-conbox .list {
    font-size: .3rem;
  }

  .news-box .news-top .p {
    height: 1.3rem;
    -webkit-line-clamp: 2;
    margin-top: .6rem;
  }

  .news-box .words .more {
    bottom: 1rem;
  }

  .news-box .news-top .tit {
    font-size: .8rem;
  }

  .news-box .images .span .t0 {
    font-size: 1rem;
  }

  .welcome-about .text {
    top: 3.5rem;
    display: block;
  }

  .welcome-intro2 .gallery-top .items .words {
    padding: 0.7rem;
    /*padding-left: 4.9rem;*/
    padding-left: 2.45rem;
    padding-top: 6.3875rem;
  }

  .welcome-about .botwen {
    left: 2.45rem;
    bottom: 2.1rem;
  }

  .team-images .swiper-container,
  .w1650 {
    width: 90%;
    max-width: 100%;
  }

  .welcome-news,
  .k0-04 .words {
    padding-top: 3rem;
  }

  .welcome-excellent .lists .items.active .text {
    font-size: .8rem;
  }

  .welcome-excellent .lists {
    width: 70%;
  }

  .welcome-intro2 .our-tit {
    padding-bottom: 1.05rem;
    left: 2.45rem;
    top: 2.3625rem;
  }

  .welcome-intro2 .gallery-top .items .words .en-tit {
    font-size: 1.25rem;
  }

  .welcome-intro2 .gallery-top .items .words .cn-tit {
    font-size: 0.63rem;
    margin-top: 0.525rem;
    margin-bottom: 0.9625rem;
  }

  .welcome-our .items .words .li2 {
    left: 10rem;
  }

  .welcome-our .items .words .li3 {
    left: 18rem;
  }

  .curriculumdetails-top .items .words {
    line-height: 1.25;
    font-size: .8rem;
  }
}
.mbox.pc768 {
  display: none;
}
.opuses-lists .items{
  transition:.5s ease-in-out;
}
.opuses-lists .items.active{
  transition:.5s ease-in-out;
}
.opuses-lists .items.i1.active{
  background:#000;
}
.opuses-lists .items.i2.active{
  background:#161616;
}
.opuses-lists .items.i3.active{
  background:#232323;
}
.opuses-fixed .items .i{
  width: 9em;
}
.opuses-swiperbox .btns{
  display: none;
}
.opuses-lists .opuses-rightswiper .imgsbox .i .nbg{
  /*background:rgba(255,255,255,.5);*/
  background:#000;
}
.opuses-fixed .items{
  cursor: pointer;
}


@media screen and (min-width: 1024px) {
  .lightbox .lb-image{
    max-width: 100%!important;
    position: absolute!important;
    /*height: auto!important;*/
    left: 0!important;
    top: 0!important;
    bottom: 0!important;
    right: 0!important;
    margin:auto!important;
    /*min-width: 50%;*/
    /*max-height: 100%;*/
  }


    .honor-ry .ry-boxs{
      height: 18rem;
    }
    .k0-04 .words{
      padding-bottom: 2rem;
    }
    .welcome-excellent .lists.lists3 .items .text{
      height: 3rem;

    }
    .welcome-body .welcome-excellent .lists.lists3 .items .text{
      text-align: center;

    }
    .welcome-body .welcome-excellent .lists.lists3 .items:hover .text{
      text-align: left;
    }
    .welcome-excellent .lists .items:hover .text {
      font-size: .8rem;
    }
    .welcome-excellent .lists .items:hover .text {
      z-index: 5;
      position: relative;
      font-size: 0.925rem;
      line-height: 1.2rem;
      padding-left: 2.125rem;
      margin-left: -3.125rem;
      top: -1rem;
      transition:.5s ease-in-out;
    }
    .welcome-excellent .lists .items:hover .text:after {
      position: absolute;
      content: "";
      height: 1px;
      width: 1.5rem;
      background: #fff;
      left: 0;
      top: .6rem;
    }

  .welcome-about .imgsbox:hover img{
    transition:.5s ease-in-out;
    transform:scale3d(1.05,1.05,1);
  }
  .welcome-our .items .words .li:hover img{
      filter: grayscale(0);
      -webkit-filter: grayscale(0);
      -moz-filter: grayscale(0);
      -ms-filter: grayscale(0);
      -o-filter: grayscale(0);
  }
      .blockbusters-box .welcome-excellent .lists .items:hover .img:before {
      transform: translate(0, 0);
      }
      .welcome-excellent .lists .items:hover img {
      transform: translate(0, 0);
      }
      .know-more.on:hover {
      color: #fff;
      }
      .welcome-our .items .words .li:hover:before{
      transition:.5s ease-in-out;
      opacity: 0;
      }
  .pagination a:hover, .pagination a.active {
    color: #fff;
    background: #4f398b;
    transition: .5s ease-in-out;
  }




    .k0-04 .images{
    /*max-height: 100vh;*/
    }
    .welcome-excellent .lists3 .items .img .after .i:before,
    .welcome-excellent .lists3 .items .img .after .i:after{
      content:"";
      position: absolute;
      background:#fff;
      transition:.3s ease-in-out;
    }
    .welcome-excellent .lists3 .items:hover .img .after .i:before,
    .welcome-excellent .lists3 .items:hover .img .after .i:after{
      transition:.3s ease-in-out;
    }

      .welcome-excellent .lists3 .items .img .after .i0:before{
        height: 1px;
        width:0;
        left: -1px;
        top: -1px;
      }
      .welcome-excellent .lists3 .items .img .after .i0:after{
        height: 0;
        width: 1px;
        right: -1px;
        top: -1px;
      }
      .welcome-excellent .lists3 .items .img .after .i1:before{
        height: 1px;
        width: 0;
        right: -1px;
        bottom: -1px;
      }
      .welcome-excellent .lists3 .items .img .after .i1:after{
        height: 0;
        width: 1px;
        left: -1px;
        bottom: -1px;
      }
      .welcome-excellent .lists3 .items:hover .img .after .i0:before{
        width: 100%;
        transition-delay:.3s ;
      }
      .welcome-excellent .lists3 .items:hover .img .after .i0:after{
        height: 100%;
        transition-delay:.6s ;

      }
      .welcome-excellent .lists3 .items:hover .img .after .i1:before{
        width: 100%;
        transition-delay:.9s ;

      }
      .welcome-excellent .lists3 .items:hover .img .after .i1:after{
        height: 100%;
        transition-delay:1.2s ;

      }



      .welcome-excellent .lists .items .text{
        transition:.5s ease-in-out;
        z-index: 3;
      }
      .welcome-excellent .lists .items:hover .text{
        transition:.5s ease-in-out;
      }

      .welcome-excellent .lists .items:hover img {
        transition: .5s ease-in-out;
        transform: translate(-.4rem, .4rem);
      }
      .welcome-excellent .lists .items:hover .img:after {
        transition: .5s ease-in-out;
      }
      .welcome-excellent .lists .items:hover .img:after {
        transition: .5s ease-in-out;
        transform: translate(.4rem, -.4rem);
      }
      .welcome-excellent .lists3 .items:hover .img .after {
        transition: .5s ease-in-out;
        transform: translate(.4rem, -.4rem);
      }



      .opuses-lists .items .itembox{
        max-width: calc(100% - 340px);
      }

      .opuses-lists .items {
        min-height: 100vh;
        position: relative;
      }
      .opuses-lists .items .itembox {
        position: relative;
        padding-top: 3.75rem;
        padding-bottom: 3rem;
    /*    position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);*/
      }
    .welcome-intro2 .gallery-top .items .words {
      cursor: url(../img/ip.png), auto;
    }
    .welcome-excellent .lists .items,
    .welcome-about .text{
      cursor: url(../img/ip.png), auto;

    }
    .blockbusters-box .welcome-excellent .lists .items{
      cursor: url(../img/ip.png), auto;
      
    }
  
}
.opuses-lists .items2 .imgs{
  position: relative;
}
.graduate-box .images-left .swiper-slide{
  position: relative;
}
.graduate-box .images-left .swiper-slide:before{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content:"";
  left: 0;
  top: 0;
  z-index: 20;
}
.graduate-box .images-left .swiper-slide-active .items{
      pointer-events: inherit;
}
.graduate-box .images-left .items{
  z-index: 0;
  pointer-events:none;
}
.graduate-box .images-left .swiper-slide-active:before{
  display: none;
}
@media screen and (max-width: 1023px) {
  .recruitstudents-body .lb-nav a.lb-prev, .recruitstudents-body .lb-nav a.lb-next{
    opacity: 1;
  }
  .mgp-bots{
    max-width: 100%;
    width: 100%;
  }
  .bocweb-mheader .m-header .w-header{
    opacity: 1;
    transition:.5s ease-in-out;
  }
  .bocweb-mheader .m-header .w-header.on .welcome-a,
  .bocweb-mheader .m-header .w-header.on .uio,
  .bocweb-mheader .m-header .w-header.on .ser{
    transition:.5s ease-in-out;
    opacity: 0;
  }
  .mgp-tk-bot{
    padding: 0 1rem;
    padding-bottom: .8rem;
  }
  .mgp-tk-bot .li{
    width: 5.5rem;
  }

  .mgp-bots .mgp-left{
    font-size: .65rem;
    width: calc(100% - 9rem);
  }
  .mgp-bots{
    padding: 0 1rem;
  }
  .opuses-lists .opuses-swiperbox{
    height: auto;
  }
  .opuses-lists .opuses-leftswiper .li-words .ibox .i,
  .opuses-lists .opuses-leftswiper .li-words .ibox .i{
    display: inline-block;
    vertical-align: middle;
  }
  .mgp-bots .mgp-right a{
    width: 4rem;
  }




  .lightbox .lb-image{
    max-width: 100%!important;
    max-height:90%!important;
  }
  .lightbox .lb-image,
  .lb-outerContainer{
    width: auto!important;
    height: auto!important;

  }
  .honor-bot .honorcenter .swiper-slide{
    padding: 0;
  }
  .honor-bot .honorcenter  .swiper-slide .items{
    transform: scale3d(0.8, 0.8, 1);
  }
  .honor-bot .honorcenter .swiper-slide-active .items{
    transform: scale3d(1.2, 1.2, 1);
  }



  
  .application-list .li.on .li-bot:before{
    display: none;
  }
  .work-detailsfixed{
    width: 100%;
  }
  .k0-04 .words{
    padding-bottom: 2rem;
  }
  .welcome-excellent .lists .swiper-slide .items .img{
    /*padding: 10px;*/
    transform:scale3d(.8,.8,1);
    transition:.5s ease-in-out;
    background:#000;
  }
   .welcome-excellent .lists .swiper-slide .items .img img{
    opacity: .5;
   }
   .welcome-excellent .lists .swiper-slide-active .items .img img{
    opacity: 1;
   }
  .welcome-excellent .lists .swiper-slide-active .items .img{
    padding: 0;
    transform:scale3d(1,1,1);
    opacity: 1;

    /*border:1px solid rgba(255,255,255,.5);*/
    transition:.5s ease-in-out;
  }
  .school-work-fixed .school-works-box{
    width: 90%;
    height: auto;
  }

  .school-work-fixed .school-works-box .swiper-button-next,.school-work-fixed .school-works-box .swiper-button-prev{
     width: 50px;
     height: 50px;
     border-radius: 50%;
     background-color:#666;
     background-size: 35%;
  }
  .opuses-lists .opuses-leftswiper .li-words .ibox .i{
    text-align: center;
  }
  .opuses-lists .opuses-leftswiper .li-words .ibox .i0,.opuses-lists .opuses-leftswiper .li-words .ibox .i1{
    display: inline-block;
    vertical-align: top;
  }

  .heights{
    height: 60px;
  }
  .opuses-lists .items2 img.bgs,
  .opuses-lists .li-images img.bgs{
    opacity: 0;
    display: block;
  }

  .opuses-lists .items2 img.i1,
  .opuses-lists .li-images img.i1{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }
  .welcome-body  .banner .videoboxs:before{
    position: absolute;
    content:"";
    width: 1rem;
    height: 1rem;
    left:0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background:url(../img/n2.png) no-repeat center;
    background-size: 100%;
    z-index: 5;
  }
  .welcome-team .wel-more {
    opacity: 1!important;
  }
  .welcome-team .wel-more.on {
    opacity: 1!important;
  }




  .welcome-about .imgsbox{
    position: static;
    margin:0 auto;
    margin-top: 15px;
  }
  .welcome-about .text.texts{
    padding-top: 0;
    text-align: right;
  }
  .opuses-swiperbox .btns {
    width: 100%;
    overflow: hidden;
  }
  .opuses-swiperbox .btns .swiper-button-prev {
    float: left;
  }
  .opuses-swiperbox .btns .swiper-button-next {
    float: right;
  }

  .opuses-lists .opuses-leftswiper .li-words .ibox {
    margin-top: 1rem;
  }

  .opuses-lists .opuses-leftswiper .li-words {
    text-align: center;
    /*opacity: 0;*/
    transition: .5s ease-in-out;
  }

  .opuses-lists .opuses-leftswiper .swiper-slide-active .li-words {
    opacity: 1;
    transition: .5s ease-in-out;
  }

  .opuses-lists .opuses-leftswiper .li-words .ibox .i:nth-child(n+2) {
    margin-top: 0;
  }

  .opuses-lists .opuses-leftswiper .li-words .ibox .i1,
  .opuses-lists .opuses-leftswiper .li-words .ibox .i {
    font-size: 15px;
    line-height: 1.8;
    color: #999999;
  }

  .opuses-lists .li-images,
  .opuses-lists .li-words {
    width: 100%;
  }

  .opuses-swiperbox .opuses-rightswiper {
    display: none;
  }

  .opuses-lists .items {
    padding: 1.5rem 0;
  }

  .opuses-swiperbox .opuses-leftswiper {
    width: 100%;
  }

  .onlinecourse-images .languages,
  .onlinecourse-images .words {
    position: static;
    color: #222;
  }



  .welcome-excellent .lists .items .text {
    opacity: 1;
  }

  .blockbusters-box {
    margin-top: 25px;
  }

  .blockbusterswen-swiper {
    width: 100%;
  }

  .blockbustersfixed .items {
    position: absolute;
  }

  .blockbusters-box {
    /*padding-bottom: 80px;*/
  }

  .opuses .context .words {
    padding-left: 0;
  }

  .opuses .context .smil {
    font-size: .2rem;
  }

  .blockbustersdetails {
    padding-top: 60px;
  }

  .blockbustersdetails .lists .items {
    width: 32%;
    margin-left: 2%;
  }

  .blockbusters-box .welcome-excellent .lists {
    height: auto;
    width: 80%;
  }

  .busters-bannertit {
    width: 100%;
  }

  .blockbusters-box .welcome-excellent .lists .items {
    width: 30%;
    margin-left: 5%;
    margin-bottom: 5%;
  }
  .blockbusters-box .welcome-excellent .lists .items:nth-child(3n+1) {
    margin-left: 0;
  }

  .blockbusters-box .welcome-excellent .lists .items {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
  }

  .profile-items2 .profile-map .words {
    position: static;
  }

  .profile-items2 .profile-map .images {
    margin-left: 0;
  }

  .profile-school .images {
    /*width: 100%;*/
  }

  .profile-school .words {
    width: 100%;
    padding-top: 0;
  }
  .profile-school .words .items {
    overflow: hidden;
  }
  .profile-school .words .img {
    float: left;
  }
  .profile-school .words .wenbox {
    float: right;
    padding-left: 5%;
  }
  .profile-school .words .img, .profile-school .words .wenbox {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }

  .profile-school .words .items {
    max-width: 100%;
  }

  .opuses .context .big {
    margin-top: .2rem;
    font-size: .5rem;
  }

  .blockbustersdetails .listbox .number {
    font-size: 15rem;
  }

  .schooldetails-botwords .lists .items {
    width: 50%;
  }

  .schooldetails-words .bg {
    font-size: 10rem;
  }

  .schooldetails-top .images,
  .schooldetails-top .words {
    width: 100%;
    position: static;
  }

  .schooldetails-top .words {
    padding-bottom: 0;
  }

  .workplacedetails-bot .lists .li {
    width: 28%;
  }

  .schooldetails-top .words {
    padding: 1rem 1.5rem;
  }

  .schooldetails-top .text {
    width: 100%;
    overflow: hidden;
  }

  .schooldetails-bot {
    padding-top: 0;
    margin-top: 0;
  }

  .workplacedetails-bot .lists .li4 {
    width: 16%;
  }

  .honor-bot .honorbot .items {
    line-height: 1.3;
    height: auto;
    padding: 1.25rem 0;
  }

  .curriculumdetails-top .items .words {
    font-size: .7rem;
  }

  .tuijian .swiper-pagination {
    line-height: 1;
    position: static;
  }

  .news-box .images, .news-box .words {
    width: 100%;
  }

  .news-box .news-top .words {
    position: static;
    padding: 1.2rem 0;
  }

  .news-box .words .more {
    position: relative;
    margin-top: 1.5rem;
    display: inline-block;
    bottom: auto;
  }

  .graduate-box .images-right .swiper-slide:nth-child(n+2) {
    margin-left: 0;
    margin-right: 1rem;
  }

  .pcbox {
    display: none;
  }

  .mbox {
    display: block;
  }

  .mbox.pc768 {
    display: block;
  }

  body {
    padding-left: 0;
  }

  .team-images .items .words .p, .team-images .items .words .know-more {
    opacity: 1;
  }

  .wel-banner video {
    display: none;
  }

  .welcome-about {
    background: #000000;
  }

  .welcome-about .m19 {
    position: absolute;
    left: 0;
    top: 0;
    width: 30%;
  }

  .welcome-about .text,
  .welcome-about .words {
    position: relative;
  }

  .welcome-about .words {
    padding-bottom: 3rem;
  }

  .welcome-about .text {
    top: 0;
    padding-top: 7rem;
  }

  .welcome-about .botwenbox {
    padding: 0 1.375rem;
    margin-top: 2.25rem;
  }

  .welcome-about .botwen {
    position: static;
    padding-top: .75rem;
    border-top: 1px solid #fff;
  }

  .welcome-about .wel-more {
    margin-left: 1.5rem;
  }

  .teachingdetails .languages .text {
    width: 90%;
  }

  .profile-items2 .profile-map .images {
    max-width: 750px;
    margin: 0 auto;
    width: 100%;
  }

  .profile-items2 .profile-map .languages {
    text-align: center;
  }

  .profile-items2 .profile-map .ul, .profile-items2 .profile-map .wen {
    margin: 0 auto;
    width: 90%;
  }

  .profile-items2 .profile-map {
    position: relative;
  }
  .profile-items2 .profile-map .wordsm1 {
    position: absolute;
    left: 0;
    width: 100%;
    padding-top: 3rem;
    height: auto;
  }

  .profile-items2 .lists .li0 {
    left: 440px;
    top: 480px;
  }
  .profile-items2 .lists .li1 {
    left: 575px;
    top: 525px;
  }
  .profile-items2 .lists .li2 {
    left: 395px;
    top: 795px;
  }
  .profile-items2 .lists .li3 {
    left: 90px;
    top: 930px;
  }
  .profile-items2 .lists .li4 {
    left: 210px;
    top: 930px;
  }
  .profile-items2 .lists .li5 {
    left: 430px;
    top: 920px;
  }
  .profile-items2 .lists .li6 {
    left: 610px;
    top: 910px;
  }
  .profile-items2 .lists .li7 {
    left: 650px;
    top: 905px;
  }
  .profile-items2 .lists .li8 {
    left: 390px;
    top: 1195px;
  }
  .mitembox {
      margin-top: 25px;
  }

}
.pc900 {
  display: block;
}

.m900 {
  display: none;
}

@media screen and (max-width: 900px) {
  .conbanner .words{
    display: none;
  }
  .recruitstudents-conbox {
    padding-top: 2.1666666667rem;
    padding-bottom: 4.3rem;
    width: 23rem;
  }
  .recruitstudents-conbox .recruitstudents-images {
    margin-top: 1rem;
  }
  .recruitstudents-conbox .top-tit {
    line-height: 0.4666666667rem;
  }
  .recruitstudents-conbox .top-tit .i.i0 {
    padding-right: 0.6rem;
  }
  .recruitstudents-conbox .top-tit .i.i1 {
    padding-left: 2.0833333333rem;
  }
  .recruitstudents-conbox .top-tit .i.i1:after {
    width: 1.4166666667rem;
    left: 0.4rem;
  }
  .recruitstudents-conbox .list .li .img {
    width: 0.5833333333rem;
    height: 0.5833333333rem;
  }
  .recruitstudents-conbox .list .li .box .span {
    width: 0.2333333333rem;
    height: 0.1166666667rem;
  }
  .recruitstudents-conbox .list .li .wen {
    margin-top: 0.1666666667rem;
    line-height: 1.2;
  }
  .recruitstudents-conbox .list .li1 {
    width: 4.1666666667rem;
    height: 2.5rem;
    top: 4rem;
    line-height: 2.5rem;
  }
  .recruitstudents-conbox .list .li1 .wen {
    margin-bottom: 0.1666666667rem;
  }
  .recruitstudents-conbox .list .li2 {
    width: 2.5rem;
    height: 1.9166666667rem;
    left: 7.3333333333rem;
    top: 8.0833333333rem;
  }
  .recruitstudents-conbox .list .li3 {
    width: 1rem;
    height: 1rem;
    left: 8.4rem;
    top: 11.3rem;
  }
  .recruitstudents-conbox .list .li3 .wen {
    width: 3.5rem;
    height: 1rem;
    left: 1rem;
  }
  .recruitstudents-conbox .list .li4 {
    width: 1rem;
    height: 1rem;
    left: 14.4666666667rem;
    top: 11.9166666667rem;
  }
  .recruitstudents-conbox .list .li4 .wen {
    width: 2.3333333333rem;
    height: 1rem;
    left: 1rem;
  }
  .recruitstudents-conbox .list .li6 {
    width: 4.1666666667rem;
    height: 2.5rem;
    bottom: 6.5rem;
    line-height: 2.5rem;
  }
  .recruitstudents-conbox .list .li6 .wen {
    margin-bottom: 0.1666666667rem;
  }
  .recruitstudents-conbox .list .li7 {
    bottom: 4.6666666667rem;
    padding: 0 0.4rem;
  }
  .recruitstudents-conbox .list .li8 {
    left: 1.8333333333rem;
    bottom: 1.4166666667rem;
  }
  .recruitstudents-conbox .list .li8 .tit {
    margin-bottom: 0.2666666667rem;
  }
  .recruitstudents-conbox .list .li8 .i {
    width: 2rem;
    height: 2rem;
  }
  .recruitstudents-conbox .list .li8 .en {
    margin-bottom: 1.1666666667rem;
    margin-top: 0.2333333333rem;
    font-size: 0.5rem;
  }
  .recruitstudents-conbox .list .li5 {
    width: 2.5rem;
    height: 1.8333333333rem;
    left: 12.75rem;
    top: 14.9166666667rem;
  }

  .welcome-intro2 {
    padding-top: 60px;
  }
  .welcome-intro2 .our-tit {
    padding-left: 30px;
    margin-bottom: 32px;
  }

  .curriculumdetails-bot .list-bot .libox .li {
    width: 33.33%;
    margin-bottom: .5rem;
  }

  .intro2-thumbs {
    padding-left: 30px;
  }
  .intro2-thumbs .swiper-container {
    border-bottom: 1px solid #dddddd;
  }
  .intro2-thumbs .swiper-slide {
    width: auto;
    font-size: 16px;
    cursor: pointer;
  }
  .intro2-thumbs .swiper-slide.active .items {
    color: #333;
  }
  .intro2-thumbs .swiper-slide.active .items:before {
    opacity: 1;
    transition: .5s ease-in-out;
  }
  .intro2-thumbs .swiper-slide .items {
    position: relative;
    padding: 17px 0;
    line-height: 1.2;
    color: #666666;
  }
  .intro2-thumbs .swiper-slide .items:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    margin: auto;
    background: #000;
    opacity: 0;
    transition: .5s ease-in-out;
  }
  .intro2-thumbs .swiper-slide:nth-child(n+2) {
    margin-left: 32px;
  }

  .welcome-intro2 .gallery-top .items .words {
    padding: 0;
    left: 30px;
    bottom: 50px;
    top: auto;
  }

  .intro2-text {
    padding-top: 60px;
    padding-bottom: 45px;
    font-size: 25px;
    line-height: 1.3;
    padding-left: 30px;
    color: #333333;
    font-weight: bold;
  }
  .intro2-text .wens{
    line-height: .7rem;
    height: 1.4rem;
    overflow: hidden;
  }

  .welcome-intro2 .our-tit {
    width: 100%;
  }

  .welcome-intro2 .gallery-top .items .images {
    position: relative;
  }
  .welcome-intro2 .gallery-top .items .images:after {
    content: "";
    position: absolute;
    width: 1px;
    left: 30px;
    height: 240px;
    top: -30px;
    background: #666666;
    z-index: 3;
  }

  .welcome-intro2 .gallery-top .items .words .cn-tit,
  .welcome-intro2 .gallery-top .items .words .p0,
  .welcome-intro2 .gallery-thumbs {
    display: none;
  }

  .welcome-intro2 .our-tit {
    position: static;
    color: #333333;
    padding-bottom: 0;
    border-bottom: none;
  }

  .team-images .items {
    width: 49%;
    margin-left: 2%;
    float: left;
    margin-bottom: 2%;
  }
  .team-images .items img {
    width: 100%;
  }
  .team-images .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .team-images .items .images {
    height: auto;
  }

  .pc900 {
    display: none;
  }


  .welcome-excellent .lists .items.active .text {
    position: static;
  }

  .welcome-excellent .lists .items.active .text:after {
    display: none;
  }

  .m900 {
    display: block;
  }

  .welcome-excellent .lists .items,
  .welcome-excellent .lists .items.active {
    width: 100%;
  }

  .welcome-excellent .lists .items .img:after {
    display: none;
  }

  .welcome-excellent .lists .items.active {
    display: none;
  }

  .welcome-excellent .lists .items .text {
    opacity: 0;
    margin-top: 1.25rem;
  }

  .k0-04 .words {
    position: relative;
    z-index: 2;
    padding-bottom: 3.5rem;
  }
  .k0-04 .words .swiper-slide {
    opacity: 0;
  }
  .k0-04 .words .know-morebox {
    margin-top: 1.75rem;
    text-align: center;
  }
  .k0-04 .words .know-morebox .know-more {
    text-align: left;
  }
  .k0-04 .words .swiper-slide-next, .k0-04 .words .swiper-slide-active, .k0-04 .words .swiper-slide-prev {
    opacity: 1;
    font-size: 1rem;
    text-align: center;
    line-height: 1.5;
  }
  .k0-04 .words .lists .swiper-slide-active .items .text {
    opacity: 1;
  }

  .k0-04 .images {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
  }

  .graduate-box .images-right {
    display: none;
  }

  .graduate-box .images-left {
    width: 90%;
  }

  .welcome-team:after {
    display: none;
  }

  .welcome-excellent .lists {
    width: 100%;
  }

  .welcome-news .lists .li {
    padding-bottom: 1rem;
  }

  .welcome-images .swiper-button-next, .welcome-images .swiper-button-prev {
    display: none;
  }

  .team-images .know-morebox {
    text-align: center;
    margin-top: .15rem;
  }
  .team-images .know-morebox .know {
    text-align: left;
  }
}



.k0-05, .k0-04, .k0-03, .k0-02, .k0-01 {
  overflow: hidden;
}
  .welcome-about .imgsbox img{
    width: 100%;
    display: block;
  }
  .graduate-box .images-left .after,.graduate-box .images-left .before{
    display: none;
  }
    @media screen and (max-width: 767px){
    .tdrightfixed {
        position: fixed;
        width: 1.3rem;
        height: 1.3rem;
        right: .2rem;
        bottom: 2rem;
        display: none;
    }
      
    .mgp-bots, .mgp-bbgs{
      height: .8rem;
      line-height: .8rem;
    }
	.workplace-brand .lists .li .i1{
		width:100%;
	}
	.workplace-brand .lists .items2 .li{
		margin-left:.1rem;
		margin-bottom:.1rem;
	}

  .opuses-lists .bot-jiazai .spans{
      width: .4rem;
      height: .4rem;

  }
      .lb-outerContainer{
        width: 98%!important;
      }
      .school-textswiper .swiper-slide{
        width: auto;
        min-width: 5em;
        /*padding:0 .1rem;*/
        /*margin:0 .05rem;*/
      }
      .school-text .li{
        width: 100%;
        padding:0;
        /*min-width: 5em;*/
        padding: 0 .1rem;
      }
      .school-work-fixed .school-works-box{
        width: 100%;
      }
     .welcome-body .school-textswiper.school-text .li{
        padding: 0;
      }
     .welcome-body .school-textswiper.school-text .swiper-slide{
        min-width: auto;
      }
    } 
@media screen and (max-width: 767px) {






  .mgp-tk-bot .li{
    width: 2.4rem;
  }

  .mgp-tkbox .close{
    right: .24rem;
    top: .24rem;
    width: .3rem;
  }
  .mgp-tk-bot{
    padding: 0 .5rem;
    padding-bottom: .32rem;
  }
  .mgp-tkbox{
    width: 90%;
  }

















  .lb-outerContainer{
    max-width: 100%!important;
    max-height: 100%!important;
  }
  .ry-swiper .words{
    padding-top: .5rem;
  }
  .ry-swiper{
    margin-top: 1rem;
  }
  .honor-ry{
    padding-top: 1.6rem;
    padding-bottom: 1.2rem;
  }
  .ry-swiper .span{
    font-size: .26rem;
    line-height: .4rem;
    height: .8rem;
  }
  .mitembox{
    margin-top: .25rem;
  }
  .honor-bot .honorcenter .swiper-slide{
    height: 3.5rem;
    line-height: 3.5rem;
  }
  .ttop {
      width: .75rem;
      height: .75rem;
      line-height: .75rem;
      font-size: .3rem;
      right: .5rem;
      bottom: 1.2rem;
  }



  .honor-bot .honorcenter .swiper-slide-active .items{
    transform: scale3d(1, 1, 1);
  }
  .recruitstudents-conbox .recruitstudents-words{
    width: 7.5rem;

  }
  .blockbusterswen-swiper.cur .swiper-wrapper{
    padding-top: 2rem;
  }

  .video-fixed .cha{
    top: -30px;
  }

  .video-fixed .videoboxs {
    width: 90%;
    height: 70%;
  }


  .graduate-box .images-left .swiper-slide{
    opacity: 0;
  }
  .graduate-box .images-left .swiper-slide-active,.graduate-box .images-left .swiper-slide-next,.graduate-box .images-left .swiper-slide-prev{
    opacity: 1;
  }
  .blockbusters-box .welcome-excellent .lists .items:nth-child(2n+2){
    margin-top: .5rem;
  }
  .job{
    padding-top: .8rem;
    padding-bottom: .8rem;
  }
  .graduate-box .images-left{
    position: relative;
  }
  .graduate-box .images-left .after,.graduate-box .images-left .before{
    position: absolute;
    width: 20%;
    height: 100%;
    content:"";
    top: 0;
    z-index: 4;
    display: block;
  }
  .graduate-box .images-left .after{
    left: 0;
  }
  .graduate-box .images-left .before{
    right: 0;
  }
  .school-work-fixed .school-works-box .swiper-button-next, .school-work-fixed .school-works-box .swiper-button-prev{
    width:.8rem;
    height: .8rem;
  }
  .team-images .items .images{
    height: auto;
  }
  .welcome-team .team-textswiper .swiper-slide{
    width: auto;
  }
  .curriculum-list .lists .items .words .p:nth-child(1),
  .curriculum-list .lists .items .words-bot .j0{
    line-height: .35rem;
    height: .7rem;
  }
  .btns-active .swiper-button-prev {
    left: 0px;
  }
  .btns-active .swiper-button-next {
    right: 0px;
  }
  .news-box .news-top{
    min-height: 0;
  }



  .blockbusters-box .welcome-excellent .lists{
    width: 90%;
  }
  .blockbusters-box .welcome-excellent .lists .en{
    font-size: .24rem;
  }
  .blockbusters-box .welcome-excellent .lists .en span{
    font-size: .2rem;
  }
  .blockbusters-box .welcome-excellent .lists .items.active .en span{
    font-size: .2rem;
  }
  .blockbusters-box .welcome-excellent .lists .items.active .en{
    font-size: .24rem;
  }
  .blockbusters-box .welcome-excellent .lists .items .cn{
    font-size: .22rem;
  }

.blockbusters-box .welcome-excellent .lists .items.active .cn{
  font-size: .22rem;
}
.videoactive .imgs:after {
  width: .5rem;
  height: .5rem;
}
.schooltext .p{
  line-height: 1.5;
  padding-top: .2rem;
  padding-bottom: .15rem;
  max-height: 100%;
}
.schooltext .know-more{
  left: auto;
  bottom: auto;
  position: relative;
}
.schooltext .tit{
  margin-bottom: .3rem;
  font-size: .26rem;
}
.schooltext .p:before,.schooltext .p:after{
  width: .18rem;
  height: .18rem;
}


.schooltext{
  width: 100%;
  height: auto;
  font-size: .24rem;
  left: auto;
  top: auto;
  margin-left: 0;
  padding:.35rem;
  position: static;
  margin-bottom: .65rem;
}














  .welcome-news .lists .li{
    padding-bottom: 0;
  }
  .welcome-about .imgsbox{
    width: 85%;
    height: auto;

  }
  .welcome-about .text{
    padding-bottom: 0;
  }
  .opuses-tit {
    font-size: .32rem;
    padding-bottom: .3rem;
    border-bottom: 1px solid #fff;
  }

  .opuses-lists .opuses-tit {
    height: .8rem;
    margin-bottom: .6rem;
  }

  .opuses-lists .opuses-leftswiper .li-words .tit {
    font-size: .3rem;
  }

  .opuses-lists .opuses-leftswiper .li-words .ibox .i1, .opuses-lists .opuses-leftswiper .li-words .ibox .i {
    font-size: .24rem;
  }

  .opuses-lists .opuses-leftswiper .li-words .ibox {
    margin-top: .4rem;
  }

  .opuses-lists .opuses-leftswiper .items2  .li-words .ibox .i {
    /*display: block;*/
    margin: 0;
  }

  .opuses-swiperbox .btn {
    width: .6rem;
    height: .6rem;
    border-width: 1px;
  }

  .opuses-lists .items {
    padding: .6rem 0;
  }

  .opuses-lists .items2 .li-words {
    padding: 0;
    padding-top: .35rem;
  }

  .opuses-lists .opuses-leftswiper .items2  .li-words .ibox .i .i0, .opuses-lists .opuses-leftswiper .items2  .li-words .ibox .i .i1 {
    font-size: .24rem;
  }

  .profile-school .images .list .li {
    width: 1.18rem;
  }
  .profile-school .images .list .li .i {
    height: .75rem;
  }
  .profile-school .images .list .li.li0 {
    left: 70%;
    top: 24%;
  }
  .profile-school .images .list .li.li1 {
    left:74%;
    top: 42%;
  }
  .profile-school .images .list .li.li2 {
    left:48%;
    top: 49%;
  }
  .profile-school .images .list .li.li3 {
    left: 8%;
    top: 49%;
  }
  .profile-school .images .list .li.li4 {
    left: 25%;
    top: 60%;
  }
  .profile-school .images .list .li.li5 {
    left: 52%;
    top: 61%;
  }
  .profile-school .images .list .li.li7 {
    left: 82%;
    top:55%;
  }
  .profile-school .images .list .li.li6 {
    left:69%;
    top: 67%;
  }
  .profile-school .images .list .li.li8 {
    left:41%;
    top: 82%;
  }













/*  .profile-school .images .list .li.li0 {
    left: 5.3rem;
    top: 2.6rem;
  }
  .profile-school .images .list .li.li1 {
    left: 5.6rem;
    top: 4.5rem;
  }
  .profile-school .images .list .li.li2 {
    left: 3.6rem;
    top: 5.2rem;
  }
  .profile-school .images .list .li.li3 {
    left: .6rem;
    top: 5.25rem;
  }
  .profile-school .images .list .li.li4 {
    left: 1.9rem;
    top: 6.3rem;
  }
  .profile-school .images .list .li.li5 {
    left: 3.9rem;
    top: 6.45rem;
  }
  .profile-school .images .list .li.li7 {
    left: 6.2rem;
    top: 5.8rem;
  }
  .profile-school .images .list .li.li6 {
    left: 5.2rem;
    top: 7.15rem;
  }
  .profile-school .images .list .li.li8 {
    left: 3.1rem;
    top: 8.7rem;
  }*/

  .profile-school {
    padding: 0;
    position: relative;
  }
  .profile-school .languages {
    position: absolute;
    width: 100%;
    left: 0;
    padding-top: 1.4rem;
    z-index: 4;
  }

  .profile-school .images .list .li.active .i:before {
    top: calc(-.04rem - 2px);
  }

  .profile-school .images .list .li .i:before {
    width: 0.07rem;
    height: 0.04rem;
    bottom: calc(-0.04rem - 2px);
  }

  .profile-school .images .list .li .span {
    margin-top: 0.05rem;
    font-size: .24rem;
  }
  .schoollist  {
    width: 100%;
  }

  .profile-school .words {
    margin: 0 auto;
    width: 6.9rem;
    margin-bottom: 1rem !important;
    padding: .3rem .2rem;
  }

  .profile-school .words .tit {
    font-size: .24rem;
    line-height: 1.3;
    padding-top: .2rem;
    padding-bottom: .15rem;
  }

  .profile-school .words .items {
    font-size: .2rem;
    padding: .2rem;
  }

  .profile-school .words .tit {
    margin-bottom: .16rem;
  }

  .profile-school .words .i1 {
    font-size: .2rem;
  }

  .profile-school .words .wen {
    line-height: 1.5;
  }

  .profile-school .words .know-more {
    margin-top: .3rem;
  }

  .profile-school .words .items {
    background: #eee;
  }

  .profile-school .words .i1 {
    color: #222;
  }

  .profile-school .words,
  .wentext {
    background: #eee;
  }

  .profile-school .fl, .profile-school .fr {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .wentext {
    padding-left: .2rem;
    padding-right: .2rem;
    font-size: .28rem;
    font-weight: bold;
  }
  .wentext .j02{
    width: 1.4rem;
    float: right;
    margin-top: 0!important;
    line-height: .5rem;
  }
 .wentext .j01{
    width: calc(100% - 1.6rem);
    line-height: .5rem;
    float: left;
  }

  .profile-school .words .know-more {
    color: #222;
    font-size: .24rem;
  }
  .profile-school .words .know-more:after {
    background: url(../img/i10.png) no-repeat center;
    background-size: 100%;
  }

  .profile-school .images {
    width: 100%;
  }

  .profile-items2 .profile-map .ul {
    padding: .5rem 0;
  }

  .profile-items2 .lists .li {
    font-size: .2rem;
    width: .3rem;
    height: .4rem;
  }

  .profile-items2 .profile-map .ul .li {
    font-size: .2rem;
  }

  .profile-items2 .profile-map .ul .fl {
    width: 1.75rem;
    padding-right: .1rem;
  }

  .profile-items2 .profile-map .ul .fr {
    width: calc(100% - 1.75rem);
    padding-left: .1rem;
  }

  .profile-items2 .lists .li0 {
    left: 4.4rem;
    top: 4.8rem;
  }
  .profile-items2 .lists .li1 {
    left: 5.75rem;
    top: 5.25rem;
  }
  .profile-items2 .lists .li2 {
    left: 3.95rem;
    top: 7.95rem;
  }
  .profile-items2 .lists .li3 {
    left: 0.9rem;
    top: 9.3rem;
  }
  .profile-items2 .lists .li4 {
    left: 2.1rem;
    top: 9.3rem;
  }
  .profile-items2 .lists .li5 {
    left: 4.3rem;
    top: 9.2rem;
  }
  .profile-items2 .lists .li6 {
    left: 6.1rem;
    top: 9.1rem;
  }
  .profile-items2 .lists .li7 {
    left: 6.5rem;
    top: 9.05rem;
  }
  .profile-items2 .lists .li8 {
    left: 3.9rem;
    top: 11.95rem;
  }

  .profile-items2 .profile-map .languages {
    margin-bottom: .7rem;
  }

  .profile-items2 .profile-map .words {
    padding: 1.15rem .6rem .6rem .6rem;
  }

  .profile-items2 .profile-map .ul, .profile-items2 .profile-map .wen {
    width: 100%;
    font-size: .26rem;
    line-height: .36rem;
  }

  .profile-items1 .imgbox .list2 .li {
    border-top: 1px solid #fff;
  }

  .profile-list .li {
    width: 100%;
    margin-bottom: 4%;
    margin-left: 0;
    padding-top: .3rem;
  }

  .w1260 {
    width: 95%;
    max-width: 95%;
  }

  .profile-items1 .imgbox .img {
    position: static;
    margin-bottom: .7rem;
  }

  .profile-items1 .imgbox .imgs2 img {
    max-width: 95%;
  }

  .teachingmodel {
    padding-left: 0;
    margin-top: 0;
  }
  .teachingmodel .conbox {
    min-height: auto;
    padding: 1.2rem 1.8rem;
  }
  .teachingmodel .lists {
    padding-bottom: .8rem;
  }
  .teachingmodel .lists .items {
    width: 100%;
    margin-left: 0%;
    margin-top: .8rem;
  }
  .teachingmodel .lists .items .wen {
    padding-top: 0.35rem;
    padding-bottom: .4rem;
    border-bottom: 1px solid #000000;
  }
  .teachingmodel .lists .items:nth-child(2n) .imgs {
    margin-top: .6rem;
  }
  .teachingmodel .lists .items .tit {
    font-size: .28rem;
  }
  .teachingmodel .lists .items .tit span {
    font-size: .26rem;
  }
  .teachingmodel .lists .items .tit b {
    font-size: .26rem;
  }
  .teachingmodel .lists .items .p {
    font-size: .24rem;
    line-height: .34rem;
    height: .68rem;
    margin-top: .24rem;
    margin-bottom: .3rem;
  }

  .teachingmodel .conbox {
    padding: 1.2rem .6rem;
  }
  .profile-list .li{
    border-top-width: 1px;
  }

  .profile-list .li:nth-child(n+2) {
    /*border-top: none;*/
  }

  .know-more {
    line-height: 1.4;
  }

  .profile-items1 {
    padding-top: 0.7rem;
  }
  .profile-items1 .list1 {
    padding-bottom: 0.45rem;
    margin-top: 0.6rem;
  }
  .profile-items1 .imgbox {
    padding-top: 0;
  }
  .profile-items1 .imgbox .img {
    margin-top: 0;
    width: 100%;
  }
  .profile-items1 .imgbox .list2 {
    padding-top: 0;
    padding-bottom: 0.9rem;
  }
  .profile-items1 .imgbox .wen {
    min-height: auto;
    padding-bottom: 1.25rem;
  }

  .fixedtext {
    font-size: .4rem;
  }

  .fixedtext .en {
    font-size: .8rem;
  }

  .onlinecourse-images .words {
    position: relative;
    color: #222;
    padding-top: 0.65rem;
  }
  .onlinecourse-images .languages {
    margin-bottom: .6rem;
    color: #222;
  }
  .onlinecourse-images .erweima {
    width: 1.55rem;
    margin-top: 0.5rem;
  }
  .onlinecourse-images .erweima .span {
    font-size: .24rem;
    margin-top: .14rem;
  }
  .onlinecourse-images .erweima .i {
    height: 1.55rem;
  }
  .onlinecourse-images .wen {
    font-size: .2rem;
    line-height: 1.5;
  }

  .blockbusters-box {
    padding-bottom: 1rem;
  }

  .blockbustersdetails .lists .items,
  .blockbusters-box .welcome-excellent .lists .items {
    width: 46%;
    margin-left: 8%;
    margin-bottom: 2%;
  }
  .blockbustersdetails .lists .items:nth-child(3n+1),
  .blockbusters-box .welcome-excellent .lists .items:nth-child(3n+1) {
    margin-left: 8%;
  }
  .blockbustersdetails .lists .items:nth-child(2n+1),
  .blockbusters-box .welcome-excellent .lists .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .welcome-excellent .lists .items .text {
    font-size: .24rem;
    color: #fff;
  }

  .blockbusters-box {
    margin-top: .8rem;
  }

  .contacts-box .lists .items {
    width: 100%;
  }

  .application-list .li.on .li-bot {
    overflow-y: auto;
  }

  .languages .lan-text {
    font-size: .24rem;
    margin-top: .7rem;
    width: 100%;
    line-height: .38rem;
  }

  .application-list .li.on .li-bot .text {
    font-size: .24rem;
    line-height: .45rem;
  }

  .application-list .li {
    margin-bottom: .35rem;
  }

  .application-list {
    padding-top: .6rem;
  }
  .application-list .items:nth-child(n+2) {
    margin-top: 0.4rem;
  }
  .application-list .li.active {
    width: 100%;
  }
  .application-list .li.on .li-bot {
    padding: .2rem;
  }
  .application-list textarea {
    padding: .1rem;
    padding-left: .2rem;
  }
  .application-list .h210 {
    height: 3rem;
  }
  .application-list .sexbox {
    line-height: .7rem;
  }
  .application-list .sexbox label {
    padding-left: 0.65rem;
    font-size: .24rem;
    padding-right: .3rem;
  }
  .application-list .sexbox label span {
    width: .5rem;
    height: .5rem;
  }
  .application-list .li {
    width: 100%;
    margin-left: 0%;
  }
  .application-list .li:nth-child(3n+1) {
    margin-left: 0;
  }
  .application-list .li .li-top {
    font-size: .24rem;
    line-height: 1.5;
    margin-bottom: .16rem;
  }
  .application-list .li .li-bot input[type=text], .application-list .li .li-bot select {
    padding: 0 .2rem;
    height: .7rem;
    font-size: .24rem;
  }
  .application-list .submitbox {
    width: 100%;
  }
  .application-list .submitbox .submit {
    height: .7rem;
  }
  .application-list .submitbox .submit input {
    padding-left: .5rem;
    padding-right: .7rem;
  }
  .application-list .submitbox .submit:after {
    width: .15rem;
    height: .7rem;
    right: .48rem;
  }

  .application-bot {
    width: 100%;
  }
  .application-bot .span, .application-bot .input {
    font-size: .24rem;
  }
  .application-bot .input input {
    height: .7rem;
    width: 1.8rem;
    margin-right: .2rem;
    padding: 0 .2rem;
  }
  .application-bot .input img {
    height: .7rem;
  }
  .application-bot .span {
    margin-right: .2rem;
  }

  .enquirybox .application-list {
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #000000;
  }
  .enquirybox .application-list .li {
    width: 100%;
    margin-left: 0%;
  }
  .enquirybox .application-list .li.cur {
    width: 100%;
  }
  .enquirybox .application-list .li.cur input, .enquirybox .application-list .li.cur img {
    height: .7rem;
    font-size: .24rem;
  }

  .enquirybox-span {
    padding: .55rem 0 .4rem 0;
    font-size: .24rem;
  }

  .enquirybox-list .list {
    font-size: .24rem;
  }
  .enquirybox-list .list .i {
    line-height: .7rem;
    height: .7rem;
    padding: 0 .3rem;
  }
  .enquirybox-list .list .i0 {
    width: 25%;
  }
  .enquirybox-list .list .i1 {
    width: 50%;
  }
  .enquirybox-list .list .i2 {
    width: 25%;
  }

  .contacts-box {
    padding-top: 0.6rem;
    padding-bottom: 0.5rem;
  }
  .contacts-box .lists {
    padding-top: 0.6rem;
  }
  .contacts-box .lists .add {
    left: .3rem;
    font-size: .2rem;
    padding-left: .24rem;
  }
  .contacts-box .lists .add:after {
    width: .18rem;
    height: .18rem;
  }
  .contacts-box .lists .items {
    font-size: .2rem;
    margin: .3rem 0;
  }
  .contacts-box .lists .imgs {
    width: 1.8rem;
    height: 1.8rem;
  }
  .contacts-box .lists .words {
    width: calc(100% - 1.8rem);
    padding: 0 .3rem .6rem .3rem;
    position: relative;
  }
  .contacts-box .lists .li {
    line-height: 1.6;
    margin-top: .25rem;
  }
  .contacts-box .lists .name {
    font-size: .24rem;
  }

  .blockbusterswen-swiper .items {
    height: .84rem;
    font-size: .24rem;
    padding-top: 0.25rem;
  }

  .conbanner-tit .titbox {
    border: 1px solid #fff;
  }

  .blockbustersfixed .items {
    position: absolute;
  }

  .busters-bannertit .li {
    font-size: .2rem;
    margin: 0 .22rem;
    padding: 0 .28rem;
    height: .5rem;
    line-height: .5rem;
  }

  .video-excellent .items {
    width: 100%;
    margin-left: 0%;
  }
  .video-excellent .items:nth-child(3n+1) {
    margin-left: 0%;
  }
  .video-excellent .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .blockbusters-body footer {
    background: #fff;
  }

  .video-excellent .languages {
    margin-bottom: .6rem;
  }

  .video-excellent {
    padding-bottom: 1rem;
  }
  .video-excellent .lists {
    padding-bottom: .2rem;
  }
  .video-excellent .items {
    font-size: .2rem;
    margin-bottom: 0.6rem;
  }
  .video-excellent .items .span {
    font-size: .24rem;
    line-height: .34rem;
    height: .34rem;
    margin-top: .3rem;
    margin-bottom: .2rem;
  }
  .video-excellent .items .line {
    height: 1px;
  }
  .video-excellent .items .txt {
    padding-right: .6rem;
    margin-bottom: .36rem;
  }
  .video-excellent .items .txt:after {
    width: .5rem;
  }
  .video-excellent .items .time {
    font-size: .2rem;
    margin-bottom: 0.35rem;
  }

  .makeupcourt .honor-bot .words {
    padding-top: 0.3rem;
    padding-bottom: .4rem;
    border-bottom: 1px solid #fff;
  }

  .makeupcourt .honor-bot .words .span {
    font-size: .24rem;
    line-height: .34rem;
    height: .34rem;
  }

  .makeupcourt .honor-bot .honorcenter .swiper-button-next, .makeupcourt .honor-bot .honorcenter .swiper-button-prev {
    top: 50%;
    transform: translateY(-50%);
  }

  .makeupcourt .honor-bot .w1380 {
    min-height: 7rem;
  }

  .makeupcourt .honor-bot .words .tit {
    font-size: .3rem;
  }

  .busters-bannertit {
    padding-bottom: .7rem;
  }

  .makeupcourt .honor-bot {
    padding-top: .6rem;
    padding-bottom: 1rem;
  }

  .opuses .context .bgen {
    font-size: 1.5rem;
  }

  .videodetails .detailsbox .video-bot .btn.fr,
  .videodetails .detailsbox .video-bot .btn.fl {
    text-align: left;
  }

  .videodetails .detailsbox .back {
    margin-bottom: 0.45rem;
  }
  .videodetails .detailsbox .tit {
    font-size: 0.46rem;
    padding: .5rem 0;
    line-height: 1.2;
  }
  .videodetails .detailsbox .video-bot {
    margin-top: 0.65rem;
  }
  .videodetails .detailsbox .video-bot .btn {
    width: 100%;
    font-size: .2rem;
  }
  .videodetails .detailsbox .video-bot .btn .span {
    margin-bottom: .1rem;
  }
  .videodetails .detailsbox .video-bot .btn a {
    font-size: .24rem;
    line-height: .5rem;
    height: .5rem;
  }
  .videodetails .detailsbox .videos .videospan {
    font-size: .2rem;
    padding-top: 0.65rem;
  }
  .videodetails .detailsbox .videos .videospan:before {
    width: .5rem;
    height: .5rem;
  }

  .schooldetails-botwords .lists .items {
    width: 100%;
    font-size: .24rem;
    padding-right: .08rem;
    margin-top: 0.5rem;
  }

  .schooldetails-botwords {
    padding-top: 1.15rem;
    padding-bottom: 1.25rem;
  }
  .schooldetails-botwords .lists .p {
    line-height: 0.26rem;
  }
  .schooldetails-botwords .lists .time {
    margin-bottom: .1rem;
    font-size: .3rem;
  }
  .schooldetails-botwords .lists .time span {
    font-size: .24rem;
  }

  .blockbustersdetails .tittitle .cn {
    font-size: .36rem;
    margin-top: .2rem;
  }

  .blockbustersdetails .detailsbox {
    padding-top: .3rem;
    padding-bottom: 1rem;
  }

  .blockbustersdetails .tittitle .en {
    font-size: .6rem;
  }

  .blockbustersdetails .back {
    padding-left: .3rem;
    font-size: .24rem;
    line-height: .5rem;
    height: .5rem;
    margin-bottom: .6rem;
  }

  .blockbustersdetails .lists {
    padding-bottom: 1rem;
    margin-top: .4rem;
  }

  .blockbustersdetails .lists .items:nth-child(3n+2) {
    margin-top: .25rem;
  }

  .blockbustersdetails .lists .items {
    margin-bottom: .3rem;
  }

  .schooldetails-list {
    padding-top: 0.5rem;
    padding-bottom: 0.8rem;
    overflow: hidden;
  }
  .schooldetails-list .schooldetails-swiper {
    margin-top: 0.65rem;
  }
  .schooldetails-list .schooldetails-swiper .swiper-slide {
    font-size: .24rem;
    line-height: .8rem;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    width: 2.5rem;
  }
  .schooldetails-list .schooldetails-swiper .items {
    padding-left: .14rem;
  }
  .schooldetails-list .schooldetails-swiper .items:after {
    width: .05rem;
    height: .05rem;
  }

  .schooldetails-top .words {
    padding: .4rem .6rem;
  }

  .teachingdetails .a-back.on {
    margin-bottom: .4rem;
  }

  .schooldetails {
    padding-top: 1rem;
  }

  .schooldetails-words .bg {
    display: none;
  }

  .schooldetails-top .text {
    overflow-y: hidden;
    padding-right: .05rem;
  }
  .schooldetails-top .words {
    position: static;
  }
  .schooldetails-top .words .wen, .schooldetails-top .words .i0 {
    font-size: .24rem;
    line-height: 1.5;
  }
  .schooldetails-top .words .i:nth-child(2) {
    margin-top: .24rem;
  }
  .schooldetails-top .words .i1 {
    font-size: .26rem;
    line-height: 1.5;
  }
  .schooldetails-top .words .li:nth-child(2) {
    margin-top: 0.4rem;
  }
  .schooldetails-top .words .line {
    margin-top: 0.35rem;
    margin-bottom: .4rem;
  }
  .schooldetails-top .words .tit {
    font-size: .28rem;
  }

  .schooldetails-words {
    margin-top: .8rem;
  }
  .schooldetails-words .bg {
    font-size: 4rem;
  }
  .schooldetails-words .images {
    width: 100%;
  }
  .schooldetails-words .words {
    width: 100%;
    font-size: .24rem;
    padding: .2rem;
    position: static;
  }
  .schooldetails-words .words .box {
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
    max-height: 100%;
    position: static;
  }
  .schooldetails-words .words .num {
    font-size: .6rem;
  }
  .schooldetails-words .words .p {
    font-size: .24rem;
    margin-top: .1rem;
  }

  .story-words .swiper-button-prev, .story-words .swiper-button-next {
    width: .6rem;
    height: .6rem;
  }

  /**/
  .teachingdetails .languages .text {
    width: 95%;
    line-height: 1.6;
    margin-top: .5rem;
  }

  .teachingdetails-words .words {
    margin-top: .4rem;
    padding-bottom: 0;
  }

  .context16 {
    font-size: .24rem;
    line-height: 1.6;
  }

  .teachingdetails-tit .num {
    font-size: 1.5rem;
    height: 0.5rem;
  }
  .teachingdetails-tit .en {
    font-size: .5rem;
    margin-top: .1rem;
  }
  .teachingdetails-tit .cn {
    margin-top: .15rem;
    font-size: .3rem;
  }

  .teachingdetails-words {
    margin-top: 0.5rem;
  }
  .teachingdetails-words .items {
    padding-top: .5rem;
    padding-bottom: .6rem;
    border-top: 1px solid #333333;
  }
  .teachingdetails-words .images {
    margin-top: 0.7rem;
  }

  .teachingdetails {
    padding-top: 0.8rem;
    padding-bottom: .6rem;
  }
  .teachingdetails .a-back {
    font-size: .2rem;
    padding-left: .2rem;
    margin-bottom: 0.6rem;
    line-height: .35rem;
  }
  .teachingdetails .a-back span {
    width: .2rem;
    height: .35rem;
    line-height: .35rem;
  }

  /**/
  .story-words {
    padding-top: 0.5rem;
  }
  .story-words .swiper-wrapper {
    padding-bottom: 0.5rem;
  }
  .story-words .swiper-slide .words {
    width: 95%;
  }
  .story-words .swiper-slide .items:before {
    width: 0.55rem;
    height: 0.55rem;
  }
  .story-words .swiper-slide .text {
    font-size: .2rem;
    padding: .2rem .1rem;
  }
  .story-words .swiper-slide .text .tit {
    font-size: .24rem;
    margin-bottom: 0.05rem;
  }

  .story .story-swiper {
    width: 100%;
  }

  .story {
    padding-top: .6rem;
  }

  .workplacedetails-bot {
    padding-top: 0.6rem;
    padding-bottom: 0.9rem;
  }
  .workplacedetails-bot .txt {
    margin-bottom: .3rem;
  }
  .workplacedetails-bot .lists .li {
    padding-right: .02rem;
    padding-left: .1rem;
    font-size: .24rem;
  }
  .workplacedetails-bot .list-top {
    font-size: .24rem;
    height: .9rem;
    line-height: .9rem;
  }
  .workplacedetails-bot .items-bot {
    padding: 0.3rem 0.35rem;
    padding-bottom: 1.6rem;
    font-size: .24rem;
  }
  .workplacedetails-bot .items-bot .p {
    line-height: 1.6;
  }
  .workplacedetails-bot .items-bot .tit {
    font-size: .24rem;
    margin-bottom: .3rem;
  }
  .workplacedetails-bot .items-top {
    line-height: .8rem;
    height: .8rem;
  }
  .workplacedetails-bot .items-top:before {
    width: .2rem;
    height: .2rem;
    right: .4rem;
  }
  .workplacedetails-bot .words:nth-child(n+2) {
    margin-top: .7rem;
  }
  .workplacedetails-bot .items-bot {
    border: 1px solid #000000;
  }

  .workplacedetails-top {
    padding-top: .8rem;
    padding-bottom: .6rem;
  }
  .workplacedetails-top .img {
    width: 3rem;
    height: 3rem;
  }
  .workplacedetails-top .words {
    width: 100%;
    padding: 0.2rem 0;
    margin-top: .4rem;
    line-height: .35rem;
  }
  .workplacedetails-top .words .tit {
    margin-bottom: 0.05rem;
  }
  .workplacedetails-top .words .txt {
    margin-top: 0.75rem;
  }
  .workplacedetails-top .words .txt .span {
    margin-bottom: .24rem;
  }

  .workplacedetails-center {
    padding-top: 0.3rem;
    padding-bottom: 0.6rem;
  }
  .workplacedetails-center .wen {
    margin-top: 0.35rem;
  }
  .workplacedetails-center .wen .spans {
    font-size: .3rem;
  }

  .ft30 {
    font-size: .3rem;
  }

  .ft16 {
    font-size: .24rem;
  }

  .contetx18 {
    font-size: .26rem;
    line-height: 1.6;
  }

  .workplace {
    padding-bottom: 1rem;
  }
  .workplace .honor-top {
    padding-top: .8rem;
    padding-bottom: 0.4rem;
  }

  .workplace-brand {
    padding-top: 0.95rem;
    padding-bottom: 1.2rem;
  }
  .workplace-brand .lists {
    margin-top: 0.4rem;
  }
  .workplace-brand .lists .items2 .itbox {
    /*width: calc((100% - .2rem)/3);*/
    /*margin-left: .1rem;*/
    margin-left: 0;
    width: 100%;
  }
  .workplace-brand .lists .items2 .li {
    width: calc((100% - .1rem)/2);
  }
  .workplace-brand .lists .items1 .li {
    width: calc((100% - .1rem)/2);
  }
  .workplace-brand .lists .items1 .li:nth-child(2n+1){
    margin-left: 0;
  }
  .workplace-brand .lists .li {
    margin-left: .1rem;
    margin-bottom: .1rem;
  }

  .curriculum-list .lists .items .tit {
    line-height: .4rem;
    height: .4rem;
  }

  .recruitstudents-conbox .top-tit .i {
    font-size: .22rem;
  }

  .recruitstudents-conbox .list {
    font-size: .24rem;
  }

  .recruitstudents-conbox {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    width: 100%;
    overflow: hidden;
  }
  .recruitstudents-conbox .recruitstudents-images {
    margin-top: 0.35rem;
  }
  .recruitstudents-conbox .top-tit {
    line-height: 0.28rem;
  }
  .recruitstudents-conbox .top-tit .i.i0 {
    padding-right: 0.36rem;
  }
  .recruitstudents-conbox .top-tit .i.i1 {
    padding-left: 1.25rem;
  }
  .recruitstudents-conbox .top-tit .i.i1:after {
    width: 0.85rem;
    left: 0.24rem;
  }
  .recruitstudents-conbox .list .li .img {
    width: 0.4rem;
    height: 0.4rem;
  }
  .recruitstudents-conbox .list .li .box .span {
    width: 0.14rem;
    height: 0.07rem;
  }
  .recruitstudents-conbox .list .li .wen {
    margin-top: 0.1rem;
    line-height: 1.2;
  }
  .recruitstudents-conbox .list .li1 {
    width: 2.5rem;
    height: 1.5rem;
    top: 2.6rem;
    line-height: 1.5rem;
  }
  .recruitstudents-conbox .list .li1 .wen {
    margin-bottom: 0.1rem;
  }
  .recruitstudents-conbox .list .li2 {
    width: 1.5rem;
    height: 1.15rem;
    left: 1.8rem;
    top: 4.85rem;
  }
  .recruitstudents-conbox .list .li3 {
    width: 0.8rem;
    height: 0.8rem;
    left: 1.75rem;
    top: 6.8rem;
  }
  .recruitstudents-conbox .list .li3 .wen {
    width: 3rem;
    height: 0.6rem;
    left: 0.6rem;
  }
  .recruitstudents-conbox .list .li4 {
    width: 0.8rem;
    height: 0.8rem;
    left: 5.6rem;
    top: 8rem;
  }
  .recruitstudents-conbox .list .li4 .wen {
    width: 2rem;
    height: 0.6rem;
    left: auto;
    right: 0.8rem;
    margin-top: 0;
  }
  .recruitstudents-conbox .list .li6 {
    width: 2.5rem;
    height: 1.5rem;
    bottom: 4.9rem;
    line-height: 1.5rem;
  }
  .recruitstudents-conbox .list .li6 .wen {
    margin-bottom: 0.1rem;
  }
  .recruitstudents-conbox .list .li7 {
    bottom: 2.8rem;
    padding: 0 0.24rem;
  }
  .recruitstudents-conbox .list .li8 {
    left: 0.3rem;
    bottom: 0.9rem;
  }
  .recruitstudents-conbox .list .li8 .tit {
    margin-bottom: 0.16rem;
  }
  .recruitstudents-conbox .list .li8 .i {
    width: 1.2rem;
    height: 1.2rem;
  }
  .recruitstudents-conbox .list .li8 .en {
    margin-bottom: 0.4rem;
    margin-top: 0.14rem;
    font-size: 0.3rem;
  }
  .recruitstudents-conbox .list .li5 {
    width: 1.5rem;
    height: 1.1rem;
    left: 4.3rem;
    top: 10rem;
  }

  .honor-top {
    padding-top: 1rem;
    padding-bottom: 0.6rem;
  }

  .honner-list {
    margin-top: 0.55rem;
  }
  .honner-list .gallery-thumbs {
    margin-top: .6rem;
  }
  .honner-list .gallery-thumbs:before {
    height: 1px;
  }
  .honner-list .gallery-thumbs:after {
    height: 1px;
  }
  .honner-list .swiper-slide-active .items {
    font-size: .26rem;
  }
  .honner-list .swiper-slide-next .items {
    text-align: center;
  }
  .honner-list .items {
    font-size: .2rem;
    line-height: 1.5;
    padding: .2rem 0;
  }

  .honor-bot {
    padding-top: 1.15rem;
    padding-bottom: 1.1rem;
  }
  .honor-bot .honorcenter {
    margin-bottom: 0.35rem;
  }
  .honor-bot .honorcenter .swiper-button-next, .honor-bot .honorcenter .swiper-button-prev {
    width: .6rem;
    height: .6rem;
  }
  .honor-bot .honorcenter .swiper-button-next {
    right: 0;
  }
  .honor-bot .honorcenter .swiper-button-prev {
    left: 0;
  }
  .honor-bot .honorbot:after {
    height: 1px;
  }
  .honor-bot .honorbot .items {
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: .26rem;
    padding: 0 .08rem;
  }
  .honor-bot .items {
    padding: .14rem .1rem;
  }
  .honor-bot .honorcenter {
    margin-top: .5rem;
  }

  .honor-box {
    padding-bottom: .6rem;
  }

  .conwords {
    font-size: .24rem;
    line-height: 1.6;
  }

  .teambox .school-textswiper {
    margin-top: 0;
  }

  .teambox {
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
  }
  .teambox .team-list {
    padding-top: 0.55rem;
  }
  .teambox .team-list .list {
    margin-top: .5rem;
  }
  .teambox .team-list .list .li {
    font-size: .2rem;
    margin-bottom: 0.65rem;
    width: 32%;
    margin-left: 2%;
  }
  .teambox .team-list .list .li:nth-child(5n+1) {
    margin-left: 2%;
  }
  .teambox .team-list .list .li:nth-child(3n+1) {
    margin-left: 0;
  }
  .teambox .team-list .list .li .words {
    padding-top: 0.35rem;
    padding-bottom: 0.05rem;
  }
  .teambox .team-list .list .li .name {
    font-size: .24rem;
    line-height: .4rem;
    height: .4rem;
    margin-bottom: 0.05rem;
  }
  .teambox .team-list .list .li .wen {
    font-size: .2rem;
    line-height: 0.32rem;
  }

  .profileteam-fixed .close {
    width: 0.24rem;
    height: 0.24rem;
    right: 0.15rem;
    top: 0.3rem;
    background-size: 100%;
    z-index: 10;
  }
  .profileteam-fixed .name {
    font-size: 0.26rem;
    margin-bottom: .18rem;
  }
  .profileteam-fixed .p {
    margin-bottom: .24rem;
  }
  .profileteam-fixed .li0 {
    margin-bottom: 2px;
  }
  .profileteam-fixed .team-fixedbox {
    width: 92%;
    /*height: 5rem;*/
    font-size: .2rem;
    line-height: .35rem;
    height: auto;
    top: 68%;
    left: 4%;
    bottom: auto;
    right: auto;
    transform:translateY(-50%);

  }
  .profileteam-fixed .team-fixedbox .words {
    width: calc(100% - 2rem);
    color: #fff;
    padding: .3rem .4rem;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
  }
  .profileteam-fixed .team-fixedbox .li:nth-child(n+2) {
    margin-top: .2rem;
  }
  .profileteam-fixed .team-fixedbox .imgs {
    width: 2rem;
  }

  .onlinecourse-top {
    padding-top: 0.68rem;
    padding-bottom: 0.6rem;
  }

  .curriculum-toptit .items-left {
    font-size: .2rem;
    line-height: 0.58rem;
    width: 2rem;
  }
  .curriculum-toptit .items-left.bold {
    font-size: .24rem;
  }
  .curriculum-toptit .items-right {
    width: calc(100% - 2rem);
    line-height: 0.58rem;
    min-height: 0.58rem;
    padding-left: 0.35rem;
  }
  .curriculum-toptit .items-right .li {
    font-size: .2rem;
    padding-left: 0.22rem;
    margin-right: .15rem;
  }
  .curriculum-toptit .items-right .li span {
    width: 0.17rem;
    height: 0.17rem;
  }
  .curriculum-toptit .items-right .btn {
    font-size: .2rem;
    padding-left: .2rem;
  }
  .curriculum-toptit .items-right .btn:after {
    width: .2rem;
    height: .2rem;
  }

  .selectszhankai {
    height: .6rem;
    width: 2.35rem;
    line-height: .6rem;
    font-size: .2rem;
  }
  .selectszhankai span {
    width: 0.13rem;
    height: 0.07rem;
    margin-right: .1rem;
  }

  .curriculum-list {
    padding-top: 0.64rem;
  }
  .curriculum-list .lists {
    padding-bottom: .3rem;
  }
  .curriculum-list .lists.active .items {
    width: 100%;
    margin-left: 0;
  }
  .curriculum-list .lists.shortterm .items {
    width: 100%;
    margin-left: 0;
  }
  .curriculum-list .lists .items {
    font-size: .2rem;
    margin-bottom: .5rem;
  }
  .curriculum-list .lists .items .tit {
    font-size: .24rem;
    margin-bottom: .24rem;
  }
  .curriculum-list .lists .items .words {
    padding: .2rem .28rem;
    line-height: 1.5;
	display:none;
  }
  .kefu{ display:block;}
  .curriculum-list .lists .items .words-top {
    padding-bottom: .2rem;
  }
  .curriculum-list .lists .items .words-bot {
    padding-top: .2rem;
  }
  .curriculum-list .lists .items .pbox .span {
    font-size: .2rem;
  }

  .curriculum-list.onlinecourse-bot .lists .items .pbox .span {
    height: .32rem;
    line-height: .32rem;
  }

  .w1380 {
    width: 92%;
    max-width: 98%;
  }

  .curriculumdetails-top {
    padding-top: .44rem;
    padding-bottom: .5rem;
  }

  .curriculumdetails-bot .list-top {
    width: 1.5rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .22rem;
  }

  .languages .lan-back:after {
    width: .1rem;
    height: .1rem;
  }

  .curriculumdetails-bot .list-bot .libox .li {
    font-size: .2rem;
    line-height: 1.5;
  }

  .languages .lan-box, .languages .lan-back {
    width: 100%;
  }

  .languages .lan-back {
    margin-top: .35rem;
  }

  .curriculumdetails-bot .list-bot .libox .li-top {
    font-size: .24rem;
    margin-bottom: .15rem;
  }

  .curriculum-box {
    padding-top: 1rem;
    padding-bottom: .6rem;
  }

  .curriculumdetails-bot .list-bot {
    border-top: 1px solid #000000;
    font-size: .24rem;
    line-height: 1.5;
    padding-top: .4rem;
    padding-bottom: .5rem;
  }

  .curriculumdetails-bot .list-bot .libox .li {
    width: 50%;
    margin-bottom: .5rem;
  }

  .languages .lan-back {
    bottom: auto;
    font-size: .2rem;
    line-height: 1.25;
    padding-left: .14rem;
    position: static;
  }

  .curriculumdetails-top .items .words {
    font-size: .26rem;
    padding: .15rem;
    position: static;
    color: #222;
  }

  .bot-jiazai .spans {
    width: .6rem;
    height: .6rem;
  }

  .welcome-news .lists .items img {
    max-width: 100%;
  }

  .languages {
    padding-bottom: .58rem;
    border-bottom: 1px solid #000000;
  }
  .languages .en {
    font-size: .6rem;
  }
  .languages .cn {
    font-size: .4rem;
  }

  .newsdetails-top {
    padding-bottom: .24rem;
  }
  .newsdetails-top .tit {
    font-size: .4rem;
  }
  .newsdetails-top .time {
    margin-top: .24rem;
  }
  .newsdetails-top .time .i {
    font-size: .2rem;
  }
  .newsdetails-top .time .i:nth-child(n+2) {
    margin-left: .3rem;
  }

  .newsdetails-con {
    font-size: 14px;
    line-height: 1.6;
    padding-top: .6rem;
    padding-bottom: 1rem;
  }

  .newsdetails-bot {
    border-top: 1px solid #dddddd;
    padding-bottom: 1rem;
    padding-top: 0.4rem;
  }
  .newsdetails-bot .wen {
    margin-top: .1rem;
    font-size: .24rem;
    line-height: 0.4rem;
    height: 0.4rem;
  }
  .newsdetails-bot a {
    font-size: .2rem;
  }
  .newsdetails-bot .li:nth-child(2) {
    margin-top: .6rem;
  }
  .newsdetails-bot .btn-left {
    width: calc(100% - 1.5rem);
  }
  .newsdetails-bot .back {
    font-size: .24rem;
  }
  .newsdetails-bot .back-right {
    max-width: 1.5rem;
  }

  .tuijian .txt {
    font-size: .4rem;
    margin-bottom: .36rem;
  }

  .news-box .news-top {
    padding: 0;
  }

  .conbanner-tit {
    padding-left: 0;
    height: 0.7rem;
    line-height: 0.7rem;
  }
  .conbanner-tit.ac{
    position: static;
  }
  .conbanner-tit .items {
    padding-left: .4rem;
    padding-right: 0.3rem;
  }
  .conbanner-tit .items:after {
    width: 0.06rem;
    height: 0.06rem;
    left: 0.24rem;
  }
  .conbanner-tit .titbox a {
    font-size: .2rem;
  }
  .conbanner-tit .titbox .home {
    width: 0.7rem;
    background-size: 0.25rem 0.25rem;
  }

  .conbanner-tit .titlist {
    width: calc(100% - .7rem);
  }

  .news-box .news-top .words {
    padding: .4rem 0;
  }

  .news-box {
    padding-top: 0.87rem;
    padding-bottom: .8rem;
  }
  .news-box .timebox {
    margin-bottom: 0.65rem;
  }
  .news-box .timebox .num {
    font-size: .8rem;
  }
  .news-box .timebox .time {
    font-size: .24rem;
  }
  .news-box .news-top .tit {
    font-size: .4rem;
    line-height: .5rem;
    height: .5rem;
  }
  .news-box .news-top .p {
    font-size: .2rem;
    line-height: .3rem;
    height: 1.2rem;
    margin-top: .4rem;
  }
  .news-box .news-top {
    font-size: .2rem;
    padding: 0 .4rem;
  }
  .news-box .news-top .words {
    width: 100%;
  }
  .news-box .words {
    width: calc(35% - 1.8*.4rem);
    border-bottom: 1px solid #000;
  }
  .news-box .words .more {
    bottom: 0;
    padding-right: 0.64rem;
    margin-top: .35rem;
  }
  .news-box .words .more:after {
    width: .5rem;
  }
  .news-box .images .span {
    font-size: .2rem;
    padding: 0.5rem 0.65rem;
  }
  .news-box .images .span .t1 {
    margin-top: .12rem;
  }
  .news-box .images .span .t0 {
    font-size: .5rem;
  }

  .information-con {
    padding-bottom: .4rem;
  }
  .information-con .items {
    width: 100%;
    margin-left: 0;
    margin-bottom: .6rem;
  }
  .information-con .items .time {
    font-size: .2rem;
    margin-bottom: .3rem;
  }
  .information-con .items .words-con {
    height: auto;
    font-size: .2rem;
    padding: .3rem .4rem;
  }
  .information-con .items .words-con .more {
    bottom: .1rem;
    left: .4rem;
    padding-top: .24rem;
    padding-bottom: .24rem;
    width: calc(100% - .8rem);
  }
  .information-con .items .tit {
    font-size: .26rem;
    line-height: 0.36rem;
    max-height: 0.72rem;
  }
  .information-con .items .wen {
    line-height: .3rem;
    height: 1.2rem;
    margin-top: .16rem;
  }

  .information-con .items .words-con .more {
    position: static;
    margin-top: .45rem;
  }

  .linemore {
    padding-right: 0.64rem;
  }
  .linemore:after {
    width: .5rem;
  }

  .conbanner .images {
    display: block;
	height:300px;
  }
  .conbanner .words {
    padding-left: 1rem;
  }
  .conbanner .words .en {
    font-size: .6rem;
  }
  .conbanner .words .cn {
    font-size: .5rem;
    margin-top: .12rem;
  }

  .welcome-images .swiper-button-next, .welcome-images .swiper-button-prev {
    display: none;
  }

  .welcome-intro2 {
    padding-top: 0.8rem;
  }
  .welcome-intro2 .our-tit {
    padding-left: 0.6rem;
    margin-bottom: 0.04rem;
  }

  .intro2-thumbs {
    padding-left: 0.6rem;
  }
  .intro2-thumbs .swiper-slide {
    font-size: .2rem;
  }
  .intro2-thumbs .swiper-slide .items {
    padding: 0.34rem 0;
  }
  .intro2-thumbs .swiper-slide .items:before {
    height: 1px;
  }
  .intro2-thumbs .swiper-slide:nth-child(n+2) {
    margin-left: 0.64rem;
  }

  .welcome-intro2 .gallery-top .items .words {
    left: .6rem;
    bottom: 1rem;
    height: auto;
  }

  .intro2-text {
    padding-right: .3rem;
    padding-top: 0.8rem;
    padding-bottom: 0.6rem;
    font-size: 0.5rem;
    padding-left: 0.6rem;
  }

  .welcome-intro2 .gallery-top .items .images:after {
    left: 0.6rem;
    height: 4.8rem;
    top: -0.6rem;
  }

  .school-images .swiper-slide .items{
    display: none;
  }

  .school-images .swiper-slide-active .items, .school-images .swiper-slide-next .items, .school-images .swiper-slide-prev .items{
    display: block;
  }

  .school-images .swiper-slide {
    margin: 0;
  }

  .welcome-school {
    padding-top: 1.0875rem;
    padding-bottom: .65rem;
  }

  .school-images .swiper-slide {
    width: 100%;
  }

  .school-images .videoactive .items {
    height: auto;
  }

  .school-textswiper {
    margin-top: .45rem;
    margin-bottom: .7rem;
  }

  .school-imagesswiper .swiper-container {
    padding-bottom: 0;
  }

  .welcome-school .school-text {
    margin-top: .45rem;
    padding: 0 .6rem;
    margin-bottom: .3rem;
  }
  .welcome-school .school-text .swiper-container {
    position: static;
  }

  .school-imagesswiper .swiper-pagination {
    display: none;
  }

  .btns-active .swiper-button-prev, .btns-active .swiper-button-next {
    display: block;
  }

  .k0-04 .words .swiper-slide-next, .k0-04 .words .swiper-slide-active, .k0-04 .words .swiper-slide-prev {
    font-size: .4rem;
  }

  .welcome-excellent .lists {
    margin-top: 1.2rem;
  }

  .welcome-excellent .lists .items .text {
    font-size: .4rem;
    line-height: 1.2;
    /*transition:.5s ease-in-out;*/
    margin-top: .5rem;
  }

  .school-text .li {
    width: 95%;
  }
  .welcome-team .team-textswiper .swiper-slide .li{
    width: 100%;
    padding: 0 .25rem;
  }

  .welcome-show .welcome-team .team-textswiper {
    /*padding: 0 1.4rem;*/
  }

  .school-textbox {
    padding: 0 .45rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    position: relative;
  }

  .team-textswiper {
    margin-top: .45rem;
    margin-bottom: .7rem;
  }
  .team-textswiper .swiper-container {
    position: static;
  }

  .k0-04 .words .know-morebox {
    margin-top: .7rem;
  }

  .school-text .li {
    font-size: .26rem;
    line-height: .8rem;
    height: .8rem;
  }

  .school-text {
    width: 100%;
  }

  .team-images .items .words {
    padding-top: .25rem;
  }

  .team-images .items .words .name {
    font-size: .26rem;
  }

  .welcome-show .welcome-team > div {
    padding: 0 .6rem;
  }

  .team-images .items {
    float: left;
    margin-bottom: .45rem;
  }
  .team-images .items img {
    width: 100%;
  }
  .team-images .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .welcome-excellent .lists {
    width: 100%;
    max-width: 100%;
  }

  .welcome-team:after {
    display: none;
  }

  .welcome-images .swiper-button-next, .welcome-images .swiper-button-prev {
    width: 1.2rem;
    height: 1.2rem;
  }

  .welcome-intro2 .gallery-top .items .words .en-tit {
    font-size: .3rem;
    line-height: 1.5;
  }

  .team-images .swiper-container {
    padding-bottom: 1rem;
  }

  .welcome-intro2 .gallery-top .items .words .cn-tit {
    font-size: .36rem;
  }

  .welcome-intro2 .gallery-top .items .words {
    /*padding: 0.2rem;*/
    /*padding-left: 2rem;*/
    /*padding-top:2.5rem;*/
  }

  .welcome-intro2 .our-tit {
    width: 100%;
  }

  .team-images .items .words .p {
    line-height: .35rem;
    margin-top: .15rem;
    margin-bottom: .5rem;
    height: .7rem;
  }

  .graduate-box .images-left .swiper-slide-active {
    display: block;
  }

  .graduate-box {
    min-height: 0;
  }

  .blockbusters-box .welcome-excellent .lists .items .text {
    margin-top: .2rem;
    opacity: 1;
    font-size: .24rem;
    line-height: .34rem;
  }
  .videoactive.items:after,
  .videoactive .items:after {
    width: .5rem;
    height: .5rem;
  }


  .welcome-graduate {
    padding-top: 1.38rem;
    padding-bottom: 1.4rem;
  }

  .graduate-box .words .wen {
    width: 100%;
    font-size: .26rem;
    line-height: .4rem;
    margin-top: .4rem;
    margin-bottom: .6rem;
  }

  .graduate-box .images-left {
    width: 100%;
  }

  .graduate-box .images,
  .graduate-box .words {
    width: 100%;
  }

  .graduate-box .words {
    position: static;
    top: 0;
    transform: translateY(0);
  }

  .graduate-box .words {
    padding: 0 .2rem;
  }
  .graduate-box .words .know-more {
    /*display: none;*/
    margin-bottom: .8rem;
  }

  .welnum {
    left: 0.7rem;
    bottom: 0.7rem;
    width: 0.9rem;
    height: 0.9rem;
    line-height: 0.9rem;
  }
  .welnum span {
    font-size: .2rem;
  }
  .welnum .num0, .welnum .num1 {
    font-size: .2rem;
  }
  .welnum .num0 {
    font-size: 0.3rem;
  }

  .wel-banner .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: middle;
    width: .26rem;
    height: .26rem;
    margin: 0 .15rem;
  }

  .welcome-our .items .words .li1 {
    width: 2.4rem;
    left: 0;
  }

  .welcome-our .items .words .li2 {
    left: 2.65rem;
    top: 3.85rem;
    width: 1.95rem;
  }

  .welcome-our .items .words .li3 {
    width: 4.6rem;
    left: 2.65rem;
    top: 0;
  }

  .welcome-our .items .words .li4 {
    right: 0;
    width: 2.1rem;
    top: 4.8rem;
  }

  .welcome-our .items .words .li5 {
    left: 1.25rem;
    width: 3.55rem;
    height: auto;
    bottom: 0;
  }

  .welcome-our .items .words .li {
    height: auto;
  }

  .ft60 {
    font-size: .6rem;
  }

  .ft36 {
    font-size: .36rem;
  }

  .welcome-about .text {
    padding-top: 3rem;
    width: 3.95rem;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-right: .6rem;
  }
  .welcome-about .texts{
    margin-top: .45rem;
  }

  .welcome-about .words {
    text-align: right;
    padding-bottom: 1.15rem;
  }

  .welcome-about .text .cn {
    margin-top: .22rem;
  }

  .welcome-about .wen {
    margin-top: .75rem;
    font-size: .26rem;
    color: #fff;
    line-height: .36rem;
  }

  .welcome-about .wen .after, .welcome-about .wen .before {
    font-size: .8rem;
  }

  .wel-more {
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: .2rem;
  }
  .wel-more .jiantou {
    width: 0.2rem;
    height: 0.1rem;
    margin-top: .12rem;
  }

  .welcome-about .wel-more {
    margin-left: .6rem;
  }

  .welcome-about .botwenbox {
    margin-top: 1rem;
    padding: 0 .6rem;
  }

  .welcome-about .botwen span,
  .welcome-about .botwen .botwenright {
    font-size: .22rem;
    display: inline;
    text-align: left;
  }

  .welcome-about .botwen .botwenright {
    margin-left: .3rem;
  }

  .welcome-about .botwen {
    padding-top: .3rem;
    text-align: left;
  }

  .wel-banner .welnum {
    display: none;
  }

  .wel-banner .swiper-pagination {
    top: auto;
    transform: translate(0, 0);
    bottom: .7rem;
    right: 0;
    width: 100%;
    text-align: center;
  }
  .opuses-lists{
    margin-bottom: .5rem;
  }
  .opuses .wel-banner .swiper-pagination{
    bottom: 1.5rem;
  }

  .our-tit .en-tit {
    font-size: .3rem;
  }

  .our-tit .cn-tit {
    margin-top: .15rem;
  }

  .welcome-our {
    padding-top: 3rem;
    padding-bottom: 2.4rem;
  }

  .welcome-our .times {
    left: 0.7rem;
    bottom: 1.2rem;
    padding-left: 0.95rem;
  }

  .welcome-our .times .i0 {
    font-size: .24rem;
  }

  .welcome-our .times .span {
    font-size: 0.4rem;
    margin-left: 0.075rem;
  }

  .welcome-our .times:after {
    width: 0.875rem;
    height: 1px;
  }

  .welcome-our .time {
    top: 1.2rem;
    left: auto;
    line-height: 1;
    right: .2rem;
    padding-left: 1.25rem;
  }

  .welcome-our .time:after {
    width: .8rem;
    bottom: 0;
    margin: auto;
  }

  .welcome-our .time .span {
    font-size: .8rem;
    display: inline-block;
  }

  .welcome-our .time .tit {
    font-size: .24rem;
    margin-left: 0.075rem;
  }

  .welcome-our .our-tit {
    top: 1.2rem;
    left: .6rem;
  }

  .pc768 {
    display: none;
  }

  .m768 {
    display: block;
  }

  .mbox.pc768 {
    display: none;
  }

  .welcome-body .tit .en {
    font-size: .6rem;
  }

  .welcome-body .tit .cn {
    margin-top: .15rem;
    font-size: .36rem;
  }

  .welcome-team {
    padding-top: 1.4rem;
    padding-bottom: 1.6rem;
  }

  .welcome-news, .k0-04 .words {
    padding-top: 1.4rem;
  }

  .k0-04 .words {
    padding-bottom: 1.4rem;
  }

  .welcome-news .lists .time {
    font-size: .2rem;
    margin-bottom: .15rem;
  }

  .welcome-news .lists .li {
    margin: 0 .15rem;
  }
  .newss {
float:left;
width:48%;
}

  .welcome-news .lists {
    margin-top: .6rem;
  }

  .welcome-news .lists .wen .more {
    display: none;
  }

  .welcome-news .lists .wen .i0 {
    font-size: .2rem;
    color: #222222;
  }

  .welcome-news .lists .wen {
    padding-top: .25rem;
    line-height: 1.4;
  }

  .welcome-news .lists .wen .i0 {
    margin-bottom: .4rem;
  }

  .team-images .swiper-container, .w1650 {
    width: 95%;
  }

  .welcome-news {
    padding-bottom: 1rem;
  }

  footer {
    padding: 0 .3rem;
  }

  .know-more {
    font-size: .22rem;
    padding-right: .4rem;
  }

  .news-more {
    text-align: center;
    line-height: 1;
    margin-top: .5rem;
  }

  .news-more a {
    text-align: left;
  }

  .know-more:after {
    width: 0.2rem;
    height: 0.1rem;
  }

  footer .bocweb-footer-top {
    border-top: 1px solid #313131;
  }

  footer .bocweb-footer-top {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .bocweb-footer-top .foot-left {
    font-size: .22rem;
    width: 100%;
    padding-top: .4rem;
    border-bottom: 1px solid #dddddd;
    padding-bottom: .4rem;
  }

  .bocweb-footer-top .foot-left .num {
    font-size: .4rem;
    margin-top: .1rem;
  }

  .bocweb-footer-top .foot-right {
    width: 100%;
  }

  .bocweb-footer-top .foot-right .li {
    font-size: .22rem;
    margin-left: 0;
  }

  .bocweb-footer-top .foot-right .li:nth-child(2) {
    margin-left: 0;
   line-height: .6rem;
    padding-top: .35rem;
    padding-bottom: .35rem;
  }
  .bocweb-footer-top .foot-right .li:nth-child(2) .li1 {
    margin-top: .1rem;
  }

  .bocweb-footer-top .foot-right .li:nth-child(1) {
    display: block;
  }

  .bocweb-footer-center {
    display: none;
  }

  .bocweb-footer-center .logo .span {
    margin-left: 0;
    font-size: .2rem;
    width: 100%;
  }

  .bocweb-footer-center .erweima {
    width: 1rem;
    height: 1rem;
  }

  .bocweb-footer-center .i-top {
    font-size: .2rem;
    margin-bottom: .2rem;
  }

  .bocweb-footer-center a {
    font-size: .2rem;
    line-height: 1.2;
  }

  .bocweb-footer-center {
    padding-top: 0.55rem;
    padding-bottom: 0.8rem;
  }

  .bocweb-footer-center .list {
    width: calc(100% - 1rem);
  }

  .bocweb-footer-center .list .li {
    width: 50%;
    margin-bottom: .4rem;
  }

  .story-words .swiper-slide .words {
    opacity: 1;
  }

  .bocweb-footer-bot {
    font-size: .22rem;
    line-height: 1.6;
    padding: 0;
  }
  .bocweb-footer-bot .foot-left {
    padding: .35rem 0;
  }
  .bocweb-footer-bot .foot-right {
    width: 100%;
    padding-top: .4rem;
    border-top: 1px solid #dddddd;
  }

  .bocweb-footer-bot .foot-right a {
    margin: 0;
  }

  .bocweb-footer-bot {
    padding-bottom: .9rem;
  }

  .onlinecourse-bot {
    padding-top: .6rem;
  }

  .onlinecourse-bot .ptit {
    font-size: .26rem;
    line-height: .32rem;
    height: .32rem;
  }

  .workplacedetails-bot .lists .li {
    width: 26.6666666667%;
  }

  .workplacedetails-bot .lists .li4 {
    width: 20%;
  }



  .enquirybox-inputbox{
    padding-bottom: .5rem;
  }

  .enquirybox-inputbox .itemsbox1 .items.on{
    width: 100%;
  }

  .enquirybox-inputbox .items{
    margin-bottom: .4rem;
  }
  .enquirybox-inputbox .itemsbox1 .items{
    width: 100%;
    margin-left: 0%;
  }
   .enquirybox-inputbox .itemsbox2{
    margin-top: 0;
   }

  .enquirybox-inputbox .itemsbox2 .items{
    width: 100%;
    margin-left: 0%;
  }

  .enquirybox-inputbox .items{
    font-size: .24rem;
  }
  .enquirybox-inputbox .items{
    height: .8rem;
    line-height: .8rem;
  }
  .enquirybox-inputbox .items input{
    height: .8rem;
    padding-left: .2rem;
  }
  .enquirybox-inputbox .itemsbox .items .input{
    width: calc(100% - 1.5rem);
  }
  
  .enquirybox-inputbox .itemsbox .items .span{
    width: 1.5rem;
  }

  .intro2-text .context16{
    line-height: .4rem;
    height: 2rem;
    overflow: hidden;

  }

  /**/
  .curriculum-list .lists.active.ons .items{
    width: 49%;
    margin-left: 2%;
  }
  .curriculum-list .lists.active.ons .items:nth-child(3n+1){
    margin-left: 2%;
  }
  .curriculum-list .lists.active.ons .items:nth-child(2n+1){
    margin-left:0;
  }
  .zly .languages{
    border-bottom: none;
  }
  .zly .welcome-team{
    background: transparent;
  }
  .zly .welcome-team .team-textswiper .li{
    color:#222;
  }
  .zly  .btns-active .swiper-button-prev{
    background: url(../img/i17.png) no-repeat center;
    background-size: 100%;
  }
  .zly .btns-active .swiper-button-next{
    background: url(../img/i18.png) no-repeat center;
    background-size: 100%;

  }
  .zly  .school-text .li.active{
    color: #fff;
    background: #000000;
    transition: .5s ease-in-out;
  }
  .zly .welcome-show .welcome-team > div{
    padding: 0 4%;
  }

  .zly-bot{
    line-height: 1.6;
    height:auto;
    padding: .2rem 0;
    margin-top: .5rem;
  }
  .zly-bot .li{
    font-size: .2rem;
    margin:0 .01rem;
  }
  .zly .welcome-team{
    padding-top: .8rem;
    padding-bottom: .75rem;
  }
   .zlybody .conbanner-tit .titbox .home{
    text-align: center;
    background:transparent;
    width: 25%;
  }
  .zlybody .conbanner-tit .titlist {
    width: 75%;
  }
  .zlybody .conbanner-tit .swiper-slide{
    width: 33.33%;
  }
}

    .zlybody .m-header .w-header .ser{
      display: none;
    }
    .zlybody  .m-header .uio{
      display: none;
    }
@media screen and (max-width: 330px) {
  .news-box .news-top .p {
    font-size: 12px;
    line-height: 20px;
    height: 80px;
  }
}



/*# sourceMappingURL=style.css.map */
