.w1200{
  width: 100%;
}
.nav{
  width: 100%;
  height: 60px;
  line-height: 60px;
  position: fixed;
  top: 0;
  z-index: 5;
  background: rgba(75, 209, 255, 0.7)
}

.nav .logo{
  width: 100px;
  height: 50px;
  background: url("../images/m/phone_logo2@2x.png");
  background-size: 100% 100%;
}
.nav .nav-box {
  justify-content: space-between;
  align-items: center;
}
.nav .nav-box .top-nav{
  margin-right: 15px;
}
.nav .nav-box .top-nav li{
  margin: 0 5px;
}
.nav .nav-box .top-nav a{
  color: #fff;
  font-size: 12px;
}
.nav .nav-box .top-nav .active a{
  color: #0079EC;
}

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

.banner .down-box{
  position: absolute;
  bottom: 20px;
  left: 10%;
  display: flex;
}
.banner .down-box .ewm{
  width: 110px;
  height: 110px;
  background: url("../images/m/code@2x.png");
  background-size: 100% 100%;
}
.banner .down-box .down-btn-box{
  width: 105px;
  margin-left: 20px;
}
.banner .down-box .down-btn-box a{
  width: 105px;
  height: 32px;
}
.banner .down-box .down-btn-box a.ios-btn{
  background: url("../images/m/apple@2x.png");
  background-size: 100% 100%;
  margin-top: 15px;
}
.banner .down-box .down-btn-box a.and-btn{
  background: url("../images/m/android@2x.png");
  background-size: 100% 100%;
  margin-top: 20px;
}






.bg-container{
  width: 100%;
  height: 100%;
  background: url("../images/pc/bg@2x.jpg");
  background-size: 100% auto;
  position: relative;
  z-index: 1;
}
.news-container{
  padding-top: 35px;
}
.news-container .title,.intro-container .title,.feature-container .title{
  width: 190px;
  height: 34px;
  margin: 0 auto;
}
.news-container .title{
  background: url("../images/pc/title1@2x.png");
  background-size: 100% 100%;
}
.intro-container .title{
  background: url("../images/pc/title2@2x.png");
  background-size: 100% 100%;
  margin-top: 40px;
}
.feature-container .title{
  background: url("../images/pc/title3@2x.png");
  background-size: 100% 100%;
  margin-top: 40px;
}


.news-container .news-m-bg{
  width: 330px;
  height: 285px;
  background: url("../images/m/phone_news_pic@2x.png");
  background-size: 100% 100%;
  margin: 20px auto 0;
  position: relative;
}

.news-container .news-main-box{
  width: 330px;
  height: 285px;
  background: url("../images/m/phone_news_bg@2x.png");
  background-size: 100% 100%;
  margin: 20px auto 0;
  position: relative;
  font-size: 12px;
}
.news-container .news-main-box .news-box{
  width: 90%;
  margin: 28px auto;
}
.news-container .news-main-box .news-box .news-btn a{
  background: #FCDB75;
  color: #FF6000;
  margin-left: 10px;
  width: 48px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 4px 4px 0 0;
}
.news-container .news-main-box .news-box .news-btn a:first-of-type{
  margin-left: 5px;
}
.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: 12px;
  border: 1px solid #ff6000;
  border-radius: 14px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 15px;
  top: 27px;
  width: 48px;
  zoom: 0.95;
}

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

.news-container .news-main-box .news-box .news-list a{
  /* margin-top: 20px; */
  padding: 10px 0 0;
  margin: 0 10px;
  border-bottom: 1px solid #ccc;
}
.news-container .news-main-box .news-box .news-list a span{
  width: 195px;
  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 {
  width: 90%;
  margin: 20px auto;
}
.intro-container .intro-box p{
  line-height: 25px;
  color: #245CAC;
  font-size: 13px;
}




.feature-container{
  width: 100%;
  height: 100%;
  position: relative;
}
.feature-container .five-swiper{
  width: 75%;
  height: 70%;
  margin: 30px auto 0;
  padding-bottom: 50px;
}
.swiper-slide{
  /* width: 120px!important; */
}
.swiper-button-prev,.swiper-button-next{
  width: 35px;
  height: 35px;
}
.swiper-button-prev{
  top: 50%;
  left: 5px;
  background: url("../images/m/ic_left@2x.png");
  background-size: 100% 100%;
}
.swiper-button-next{
  top: 50%;
  right: 5px;
  background: url("../images/m/ic_right@2x.png");
  background-size: 100% 100%;
}
.swiper-button-prev:after,.swiper-button-next:after{
  content: none;
}


.footer{
  width: 100%;
  height: 100%;
  background: #00BEFF;
  position: relative;
  color: #eee;
  font-size: 12px;
}
.footer a{
  display: none;
}
.footer-nav{
  width: 100%;
}
.footer-nav>.flex{
  display: none;
}
.footer .logo{
  width: 145px;
  height: 70px;
  background: url("../images/pc/logo@2x.png");
  background-size: 100% 100%;
  margin: 15px auto;
}
.footer p{
  padding-bottom: 25px;
}