html{color:#000;background:#fff;font-family:"Microsoft Yahei";}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form, blockquote{ margin: 0;}   
ol,ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{display:block;width:100%;}
a{text-decoration:none;}
.fl{float:left;}
.fr {float:right;}
.cl:after,.cl:before{ content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{position: relative;}

p{font-size:.24rem;line-height:1.8;text-align:justify;white-space:pre-wrap;}

.b-wrap{position:absolute;z-index:1;left:0;top:0;}
.b-logo{width:1.2rem;padding:.2rem 0 0 .2rem;animation:lightSpeedIn 1s ease-out;}
.b-tit{animation:zoomInLeft 2s;}

.tit{padding:3% 0;}
.txt{padding:0 3%;text-indent:2em;}
.pd03{padding:0 3%;}
.secret{padding-bottom:3%;}
.tab{padding:3% 0;font-size:0;text-align:center;}
.tab li{display:inline-block;box-sizing:border-box;width:31%;margin:0 1%;height:.66rem;line-height:.66rem;border-radius:.05rem;border:1px solid #cd0000;font-size:.24rem;}
.tab .on{background-color:#cd0000;color:#fff;}
.tablist .list:not(:first-child){display:none;}
.tablist .list img{box-sizing:border-box;padding:0 1%;}
.tablist .list img:last-of-type{padding-bottom:2%;}
.tablist .list .h3{width:1.4rem;height:.42rem;background-color:#b01f24;margin:1% 0 1% 3%;font-size:.28rem;line-height:.42rem;font-weight:bold;color:#fff;text-align:center;}
.tablist .list p b{font-weight:bold;color:#cb0000;}

.teacher{padding:0 1%;background:url(images/bg_tc.jpg) center top;background-size:100%;color:#fff;text-align:center;}
.teacher h2{padding:5% 0;}
.headshot{position:relative;width:5.4rem;height:5.4rem;margin:0 auto;background:url(images/bg_tc.png) no-repeat;background-size:100%;overflow:hidden;}
.headshot img{box-sizing:border-box;width:5rem;height:5rem;border-radius:50%;border:.05rem solid #d9d9d9;margin:.2rem 0 0 .2rem;}
.headshot h3{position:absolute;left:1.15rem;bottom:.1rem;width:3.2rem;height:.6rem;line-height:.6rem;background-color:#cf0000;font-size:.3rem;}
.teacher p{text-align:center;padding-top:.1rem;}
.tab1{padding:.25rem 0 .55rem;font-size:0;text-align:center;}
.tab1 li{display:inline-block;width:.2rem;height:.2rem;margin:0 .1rem;background-color:#d9d9d9;}
.tab1 .on{background-color:#dc0000;}

.core{padding-top:2%;}
/*.core h3{padding-left:3%;font-weight:bold;font-size:.28rem;line-height:2;}*/
.tab2{font-size:0;width:7.5rem !important;position:relative !important;left:0 !important;}
.tab2 li{display:inline-block;width:31% !important;margin:1%;height:.56rem;line-height:.56rem;box-sizing:border-box;border-radius:.05rem;border:1px solid #b5b5b5;font-size:.2rem;white-space:nowrap;text-align:center;}
.tab2 .on{color:#fff;background-color:#b60000;}
.record .bd{margin:2% 1%;}
.record p{padding:2%;text-indent:2em;}

.team{margin-top:4%;padding:3% 1% 5%;background:url(images/tbg.jpg) repeat;color:#fff;}
.teamp{padding:2% 0 5%;text-align:center;}
.gz-ewm{width:50%;margin:0 auto;overflow:hidden;}
.gz{width:45%;float:left;text-align:center;}
.ewm{width:45%;float:right;}
.free{padding:5% 0 3%;text-align:center;font-size:.3rem;font-weight:bold;}
.free b{font-weight:bold;color:#fe0000;}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}