.w1300{
  width: 1300px;
  margin: 0 auto;
}
.fl-r{
  float: right;
}
.fl-l{
  float: left;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.header-wrap{
  background-color: #fff;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 99999;
  transition: all 1s;
}
.header{
  height: 90px;
}
.header .logo{
  text-indent: -999em;
  background: url('../image/logo.png') 100% 100%;
  width: 215px;
  height: 60px;
  position: relative;
  top: 15px;
  left: 0;
  background-size: cover;
}
.header-r .header-nav{
  font-size: 18px;
  line-height: 90px;
}
.header-r{
  height: 100%;
}
.header-r .active{
  color: #1c2a75;
}
.header-r .header-nav a{
  display: inline-block;
  padding: 8px 25px;
  position: relative;
}
.header-r .header-nav a img{
  position: absolute;
  left: 33px;
  top: 16px;
}
.header-r .btn{
  width: 160px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50px;
  position: relative;
  left: 0;
  top: 30px;
  margin-left: 15px;
  display: inline-block;
}
.header-r .btn.login{
  border: #1c2a75 1px solid;
  color: #1c2a75;
}
.header-r .btn.registered{
  background-color: #1c2a75;
  color: #fff;
}
.cursor-pointer{
  cursor: pointer;
}
.text-center{
  text-align: center;
}

.footer .footer-desc{
  background: url('../../public/image/footer-bg.png') 100% 0;
  background-size: cover;
  color: #fff;
  padding: 20px 0 30px 0;
}
.footer .about-me .title{
  font-size: 24px;
  margin-top: 40px;
}
.footer .about-me{
  margin-right: 200px;
}
.footer .about-me .about-me-list{
  margin-top: 16px;
}
.footer .about-me .about-me-list li{
  margin-bottom: 12px;
  cursor: pointer;
}
.footer .we-chat{
  width: 150px;
  margin: 15px 50px;
}
.footer .address img{
  margin: 15px 0 10px 0;
  width: 150px;
}
.footer .address li{
  margin-bottom: 10px;
}
.footer a{
  color: #fff;
}
.footer .copyright{
  background-color: #333;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
}
.footer .copyright a{
  color: #ccc;
}
.advantage img{
  display: block;
  width: 100%;
}
.display-n{
  display: none;
}
.display-b{
  display: block;
}
.swiper-button-prev, .swiper-button-next{
  opacity: 0.2;
}
.swiper-button-prev:hover, .swiper-button-next:hover{
  opacity: 1;
}
.swiper-button-prev{
  left: 10% !important;
}
.swiper-button-next{
  right: 10% !important;
}
.swiper-pagination-bullet-active{
  width: 20px;
  border-radius: 20px;
}