.w1200{width: 1200px; margin: 0 auto;}
.w1150{width: 1150px; margin: 0 auto;}
.w1000{width: 1000px; margin: 0 auto;}
.w900{width: 900px; margin: 0 auto;}
.w800{width: 800px; margin: 0 auto;}

.nav{
  width: 100%;
  height: 80px;
  line-height: 80px;
  position: fixed;
  top: 0;
  z-index: 5;
  background: rgba(75, 209, 255, 0.7)
}
.nav .logo{
  width: 145px;
  height: 70px;
  background: url("../images/pc/logo@2x.png");
  background-size: 100% 100%;
}
.nav .nav-box {
  justify-content: space-between;
  align-items: center;
}
.nav .nav-box .top-nav li{
  margin: 0 15px;
}
.nav .nav-box .top-nav a{
  color: #fff;
}
.nav .nav-box .top-nav .active a{
  color: #0079EC;
}

.banner{
  width: 100%;
  height: 100%;
  background: url("../images/pc/banner@2x.jpg");
  background-size: 100% auto;
  position: relative;
  z-index: 1;
}
.banner:before{content: ""; display: block; padding-top: 56.25%;} 

.banner .down-box{
  position: absolute;
  bottom: 130px;
  left: 50%;
  margin-left: -500px;
  display: flex;
}
.banner .down-box .ewm{
  width: 169px;
  height: 169px;
  background: url("../images/pc/code@2x.png");
}
.banner .down-box .down-btn-box{
  width: 163px;
  margin-left: 20px;
}
.banner .down-box .down-btn-box a{
  width: 163px;
  height: 49px;
}
.banner .down-box .down-btn-box a.ios-btn{
  background: url("../images/pc/apple@2x.png");
  margin-top: 15px;
}
.banner .down-box .down-btn-box a.and-btn{
  background: url("../images/pc/android@2x.png");
  margin-top: 30px;
}

.bg-container{
  width: 100%;
  height: 100%;
  background: url("../images/pc/bg@2x.jpg");
  background-size: 100% auto;
  position: relative;
  z-index: 1;
}
/* .bg-container:before{content: ""; display: block; padding-top: 239.47%;}  */

.news-container{
  padding-top: 65px;
}
.news-container .title,.intro-container .title,.feature-container .title{
  width: 619px;
  height: 110px;
  margin: 0 auto;
}
.news-container .title{
  background: url("../images/pc/title1@2x.png");
}
.intro-container .title{
  background: url("../images/pc/title2@2x.png");
  margin-top: 80px;
}
.feature-container .title{
  background: url("../images/pc/title3@2x.png");
  margin-top: 80px;
}



.news-container .news-main-box{
  width: 1439px;
  height: 656px;
  background: url("../images/pc/info_bg@2x.png");
  margin: 60px auto 0;
  position: relative;
}
.news-container .news-main-box .news-box{
  position: absolute;
  right: 88px;
  top: 86px;
  width: 600px;
}

.news-container .news-main-box .news-box .news-btn a{
  background: #FCDB75;
  color: #FF6000;
  margin-left: 10px;
  width: 80px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 12px 12px 0 0;
}
.news-container .news-main-box .news-box .news-btn a:first-of-type{
  margin-left: 20px;
}
.news-container .news-main-box .news-box .news-btn a.active{
  background: #fff;
}
.news-container .news-main-box .news-box .news-btn a.more{
  background: none;
  font-size: 13px;
  border: 1px solid #ff6000;
  border-radius: 14px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 65px;
  top: 3px;
  width: 68px;
}

.news-container .news-main-box .news-box .news-list{
  background: #fff;
  border-radius: 25px;
  height: 450px;
}

.news-container .news-main-box .news-box .news-list a{
  /* margin-top: 20px; */
  padding: 40px 0 0;
  margin: 0 20px;
  border-bottom: 1px solid #ccc;
}
.news-container .news-main-box .news-box .news-list a span{
  width: 480px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-container .news-main-box .news-box .news-list a i{
  float: right;
}


.intro-container .intro-box p{
  line-height: 35px;
  color: #245CAC;
  font-size: 15px;
}





.feature-container{
  width: 100%;
  height: 1200px;
  position: relative;
}

.five-swiper{
  width: 1200px;
  height: 840px;
  position: absolute;
  top: 180px;
  left: 50%;
  margin-left: -600px;
}
.swiper-slide{
  width: 480px!important;
}
.swiper-button-prev,.swiper-button-next{
  width: 79px;
  height: 79px;
}
.swiper-button-prev{
  left: -125px;
  background: url("../images/pc/left@2x.png");

}
.swiper-button-next{
  right: -125px;
  background: url("../images/pc/right@2x.png");
}
.swiper-button-prev:after,.swiper-button-next:after{
  content: none;
}


.footer{
  width: 100%;
  height: 260px;
  background: #00BEFF;
}
.footer .w1200{
  position: relative;
}
.footer .w1200>.flex{
  justify-content: space-between;
}
.footer .down-box{
  margin-top: 30px;
  display: flex;
}
.footer .down-box .ewm{
  width: 169px;
  height: 169px;
  background: url("../images/pc/code@2x.png");
}
.footer .down-box .down-btn-box{
  width: 163px;
  margin-left: 20px;
}
.footer .down-box .down-btn-box a{
  width: 163px;
  height: 49px;
}
.footer .down-box .down-btn-box a.ios-btn{
  background: url("../images/pc/apple@2x.png");
  margin-top: 15px;
}
.footer .down-box .down-btn-box a.and-btn{
  background: url("../images/pc/android@2x.png");
  margin-top: 30px;
}

.footer .footer-nav{
  margin-top: 50px;
  color: #fff;
}
.footer .footer-nav a{
  color: #fff;
  margin: 0 10px;
}
.footer .footer-nav .logo{
  width: 145px;
  height: 70px;
  background: url("../images/pc/logo@2x.png");
  background-size: 100% 100%;
  margin: 25px auto;
}