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;}
body{max-width: 7.5rem;margin:0 auto;}
.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;}
.b-kw{-webkit-animation:zoomIn 1s ease 2s forwards;animation:zoomIn 1s ease 2s forwards;}
.b-tit{-webkit-animation:lightSpeedIn 1s ease 3s forwards;animation:lightSpeedIn 1s ease 3s forwards;}
.b-txt{-webkit-animation:fadeInUp 1s ease 4s forwards;animation:fadeInUp 1s ease 4s forwards;}
.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;}
.b-f02{top:50%;}
.history p.p1{margin-top: .8rem;}
@-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);
  }
}
/*调用插件里的动画样式*/
.active .m_1{-webkit-animation:fadeInUp 1s .5s ease both;-moz-animation:fadeInUp 1s .5s ease both;animation:fadeInUp 1s .5s ease both;}
.active .m_2{-webkit-animation:fadeInUp 1s .5s ease both;-moz-animation:fadeInUp 1s .5s ease both;animation:fadeInUp 1s .5s ease both;}
.active .m_3{-webkit-animation:fadeInUp 1s .5s ease both;-moz-animation:fadeInUp 1s .5s ease both;animation:fadeInUp 1s .5s ease both;}
.active .i0{-webkit-animation:rotateIn .5s 1.2s ease both;-moz-animation:rotateIn .5s 1.2s ease both;animation:rotateIn .5s 1.2s ease both;}
.active .i1{-webkit-animation:rotateIn .5s 1.7s ease both;-moz-animation:rotateIn .5s 1.7s ease both;animation:rotateIn .5s 1.7s ease both;}
.active .i2{-webkit-animation:rotateIn .5s 2.2s ease both;-moz-animation:rotateIn .5s 2.2s ease both;animation:rotateIn .5s 2.2s ease both;}
.active .i3{-webkit-animation:rotateIn .5s 2.7s ease both;-moz-animation:rotateIn .5s 2.7s ease both;animation:rotateIn .5s 2.7s ease both;}
.active .i4{-webkit-animation:rotateIn .5s 3.3s ease both;-moz-animation:rotateIn .5s 3.3s ease both;animation:rotateIn .5s 3.3s ease both;}

.active .d1{-webkit-animation:fadeInUp .5s 1s ease both;-moz-animation:fadeInUp .5s 1s ease both;animation:fadeInUp .5s 1s ease both;}
.active .d2{-webkit-animation:fadeInUp .5s 1.5s ease both;-moz-animation:fadeInUp .5s 1.5s ease both;animation:fadeInUp .5s 1.5s ease both;}
.active .d3{-webkit-animation:fadeInUp .5s 2s ease both;-moz-animation:fadeInUp .5s 2s ease both;animation:fadeInUp .5s 2s ease both;}
.active .d4{-webkit-animation:fadeInUp .5s 2.5s ease both;-moz-animation:fadeInUp .5s 2.5s ease both;animation:fadeInUp .5s 2 2.5s ease both;}
.active .d5{-webkit-animation:fadeInUp .5s 3s ease both;-moz-animation:fadeInUp .5s 3s ease both;animation:fadeInUp .5s 3s ease both;}

.pd20{padding:.2rem 0;}
.tit{padding:.4rem 0;}
.s01{padding:0 .1rem 0;background:#fff;}
.bg2{background: url(images/bg2.jpg) no-repeat;background-size: 100%;padding: .4rem 0;}
.history{text-align: center;}
.history a{display: inline-block;width:.37rem;height: .6rem; position: absolute;top:35%;z-index: 9}
.history a.ad_btn_left{background: url(images/btn_l.png) no-repeat;background-size: 100%;left:0;}
.history a.ad_btn_right{background: url(images/btn_r.png) no-repeat;background-size: 100%;right:0;}
.history h3{height:.66rem;background:url(images/year.png) no-repeat center bottom;background-size:100%;line-height:.6rem;font-size:.4rem;text-align:center;color:#fff000;}
.history h3 em{border-bottom: 1px solid #ffde27;}
.history .bd .slider_s li{height:4.2rem!important}
.history p{margin-top:.1rem;box-sizing:border-box;padding:.1rem .35rem;color:#fff;border-radius:4px;}
.history .slider_s p i{border-radius: 100%;background: #fff;width: .13rem;height: .13rem;display: inline-block;vertical-align: middle;margin-top: -.05rem;margin-right: .05rem;}
.history b{font-weight:normal;color:#fff000;}
.history .bd{height:4.2rem!important;overflow:hidden;}
.tab1{padding-top:.2rem;display: inline-block;width: 90%;}
.tab1 li{width: 1rem;height:1rem;margin:1.3% 1.3% 0 0;text-align:center;float: left;}
.tab1 li.on{width: 1rem;height: 1.05rem;}
.tab1 li b{background: url(images/li-bg.png) no-repeat;background-size: 100%;width: 100%;height: 100%;display: inline-block;}
.tab1 li b.b1{background-position: 0 0;}
.tab1 li b.b2{background-position: 0 -1.02rem}
.tab1 li b.b3{background-position: 0 -2.03rem}
.tab1 li b.b4{background-position: 0 -3.07rem}
.tab1 li b.b5{background-position: 0 -4.07rem}
.tab1 li b.b6{background-position: 0 -5.1rem}
/*.on时候的状态*/
.tab1 li.on b{background: url(images/li_onbg.png) no-repeat;background-size: 100%;}
.tab1 li.on b.b1{background-position: 0 0;}
.tab1 li.on b.b2{background-position: 0 -1.07rem;}
.tab1 li.on b.b3{background-position: 0 -2.12rem}
.tab1 li.on b.b4{background-position: 0 -3.3rem;}
.tab1 li.on b.b5{background-position: 0 -4.36rem;}
.tab1 li.on b.b6{background-position: 0 -5.42rem}

.tab1 .on{color:#fff;}
.his-tip{width:4rem;height:.9rem;padding:.05rem 0;margin:.3rem auto 0;text-align:center;color:#333333;}
.his-tip b{color:#df0043;}

.s02{background:#112848;padding:0 .2rem .2rem;}
.s02 dl {display: flex;color:#fff;margin-top: .31rem;}
.s02 dl p{text-indent: 2em;}
.s02 dl dt{margin-right: 1%;}
.s02 dl dt i{width: 1.51rem;height: 1.75rem;display: block;background:url(images/icon.png) no-repeat;background-size: 100%;}
.s02 dl dd h3{font-size: .3rem;color:#fff5a4;}
.s02 dl dd h3 strong{font-size: .48rem;font-weight: bold;color: #fff;margin-right: .2rem;}
.s02 dl dt i.i0{background-position: 0 0;}
.s02 dl dt i.i1{background-position: 0 -1.74rem;}
.s02 dl dt i.i2{background-position: 0 -3.48rem;}
.s02 dl dt i.i3{background-position: 0 -5.22rem;}
.s02 dl dt i.i4{background-position: 0 -6.96rem;}

.s03{padding:0 .1rem .2rem;}
.s04{padding:0 .1rem 1.2rem;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_vice03,.tit_vice02{width:2.96rem;height:.7rem;margin:.6rem auto .2rem;}

.s05{padding:.44rem .1rem;background-color:#112949;color:#fff;}
.team{position:relative;border:1px solid #fff;padding:.06rem;}
.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.4rem;margin-top:.1rem;text-align:center;}
.ewm{float:left;width:1.4rem;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;}