html{color:#000;background:#fff;font-family:"Microsoft Yahei";}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form, blockquote{ margin: 0;}   
body{max-width: 7.5rem;margin:0 auto!important;}
ol,ul{ margin: 0; padding: 0;}
li{ list-style: none;}
a{text-decoration:none;}
a:hover{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;}
.mg10{margin:.1rem 0;}
.mgt30{margin-top: .3rem;}
.mgt20{margin-top: .2rem;}
.mgt50{margin-top: .5rem;}

html, body {position: relative; height: 100%;} 
body {background: #fff; font-size:0.24rem; color:#333; margin: 0; padding: 0;font-family: 'Microsoft YaHei'; line-height:1.8; max-width:750px; margin:0 auto } 
.swiper-container { width: 100%; height: 100%; }
.swiper-slide {position: relative;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.content{ width:94%; overflow:hidden; margin:0 auto;text-align: center;} 
.content-box{margin:-13% auto 0;}

.index .content{height: 100%;width: 100%;}
.index-img{margin-top: -25%;}
.logo{width: 3.33rem;height: 1.32rem;position: absolute;top:0;left: 50%;margin-left: -1.66rem;}
.bg1{ background:url(images/bg1.jpg) no-repeat center bottom; background-size:cover;}
.content h2{color:#000;font-weight: bold;font-size: .3rem;}
/*本专题内用到的动画库*/
.animated{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);transform:scale(.9)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}
}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}
}
.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}

.middle{width: 92%;margin:0 auto;}
#wrapper{text-align: center;margin-top: .2rem}
#dialog blockquote{text-align: left;margin-top: .3rem;}
.demo a{width: 17.5%;display: inline-block;vertical-align: top}

#dialogBg{width:100%;height:100%;background-color:#000;opacity:.8;filter:alpha(opacity=60);position:absolute;top:0;left:0;z-index:9999;display:none}
#dialog{width: 84%;margin-left: -47%;display:none;background-color:#fff;position:absolute;top: 14%;left: 50%;z-index:10000;border:1px solid #ccc;border-radius:10px;-webkit-border-radius:10px;box-shadow:3px 2px 4px rgba(0,0,0,.2);-webkit-box-shadow:3px 2px 4px rgba(0,0,0,.2);padding: 3% 5%;}
.dialogBottom a{background: url(images/claseDialogBtn_bg.png) no-repeat;background-size: 98%;width: .72rem;height: .72rem;position: absolute;bottom: -15%;left: 50%;margin-left: -.36rem;z-index: 99;}
#dialog h3{text-align: center;font-weight: bold;color:#000;}
.content h3{color: #5abb9c;text-align: center;font-size: .3rem;font-weight: bold;margin-top: .3rem;}

.same li{display: inline-block;margin:0 .1rem;width: .1rem;height: .1rem;border-radius: 100%;background: #fff}
.same li.on{background: #474747;}
.team-box{background: url(images/tit_bg.png) no-repeat;background-size: 100% 100%;padding: 23% 2% 15%;}
.team-box p{text-align: left;text-indent: 2em;}
.team-img {width: 86%;margin:.4rem auto 0;}
/*本专题内用到的动画库*/
footer{display:none!important;}
/*.u-topbar{position: fixed;width: 100%;top:0;z-index: 9999;}*/
@media screen and (max-width: 321px) {
    .team-box{padding:15% 2% 5%;}
}