﻿*{
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  /*color: #fff;*/
  font-size: .14rem;
  font-family: "微软雅黑","Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  box-sizing:border-box;
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
}
html,body{
  width: 100%;
  position: relative;
  overflow-x: hidden;
}
.clearfix:after{
  display: block;
  clear: both;
  content: '';
  height: 0;
  overflow: hidden;
}
.conpany_inf{width: 3.2rem;height: .3rem;margin: 0;padding: 0;padding-left: .68rem;margin-left: -1.6rem;line-height: .15rem;font-size: .1rem;-webkit-transform: scale(.8);transform: scale(.8);
  color: #7b7b7b;background:url('http://zx.wanmei.com/web201605/mobile/images/wmlogo.png') no-repeat left center;background-size: .64rem .25rem;position: absolute;left: 50%;bottom: .05rem;white-space:nowrap;}

/*--定义1rem单位大小--*/
html{
  font-size: 100px;
}
@media screen and (min-width: 375px){
  html{ font-size: 117.1875px }
}
@media screen and (min-width: 414px){
  html{ font-size: 129.375px }
}
@media screen and (max-height: 480px){
  html{ font-size: 90px; }
}
@media screen and (min-width: 768px){
}

nav{
  width: 100%;
  height: .5rem;
  padding-top: .135rem;
  padding-right: .09rem;
  position: fixed;
  top: 0;
  left: 0;
  background: #101010;
  z-index: 20;
}
nav span{
  width: .68rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: .09rem;
  background: url("../img/main/logo.png") no-repeat center center;
  background-size: 100% auto;
}
nav a{
  width: 1.03rem;
  height: .23rem;
  line-height: .21rem;
  display: block;
  float: right;
  text-align: center;
  font-size: .1rem;
  color: #f8d458;
  border: 1px solid #98833a;
}
.container{width: 100%;padding-top: .5rem;position: relative;}
.lunbo_box{width: 100%;min-height: 1.59rem;margin-bottom: .42rem;background: #101010;}
.swiper_head{width: 100%;position: relative;}
.lunbo_box .swiper-wrapper{width: 100%;height: 1.59rem;overflow: hidden;visibility:hidden;}
.lunbo_box .swiper-slide{width: 100%;float: left;}
.lunbo_box .swiper-slide a{width: 100%;display: block;}
.lunbo_box .swiper-slide a img{width: 100%;display: block;}
.lunbo_box .pagination{width: 100%;height: .16rem;position: absolute;left: 0;bottom: -.25rem;text-align: center;}
.lunbo_box .pagination span{width: .16rem;height: .16rem;margin: 0 .02rem;border-radius: 50%;background: #e5e5e5;display: inline-block;}
.lunbo_box .pagination span.swiper-pagination-bullet-active{background: #3b92e6;}

.tit{width: 100%;height: .3rem;margin-bottom: .13rem;font-size: .14rem;line-height: .3rem;color: #232323;font-weight: bold;}
.tit em{margin-left: 3px;font-size: .09rem;color: #757575;font-style: normal;font-weight: 400;}
.tit span{width: .19rem;height: .3rem;display: inline-block;float: left;background-repeat: no-repeat;background-position: center center;}
.tit span.icon_news{background-image: url("../img/main/icon_news.png");background-size: .12rem .155rem;}
.tit span.icon_match{background-image: url("../img/main/icon_match.png");background-size: .155rem .155rem;}
.tit span.icon_videos{background-image: url("../img/main/icon_videos.png");background-size: .15rem .15rem;}
.tit span.icon_tips{background-image: url("../img/main/icon_tips.png");background-size: .14rem .145rem;}
.tit span.icon_medias{background-image: url("../img/main/icon_medias.png");background-size: .15rem .135rem;}

.news_box{width: 100%;padding: 0 .09rem;margin-bottom: .25rem;}
.tab{width: 100%;height: .24rem;margin-bottom: .1rem;display: box;display: -webkit-box;}
.tab li{width: 100%;height: .24rem;margin-left: .02rem;background: #f8d458;color: #232323;text-align: center;line-height: .24rem;font-size: .1rem;box-flex: 1;-webkit-box-flex: 1;}
.tab li:nth-child(1){margin-left: 0;}
.tab li.on{background: #3b92e6;color: #fff;}
.new_list{width: 100%;}
.new_list ul{width: 100%;height: 1.3rem;margin-bottom: .16rem;display: none;}
.new_list ul.on{display: block;}
.new_list ul li{width: 100%;height: .24rem;margin-bottom: .02rem;border-bottom: 2px solid #e5e5e5;}
.new_list ul li a{width: 100%;height: .22rem;display: block;padding-right: .4rem;padding-left: .1rem;position: relative;color: #3e3e3e;font-size: .1rem;}
.new_list ul li a:before{content: '';width: 3px;height: 3px;position: absolute;top: .1rem;left: .03rem;border-radius: 50%;background: #3e3e3e;}
.new_list ul li a p{width: 100%;height: .22rem;line-height: .22rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: .1rem;}
.new_list ul li a span{width: .35rem;height: .22rem;position: absolute;top: 0;right: 0;text-align: center;line-height: .22rem;font-size: .1rem;}
.new_list ul li.top a{color: #d20000;}
.new_list ul li.top a:before{background: #d20000;}
.btn_more{width: 2rem;height: .2rem;margin: 0 auto;line-height: .2rem;text-align: center;color: #fff;font-size: .1rem;display: block;background: #89bef0;}

.match_box{width: 100%;padding: .2rem .09rem .25rem;margin-bottom: .23rem;background-image: url("../img/main/bg_match.jpg");background-size: 100% 100%;}
.swiper_match{width: 100%;margin-bottom: .08rem;position: relative;overflow: hidden;}
.swiper_match .swiper-wrapper{width: 100%;height: 1.13rem;overflow: hidden;}
.swiper_match .swiper-slide{width: 100%;float: left;}
.swiper_match .swiper-slide a{width: 100%;display: block;}
.swiper_match .swiper-slide a img{width: 100%;display: block;}
.btn_prev,.btn_next{width: .14rem;height: .21rem;margin-top: -.1rem;position: absolute;top: 50%;background-size: 100% 100%;}
.btn_prev{left: .12rem;background-image: url("../img/main/btn_prev.png");}
.btn_next{right: .12rem;background-image: url("../img/main/btn_next.png");}
.swiper-button-disabled{opacity: .5;}
.list{width: 100%;margin-bottom: .16rem;}
.list li{width: 100%;height: .24rem;margin-bottom: .02rem;border-bottom: 2px solid #e5e5e5;}
.list li a{width: 100%;height: .22rem;display: block;padding-right: .4rem;padding-left: .1rem;position: relative;color: #3e3e3e;font-size: .1rem;}
.list li a:before{content: '';width: 3px;height: 3px;position: absolute;top: .1rem;left: .03rem;border-radius: 50%;background: #3e3e3e;}
.list li a p{width: 100%;height: .22rem;line-height: .22rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: .1rem;}
.list li a span{width: .35rem;height: .22rem;position: absolute;top: 0;right: 0;text-align: center;line-height: .22rem;font-size: .1rem;}
.list li.top a{color: #d20000;}
.list li.top a:before{background: #d20000;}

.video_box{width: 100%;padding: 0 .09rem;margin-bottom: .25rem;}
.tab.videos_tab{margin-bottom: .2rem;}
.video_list{width: 3.03rem;margin: 0 auto;}
.video_list ul{width: 3.22rem;height: 2.73rem;overflow: hidden;display: none;}
.video_list ul.on{display: block;}
.video_list ul li{width: .885rem;height: .78rem;margin-right: .18rem;margin-bottom: .13rem;float: left;}
.video_list ul li a{width: .885rem;height: .78rem;display: block;}
.video_list ul li a div{width: .885rem;height: .55rem;position: relative;}
.video_list ul li a div span{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.5);}
.video_list ul li a div span:before{content: '';width: 100%;height: 100%;display: block;background: url("../img/main/play.png") no-repeat center center;background-size: .09rem .12rem;}
.video_list ul li a div img{width: .885rem;height: .55rem;display: block;}
.video_list ul li a p{width: .885rem;height: .23rem;line-height: .23rem;font-size: .1rem;color: #3e3e3e;text-align: center;overflow: hidden;}

.tips_box{width: 100%;padding: .2rem .09rem .25rem;background-image: url("../img/main/bg_tips.jpg");background-size: 100% 100%;}
.tips_head{width: 100%;margin-bottom: .06rem;display: box;display: -webkit-box;}
.tips_head div{width: 100%;margin-right: .08rem;box-flex: 1;-webkit-box-flex: 1;position: relative;}
.tips_head div img{width: 100%;display: block;}
.tips_head div p{width: 100%;height: .22rem;line-height: .22rem;text-align: center;display: block;font-size: .1rem;background: #232323;color: #fff;position: absolute;bottom: 0;left: 0;}

.media_box{width: 100%;padding: .2rem .09rem;margin-bottom: .25rem;}
.m_view_top{width: 3rem;height: 1rem;margin: 0 auto;margin-bottom: .1rem;}
.m_view_top a{width: 3rem;height: 1rem;display: block;}
.m_view_top a img{width: 100%;display: block;}
.m_view_list{width: 3.1rem;margin: 0 auto;margin-left: -.05rem;overflow: hidden;}
.m_view_list li{width: 1.45rem;height: 1.06rem;margin: 0 .05rem;margin-bottom: .1rem;float: left;}
.m_view_list li a{width: 1.45rem;height: .86rem;display: block;}
.m_view_list li a img{width: 100%;display: block;}
.m_view_list li p{width: 100%;height: .2rem;background: #000;line-height: .2rem;color: #fff;text-align: center;font-size: .1rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

 

.container_list{width: 100%;padding: .17rem .09rem 0;position: relative;}
.container_list .news_box{padding: 0;}
.container_list .new_list ul{margin-bottom: .3rem;height: auto;}
.container_list .tit{height: .25rem;margin-bottom: .06rem;line-height: .25rem;position: relative;}
.container_list .tab li{position: relative;}
.container_list .tab a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.container_list .tit span{height: .25rem;}
.l_toWeb{width: .61rem;height: .19rem;line-height: .18rem;position: absolute;top: .23rem;right: .09rem;font-size: .09rem;text-align: center;color: #3b92e6;border: 1px solid #3b92e6;z-index: 10;}

.container_content{width: 100%;padding: .17rem .09rem 0;position: relative;}
.container_content .l_toWeb{color: #1e1e1e;border: 1px solid #1e1e1e;} 
.container_content .tit{margin-bottom: .08rem;} 
.content_box{width: 100%;padding-top: .14rem;border-top: 1px solid #b1d3f5;overflow: hidden;}
.c_tit{width: 100%;height: .14rem;margin-bottom: .05rem;line-height: .14rem;text-align: center;font-size: .12rem;color: #3b92e6;}
.c_subtit{width: 100%;height: .13rem;font-size: .1rem;color: #b8b8b8;line-height: .13rem;text-align: center;}
.c_txt{width: 100%;color: #000;font-size: .1rem;}
.c_txt img{width:100%;height:100%;max-width: 100%;margin: 0 auto;display: block;}














