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;}
img{display:block;width:100%;}
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;}
.mg20{margin:.2rem 0;}
.mgt30{margin-top: .3rem;}
.mgt20{margin-top: .2rem;}

/*箭头动画*/
@-webkit-keyframes start {
    0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
    60% {opacity: 1;-webkit-transform: translate(0,0);}
    100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
    0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
    60% {opacity: 1;-moz-transform: translate(0,0);}
    100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
    0%,30% {opacity: 0;transform: translate(0,10px);}
    60% {opacity: 1;transform: translate(0,0);}
    100% {opacity: 0;transform: translate(0,-8px);}
}
#array{
    position:absolute;z-index:9;-webkit-animation: start 1.5s infinite ease-in-out;
    width:0.47rem;height: 0.49rem;
    bottom: 30px;left:45%;
    display: none;
}
#btn{ background: url(images/btn.png) center no-repeat;background-size: 100%;width: 1.51rem;height: 1.16rem; text-align:center; cursor:pointer; position:absolute; left:50%; margin-left:-.75rem; bottom:13%;z-index:99999}
#showImg{width:100%; height:100%; overflow:hidden; position:fixed;z-index:9998;max-width: 7.5rem;margin:0 auto;}
#showImgCanvas{width:100%; position:absolute; left:0; top:0;}
/*点击返回首屏*/
#back_home{text-align: center;display: none;position: absolute;bottom: 20%;left:50%;margin-left: -1rem;background: #EC891B;color: #fff;padding:.1rem;z-index: 99999;border-radius: 5px;width: 2rem;}
.center{text-align: center;}
.line{display: inline-block;}
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:90%; overflow:hidden; margin:0 auto;} 
.content p{text-align: justify;line-height: 2;text-indent: 2em;color:#fff;}

.bg1{ background:url(images/bg1.jpg) no-repeat center bottom; background-size:cover;}
.bg2{ background:url(images/bg2.jpg) no-repeat center bottom; background-size:cover;}
.bg3{ background:url(images/bg3.jpg) no-repeat center bottom; background-size:cover;}
.bg2 .content{width: 75%;}
.content h2{color:#eb891b;font-weight: bold;font-size: .4rem;}
.txt-content{width: 1.49rem;height: 5.57rem;}
.bg3 .content {background: url(images/jy_bg.png) no-repeat;background-size: 99.8% 100%;width: 82%;}
.bg3 .content p{width: 90%;margin:0 auto;}
.bg3 .content .ft-logo{margin:20% 0 5% 0;}
.bg3 .content .team{width: 90%;margin: 0.5rem auto 1rem;}
/*本专题内用到的动画库*/
.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}
#wrapper{text-align: center;margin-top: .2rem;position: relative;}
.demo{width:100%;margin: 12% auto 0;text-align:center;}
#dialog blockquote{text-align: left;}
.door{width: 44%;display: inline-block;vertical-align: top;}
.box{width: 49%;display: inline-block;vertical-align: top;position: relative;z-index: 22;margin-left: -8%;}
.demo a{margin-bottom: .2rem;background:url(images/a_bg.png) no-repeat;background-size: 100% 100%;height: .86rem;display: block;color: #fff;line-height: .86rem;}
#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: 15%;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: 100%;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;}
/*本专题内用到的动画库*/
footer{display:none!important}
.u-topbar{position: fixed;width: 100%;top:0;z-index: 9999;}