@charset "utf-8";

html{
	height: 100%;font-size: 160px;
}
body{
	height: 100%;font-size: 14px;padding: 0;margin: 0;
}
input,body{
	font-family: "Microsoft Yahei";
}
a{
	text-decoration: none;
}
p{
	padding: 0;margin: 0;
}

.indexLayout{
	width: 100%;height: 100%;
}
.indexLayout .cover{
	width: 100%;height: 65%;background-color:#B1B1B1; background-image: url(indexbg.jpg); background-size: cover; background-position: center center;
}
.indexLayout .cover .blogo{
	height: 100%;width: 100%; text-align: center;
}
.indexLayout .cover .blogo:before{
	content: '';display: block;height: 16%;
}
.indexLayout .cover .blogo img{
	height: 68%;
}
.indexnav{
	width: 100%;height: 35%;background: #333333;display: table;
}
.indexnav .item{
	display: table-cell;vertical-align: middle; text-align: center;font-size: 0.1875rem;color: #FFF;font-weight: lighter;transition: all 0.8s; 
}
.indexnav .item.hv{
	opacity: 0.4;
}

.indexnav .item.s1{
	background: #75747e;
}
.indexnav .item.s2{
	background: #84828a;
}
.indexnav .item.s3{
	background: #817da0;
}
.indexnav .item.s4{
	background: #dd5a5a;
}
.indexnav .item.s5{
	background: #e59516;
}
.indexnav .item.s6{
	background: #3d8dd1;
}
.indexnav .item.s7{
	background: #415986;
}
.indexnav .item.s8{
	background: #58948c;
}

.indexnav .item .icon{
	width: 0.5625rem;height: 0.5625rem;display: block;margin: 0 auto 0.1rem auto;background-image: url(indexnav.png); background-size: 100% auto;
}
.indexnav .item.s1 .icon{
	background-position: 0 0;
}
.indexnav .item.s2 .icon{
	background-position: 0 -100%;
}
.indexnav .item.s3 .icon{
	background-position: 0 -200%;
}
.indexnav .item.s4 .icon{
	background-position: 0 -300%;
}
.indexnav .item.s5 .icon{
	background-position: 0 -400%;
}
.indexnav .item.s6 .icon{
	background-position: 0 -500%;
}
.indexnav .item.s7 .icon{
	background-position: 0 -600%;
}
.indexnav .item.s8 .icon{
	background-position: 0 -700%;
}

.vmiddle{
	display: table-cell;vertical-align: middle; text-align: center;
}

.header{
	width: 16%;height: 100%; background: #051428;position: fixed;z-index: 9;overflow: hidden;
}
.header .logo{
	height: 16%; text-align: center; display: table;
}
.header .logo img{
	width: 85%;
}
.header .nav{
	height: 75%;display: table;width: 101%;
}
.header .nav .item{
	display: table-row;color: #FFF; text-align: center;width: 100%;vertical-align: middle;font-size: 0.125rem;font-weight: lighter;
}
.header .nav .item.s1{
	background: #072143;
}
.header .nav .item.s2{
	background: #75747e;
}
.header .nav .item.s3{
	background: #84828a;
}
.header .nav .item.s4{
	background: #817da0;
}
.header .nav .item.s5{
	background: #dd5a5a;
}
.header .nav .item.s6{
	background: #e59516;
}
.header .nav .item.s7{
	background: #3d8dd1;
}
.header .nav .item.s8{
	background: #415986;
}
.header .nav .item.s9{
	background: #58948c;
}
.header .nav .item.s10{
	background: #072143;
}

.content{
	margin-left: 16%;min-height: 100%; background: #2b2b2f;position: relative;overflow: hidden;
}
.colorP{
	width: 32%;height: 100%;position: fixed; background: #75747e;text-align: center;
}
.content .title{
	top: -0.6rem;position: absolute;font-size: 0.3rem;color: #FFF; 
}
.content .title span{
	width: 100%;display: block;
}

