html,body,#app,.wrapper{background: #fff;}
.w1200{width: 1200px;height: 100%;margin: 0 auto;position: relative;}
.w1100{width: 1100px;height: 100%;margin: 0 auto;position: relative;}
.w1000{width: 1000px;height: 100%;margin: 0 auto;position: relative;}
.w900{width: 900px;height: 100%;margin: 0 auto;position: relative;}

.banner{
  width: 100%;
  height: 100%;
  background: url("../images/pc/news_banner@2x.jpg") no-repeat;
  background-size: 100% auto;
}
.banner:before{content: ""; display: block; padding-top: 26.66%;}

.nav a{
  display: inline-block;
  margin: 0 20px;
}
.nav a.active{
  color: #ff6000;
}
.nav a:hover{
  color: #ff6000;
}
.news-list-container{
  width: 100%;
  min-height: 800px;
}

.news-ul li{
  display: none;
}
.news-ul li:first-of-type{
  display: block;
}
.news-ul li a{
  height: 50px;
  line-height: 50px;
  color: #333;
}
.news-ul li a span:nth-of-type(2){
  width: 710px;
  margin-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-btn{
  color: #333;
  margin-top: 35px;
  font-size: 16px;
  width: 100%;
  border-bottom: 1px solid #ccc;
  display: flex;
  justify-content: center;
}
.news-btn span{
  padding: 5px 15px;
  margin: 15px 50px;
  cursor: pointer;
}

.news-btn span.active,.news-btn span.active a{
  color: #ff6000;
}

.news-content-box .news-content-title{
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
.news-content{
  overflow-wrap: break-word;
  line-height: 25px;
  margin-bottom: 50px;
}
.news-content img{
  max-width: 800px;
  display: block;
}

.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;
}


@media (max-width: 1001px) {

.banner{
  width: 100%;
  height: 100%;
  background: url("../images/m/phone_news_banner@2x.jpg") no-repeat;
  background-size: 100% auto;
}
.banner:before{content: ""; display: block; padding-top: 66.66%;}

.news-list-container{
  min-height: 560px;
}
.news-list-container .w1000{
  width: 95%;
}

.news-btn span{
  margin: 5px;
  font-size: 12px;
  padding: 2px 15px 5px 10px;
}
.news-btn{
  margin-top: 20px;
}
.news-ul li{
  font-size: 12px;
}
.news-ul li a{
  height: 30px;
  line-height: 30px;
}
.news-ul li a span:nth-of-type(2){
  width: calc(100% - 190px);
}
.nav{
  height: 23px;
  line-height: 23px;
}
.nav a{
  margin: 0 10px;
}
.nav a.active{
  width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

.footer{
  width: 100%;
  height: 100%;
  background: #00BEFF;
  position: relative;
  color: #eee;
  font-size: 12px;
}
.footer a{
  display: none;
}
.footer .down-box{
  display: none;
}
.footer .w1200{
  width: 100%;
}
.footer .footer-nav{
  margin-top: 20px;
  width: 100%;
}
.footer .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;
}
}