html{color:#333;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;}
a:hover{text-decoration:none;}
.fl{float:left;}
.fr {float:right;}
.cl {*zoom:1;}
.cl:after,.cl:before{ content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{position: relative;}
section p{font-size:.24rem;line-height:1.8;text-align:justify;white-space:pre-wrap;}


.banner{height:13rem;background:url(images/bg.jpg) no-repeat;background-size:100%;overflow:hidden;}

.b-logo{padding:.8rem 0 .6rem;-webkit-animation:bounceInDown 1s ease 1s forwards;animation:bounceInDown 1s ease 1s forwards;opacity:0;}
.b-kw{-webkit-animation:zoomIn 1s ease 2s forwards;animation:zoomIn 1s ease 2s forwards;opacity:0;}
.b-tit{-webkit-animation:lightSpeedIn 1s ease 3s forwards;animation:lightSpeedIn 1s ease 3s forwards;opacity:0;}
.b-txt{-webkit-animation:fadeInUp 1s ease 4s forwards;animation:fadeInUp 1s ease 4s forwards;opacity:0;}
.b-f01,.b-f02{position:absolute;left:0;top:0;-webkit-animation:loops 10s infinite ease 1s forwards;animation:loops 10s infinite ease 1s forwards;opacity:0;}
.b-f02{top:50%;}
@-webkit-keyframes loops {
  0% {opacity:0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
  	opacity:1;
  	-webkit-transform: translate3d(0, 8rem, 0);
    transform: translate3d(0, 8rem, 0);
  }
}
@keyframes loops {
  0% {opacity:0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
  	opacity:1;
  	-webkit-transform: translate3d(0, 8rem, 0);
    transform: translate3d(0, 8rem, 0);
  }
}

.pd20{padding:.2rem 0;}
.tit{padding:.4rem 0;}
.s01{padding:0 .1rem .6rem;background:#fff url(images/bg_s01.jpg) no-repeat center bottom;background-size:100%;}
.history h3{height:.66rem;background:url(images/year.png) no-repeat center center;background-size:100% 100%;line-height:.66rem;font-size:.32rem;text-align:center;color:#fff000;}
.history p{margin-top:.1rem;box-sizing:border-box;width:7.3rem;padding:.15rem .35rem;text-indent:2em;color:#fff;background-color:#2c4f7f;border-radius:4px;}
.history b{font-weight:normal;color:#fff000;}
.history .bd{max-height:3.1rem;overflow:hidden;}
.tab1{display:flex;display:-webkit-flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-top:.2rem;}
.tab1 li{box-sizing:border-box;width:24%;height:.55rem;margin:1.3% 1.3% 0 0;line-height:.55rem;border-radius:4px;border:1px solid #2c4f7f;background-color:rgba(255,255,255,.7);font-size:.3rem;text-align:center;}
.tab1 li:nth-child(4n){margin-right:0;}
.tab1 .on{background:#2c4f7f;color:#fff;}
.his-tip{width:4rem;height:.9rem;padding:.05rem 0;margin:.3rem auto 0;text-align:center;color:#fff;background-color:rgba(14,44,76,.9);}
.his-tip b{font-weight:normal;font-size:.26rem;color:#fff000;}

.s02{background:#112848;}
.lightspot .bd,.lightspot .bd li{height:3.5rem;overflow:hidden;}
.lightspot .bd li{padding:0 .3rem;background:#2b4e7e;color:#fff;}
.lightspot .bd li:nth-child(2){background:#b22c54;}
.lightspot .bd li:nth-child(3){background:#699e3d;}
.lightspot h3{padding:.5rem 0 .2rem;font-weight:bold;font-size:.36rem;line-height:.4rem;color:#fff000;text-align:center;}
.tab2{padding:.3rem 0 .5rem;text-align:center;font-size:0;}
.tab2 li{display:inline-block;width:.2rem;height:.2rem;margin:0 .1rem;background-color:#e5e5e5;}
.tab2 li.on{background-color:#fff000;}

.s03{padding:0 .1rem .2rem;}
.s04{padding:0 .1rem 3rem;background:#112949 url(images/bg_s04.jpg) no-repeat center bottom;background-size:100%;}
.zoompic{display:flex;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;}
.zoompic li{margin-top:.1rem;width:49%;}
.boss li:nth-child(3),
.boss li:nth-child(4),
.boss li:nth-child(5){width:32%;}
#swipebox-close{background-image:url(images/icons.svg) !important;}
.tit_vice01{width:2.5rem;height:.7rem;margin:0 auto .2rem;}
.tit_vice02{width:2.5rem;height:.7rem;margin:.6rem auto .2rem;}

.s05{padding:.44rem .1rem;background-color:#112949;color:#fff;}
.team{position:relative;border:1px solid #fff;padding:.15rem;}
.tit_team{position:absolute;left:2.7rem;top:-0.23rem;width:1.9rem;height:.45rem;}
.team p{float:left;margin-right:.1rem;}
.gz{float:left;width:1.5rem;margin-top:.1rem;text-align:center;}
.ewm{float:left;width:1.45rem;margin-top:.1rem;}
@media screen and (max-width:374px){
	.team p{margin:.8rem .6rem 0 0;}
}
.duty h3{width:1.9rem;height:.44rem;margin:.3rem auto;font-size:.3rem;line-height:.44rem;text-align:center;background-color:#eb182c;}
.duty p{text-indent:2em;padding:0 .1rem;}
.fix-nav{display:none;position:fixed;left:100%;bottom:0.9rem;width:100%;margin-left:-.6rem;}
.fix-nav .fix-nav-wrap{background-color:rgba(148,149,148,0.8);width:.5rem;height:.5rem;text-align:center;border-radius:100%;}
.fix-nav .i-totop{width:0.33rem;display:block;margin:0 auto 0.02rem;padding-top:0.18rem;}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

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

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

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

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 1;
  }
}

@-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 fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

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

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

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