.box{
	width: 100%;height: 100%; position: absolute;left:0;top:0;overflow-y: auto;
}
.box .ptop{
	height: 13%;
}
.box .view{
	width:80%;margin: auto;min-height: 74%; background: #f6f6f6; word-break: break-all;position: relative;color:#333333; box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.5);
}
.box .txt{
	padding: 0.25rem;
}

.box .red{
	color: #f84c2b;
}

.des01{
	border:2px solid #333333;padding:0.125rem 0.25rem; line-height: 1.5;font-size: 0.1rem;
}
.des01 p{
	padding-bottom: 0.125rem;
}
.des01 p:last-child{
	padding-bottom: 0;
}
.s-title{
	background: #76747f; background-image:linear-gradient(0deg,#75747e,#8f8c9a);display: inline-block;padding: 0.0625rem 0.125rem 0.0625rem 0;color: #FFF;font-size: 0.125rem;border-radius: 0.03125rem;margin-top: 0.2875rem;
}
.s-title .icon{
	width: 0.325rem;height: 0.175rem;display: inline-block;background-image: url(stitleicon.png); background-size:  auto 100%; background-position: center center;  background-repeat: no-repeat;border-right:1px solid #FFF;margin-right: 0.125rem;vertical-align: middle;
}

.teachers{
	margin-top: 0.1875rem; text-align: center;
}
.teachers .list{
	margin-right: -0.2875rem;overflow: hidden;
}
.teachers .list .item{
	width: 25%;float: left;margin-bottom: 0.2875rem;
}
.teachers .list .item .inner{
	margin-right: 0.2875rem;background: #FFF;overflow: hidden;border-radius: 0.03125rem;
}
.teachers .list .pic{
	width: 56%; background-color: #efefef;margin:0.125rem auto;border-radius: 50%; background-size: cover; background-position: top center;
}
.teachers .list .pic:after{
	width: 100%;content: '';display: block;padding-top: 100%;
}
.teachers .list .des{
	margin-top: 0.125rem;border-top:1px solid #f5f5f5; text-align: center;padding-top: 0.175rem; font-size: 0.1rem; line-height: 1.5;padding-bottom: 0.125rem; white-space: nowrap;
}
.teachers .list .des strong{
	font-size: 0.1125rem;line-height: 2;
}
.loadmore{
	border:1px solid #595757;display: inline-block;font-size: 0.0875rem;padding: 0.0625rem 0.125rem;border-radius: 0.03125rem;cursor: pointer;
}

.tb01{
	width: 100%;margin-top: 0.1875rem;overflow: hidden;
}
.tb01 .rw1{
	width: 27%;padding-right: 0.14375rem;box-sizing: border-box;float: left;
}
.tb01 .rw2{
	width:46%;float: left;
}

