/* common */
.col-r, .r {
  float: right;
}
.col-l, .l{
  float: left;
}
.clearfix:after{
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix{
  *zoom: 1;
}
.fp-section.fp-table, .fp-slide.fp-table, .fp-tableCell {
  display: block;
  position: relative;
  overflow: hidden;
}
/* header */
.header{
  width: 100%;
  height: calc(70rem / 19.2);
  position: fixed;      
  left: 0;
  top: 0;
  z-index: 2;
}
.header.act{
  background: #002050;
}
.header .header-warp{
  min-width: 600px;
  width: 80%;
  height: calc(70rem / 19.2);
  margin: 0 auto;
  line-height: calc(70rem / 19.2);
}
.header .header-warp .logo{
  float: left;
  cursor: pointer;
  font-size: 0;
}
.header .header-warp .logo a img{
  width: calc(139rem / 19.2);
  margin-top: calc(-10rem / 19.2);
  /*height: calc(31rem / 19.2);*/
}
.header .header-warp .nav{
  float: right;
}
.header .header-warp .nav li{
  float: left;
  font-size: calc(14rem / 19.2);
  font-weight: 300;
  color: #FFFFFF;
  opacity: 0.6;
  margin: 0 calc(30rem / 19.2);
  position: relative;
  cursor: pointer;
}
.header .header-warp .nav li:hover{
  color: #FFFFFF;
  opacity: 1;
}
.header .header-warp .nav li:hover::after{
  content: '';
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
  bottom: 10%;
  width: calc(37rem / 19.2);
  height: calc(4rem / 19.2);
  background-color: #fff;
  border-radius: calc(5rem / 19.2);
}
.header .header-warp .nav li.contact-us:hover::after{
  content: '';
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
  bottom: 10%;
  width: calc(0rem / 19.2);
  height: calc(0rem / 19.2);
  background-color: #fff;
  border-radius: calc(5rem / 19.2);
}
.header .header-warp .nav li.act{
  color: #FFFFFF;
  opacity: 1;
}
.header .header-warp .nav li.act::after{
  content: '';
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
  bottom: 10%;
  width: calc(37rem / 19.2);
  height: calc(4rem / 19.2);
  background-color: #fff;
  border-radius: calc(5rem / 19.2);
}
.header .header-warp .nav li.contact-us{
  opacity: 1;
}
.header .header-warp .nav li.contact-us a{
  background-color: #0079ED;
  padding: calc(8rem / 19.2) calc(25rem / 19.2);
  border-radius: calc(30rem / 19.2);
  color: #fff;
  display: inline;
  width: auto;
  height: auto;
}
.header .header-warp .nav li a{
  display: inline-block;
  width: 100%;
  height: 100%;
}
/* footer */
.footer{
  width: 100%;
  /* height: calc(490rem / 19.2); */
  padding: calc(20rem / 19.2) 0 calc(10rem / 19.2);
  background-color: #002050;
  overflow: hidden;
}
.footer-wrap{
  width: 65%;
  height: 90%;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  border-bottom: calc(1rem / 19.2) solid rgba(255, 255, 255, .1);
}
.footer .left{
  margin-top: calc(10rem / 19.2);
}
.footer .left .slogan{
  font-size: calc(55rem / 19.2);
  font-weight: 300;
  color: #FFFFFF;
  line-height: calc(75rem / 19.2);
}
.footer .footer-text{
  text-align: center;
  font-size: calc(14rem / 19.2);
  font-weight: 300;
  color: #FFFFFF;
  opacity: 0.5;
  margin-top: calc(10rem / 19.2);
}
.footer .left .slogan-en{
  font-size: calc(24rem / 19.2);
  font-weight: 300;
  color: #005792;
  line-height: calc(30rem / 19.2);
  opacity: 0.5;
  margin-top: calc(20rem / 19.2);
}
.footer .left .logo-small{
  margin-top: calc(70rem / 19.2);
}
.footer .left .logo-text{
  font-weight: 300;
  color: #FFFFFF;
  opacity: 0.3;
  font-size: calc(20rem / 19.2);
  margin-top: calc(10rem / 19.2);
}
.footer .left .left-text{
  color: #fff;
  color: #fff;
  font-size: calc(14rem / 19.2);
  margin-top: calc(20rem / 19.2);
  padding-left: calc(30rem / 19.2);
}
.footer .left .left-text.tel{
  background-image: url(../images/icon-tel.png);
  background-size: calc(21rem / 19.2) calc(21rem / 19.2);
  background-repeat: no-repeat;
  background-position: 0 center;
}
.footer .left .left-text.email{
  background-image: url(../images/icon-email.png);
  background-size: calc(20rem / 19.2) calc(16rem / 19.2);
  background-repeat: no-repeat;
  background-position: 0 center;
}
.footer .left .left-text.address{
  background-image: url(../images/icon-address.png);
  background-size: calc(17rem / 19.2) calc(22rem / 19.2);
  background-repeat: no-repeat;
  background-position: 0 center;
}
.footer .right .qrcode{
  text-align: right;
  margin-bottom: calc(20rem / 19.2);
}
.footer .right .qrcode .qrcodeimg{
  width: calc(135rem / 19.2);
  height: calc(135rem / 19.2);
}
.footer .right .menu ul li{
  float: left;
  font-size: calc(20rem / 19.2);
  font-weight: 300;
  color: #FFFFFF;
  line-height: calc(25rem / 19.2);
  opacity: 0.6;
  margin: 0 calc(20rem / 19.2);
  cursor: pointer;
}
.footer .right .menu ul li:hover{
  opacity: 1;
}
.footer .right .menu ul li:last-child{
  margin: 0 0 0 calc(20rem / 19.2);
}
.footer .right .qrcode p{
  font-size: calc(14rem / 19.2);
  font-weight: 400;
  color: #FFFFFF;
  line-height: calc(25rem / 19.2);
  opacity: 0.5;
  margin-bottom: calc(8rem / 19.2);
}
.footer .right .qrcode img{
  width: calc(90rem / 19.2);
  height: calc(90rem / 19.2);
}
/* 导航点 */
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span{
  background: #fff;
  opacity: 1;
  width: calc(12rem / 19.2);
  height: calc(12rem / 19.2);
  margin: calc(-6rem / 19.2) 0 0 calc(-6rem / 19.2) !important;
}
#fp-nav ul li:nth-child(4) a.active span, #fp-nav ul li:nth-child(5) a.active span{
  background: #2779E5;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span{
  background: #C8C8C8;
  opacity: 0.3;
  width: calc(8rem / 19.2);
  height: calc(8rem / 19.2);
  margin: calc(-4rem / 19.2) 0 0 calc(-4rem / 19.2);
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
  /* margin: calc(-4rem / 19.2) 0 0 calc(-4rem / 19.2) !important; */
}
.swiper-pagination-bullet-active{
  background: #34A0FF;
}