.table{
	height: 3rem;font-size: 0.125rem;color: #FFF;overflow: hidden;
}
.table td{
	background: #ec795a; text-align: center;
}
.pics01{
	width: 100%;height:3rem;
}
.pics01 .item{
	height: 50%;float: left;padding-bottom:0.03125rem;box-sizing: border-box;
}
.pics01 .item .pic{
	height: 100%; background-color: #EEE;background-size: cover; background-position: center center;overflow: hidden;
}
.c01{
	width:100%; display: table;
}
.c01 .r01{
	width: 54%;display: table-cell;
}
.c01 .r02{
	display: table-cell;position: relative;
}
.c01 .pic01{
	width: 100%;padding-top: 80%;position: relative;z-index: 1; background-size: cover;
}
.c01 .des02{
	padding: 0.25rem;border:1px  solid #333;border-top:0px;font-size: 0.1rem; line-height: 1.5;position: relative;margin: 10px;margin-top: 0;
}
.c01 .des02:before{
	content: '';display: block;border:3px solid #333;border-top:0;padding:8px;position: absolute;width: 100%;height: 100%;left:-6px;top:-6px;margin-left: -5px;margin-top: -2px;
}
.pics02{
	width: 100%;height: 100%;position: absolute;padding-left: 0.2rem;box-sizing: border-box;
}
.pics02 .item{
	height: 49.6%;width: 100%;
}
.pics02 .line{
	height: 0.8%;
}
.pics02 .item .pic{
	height: 100%;  background: #f0f0f0; background-size: cover;
}
.pics03{
	padding-top: 0.2125rem;
}
.pics03 .list{
	margin-right: -5px;overflow: hidden;
}
.pics03 .list .item{
	width: 50%;float: left;margin-bottom: 5px;
}
.pics03 .list .item .pic{
	margin-right: 5px;padding-top: 45%; background: #f0f0f0; background-size: cover;
}
.applyinfo{
	
}
.applyinfo td{
	position: relative;
}
.applyinfo td .inner{
	box-shadow: 0 0 0.0625rem 0 rgba(0,0,0,0.3);padding:0.2rem 0.3rem;font-size: 0.1rem; line-height: 2;box-sizing: border-box; transition: all 0.4s;
}
.applyinfo td .inner:hover{
	box-shadow: 0 5px 0.1875rem 0 rgba(0,0,0,0.4);
}
.applyinfo .inner .icon{
	width:0.3125rem;height:0.3125rem; display: inline-block;background-image: url(aiicon.png); background-size: 100% auto; vertical-align: middle;margin-right: 0.125rem;
}
.applyinfo .inner .icon.s1{
	background-position: 0 0;
}
.applyinfo .inner .icon.s2{
	background-position: 0 -100%;
}
.applyinfo .inner .icon.s3{
	background-position: 0 -200%;
}
.applyinfo .inner .icon.s4{
	background-position: 0 -300%;
}
.applyinfo .inner .icon.s5{
	background-position: 0 -400%;
}
.applyinfo .inner .etitle{
	font-size: 0.125rem;font-weight: bold;margin-bottom: 0.075rem;
}

.contact{
	height: 100%; border:1px solid #333;margin: 10px;position: relative;margin-top: 0; text-align: center;
}
.contact:after{
	position: absolute;width:100%;height: 100%;border:3px solid #333;content: '';display: block;padding: 8px;left:-10px;top:-10px;
}
.contact .info{
	display: table;width: 100%;height: 100%; line-height: 2; font-size: 0.1rem;
}
.contact .info .ticon{
	width:2rem; display: inline-block;margin-bottom: 0.15rem;
}
.contact .info .ticon img{
	width: 100%;
}





@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }

  5% {
    opacity: 1; }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }

  5% {
    opacity: 1; }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.ball-scale-multiple {
  position: relative;
  -webkit-transform: translateY(-60px);
      -ms-transform: translateY(-60px);
          transform: translateY(-60px); }
  .ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .ball-scale-multiple > div:nth-child(3) {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s; }
  .ball-scale-multiple > div {
    background-color: #279fcf;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 120px;
    height: 120px;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
            animation: ball-scale-multiple 1s 0s linear infinite; }


.show-loading{
	width: 100%;height: 100%;background: rgba(255,255,255,0.5);position: fixed;left:0;top:0;z-index: 9999;
}

.show-loading .wrap{
	width: 60px;height: 60px; margin: auto; position: absolute;left:50%;top:50%;z-index: 9999;margin-left: -30px;margin-top: -30px;
}


.pagecontent{
	position: fixed;width: 100%;height: 100%;left:0;top:0;display: none;
}



@media screen  and (max-width:1920px) {
	html{
		font-size: 160px;
	}
}

@media screen  and (max-width:1440px) {
	html{
		font-size: 140px;
	}
}
@media screen  and (max-width:1366px) {
	html{
		font-size: 130px;
	}
}

@media screen  and (max-width:1280px) {
	html{
		font-size: 120px;
	}
}

@media screen  and (max-width:1024px) {
	html{
		font-size: 100px;
	}
}