@charset "utf-8";
/*CSS Document*/
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:2px;}
*/
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none; cursor: pointer;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0; object-fit: cover; }
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.fl{ float: left}
.fr{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}

/* 去除点击选项卡时出现的蓝色边框 */
/*.swiper-pagination .swiper-pagination-bullet:focus{ outline: none; }*/
/* 去除点击选项卡时出现的蓝色背景 */
/*.swiper-pagination-clickable .swiper-pagination-bullet{ cursor: auto; }*/
.swiper-pagination-bullet:focus,
.swiper-button-prev:focus,
.swiper-button-next:focus{ outline: none; }

html, body{ max-width: 1920px; margin: 0 auto; }
body{ -webkit-text-size-adjust: 100%; }

.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.rel{width: 1200px;margin:0 auto;position: relative;}
.logo{position: absolute;left: 0;top:0;}
.header{height: 986px;}
.btn-website{position: absolute;right: 0;top:24px;width: 164px;height: 39px;background: url(../images/btn-home.png) no-repeat 0 0; z-index: 100;}
.btn-website:hover{background-position: 0 -39px;}
.slg{width: 1012px; height: 447px; background: url(../images/slogan.png) no-repeat 0 0; position: absolute; left: 50%; margin-left: -490px; top: 455px;}
.moveup{-webkit-transform: translate3d(0,-100%,0);-moz-transform: translate3d(0,-100%,0);-ms-transform: translate3d(0,-100%,0);-o-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.movedown{-webkit-transform: translate3d(0,100%,0);-moz-transform: translate3d(0,100%,0);-ms-transform: translate3d(0,100%,0);-o-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.btnlink{width:100%;text-align: center;position: absolute;left: 0;top:895px; }
.btnlink a{display: inline-block; width: 195px; height: 54px; overflow: hidden; text-indent: -9999px; cursor: pointer; margin: 0 1px;background-image: url(../images/nav.png);background-repeat: no-repeat;}
.btnlink a.b1{background-position: 0 0;}
.btnlink a.b2{background-position: -196px 0;}
.btnlink a.b3{background-position: -392px 0;}
.btnlink a.b4{background-position: -589px 0;}
.btnlink a.b5{background-position: -784px 0;}
.btnlink a:hover,.btnlink a.on{background-image: url(../images/nav-hov.png);}
.hoverTop{-webkit-transition:transform 0.4s;-moz-transition:transform 0.4s;-ms-transition:transform 0.4s;-o-transition:transform 0.4s;transition:transform 0.4s;}
.hoverTop:hover{
  -webkit-transform: translate(0,-10px);
  -moz-transform: translate(0,-10px);
  -ms-transform: translate(0,-10px);
  -o-transform: translate(0,-10px);
  transform: translate(0,-10px);
}

/*page_live*/
.page_live{ height: 3284px; background: url(../images/live/bg_live.jpg) no-repeat center top; }

/*live_content*/
.live_content{ padding-top: 247px; }
.tit{ display: block; margin: 0 auto 50px auto; }
.live_wall{ position: relative; margin: 0 auto 38px auto; width: 1261px; height: 752px; background: url(../images/live/live_wall.png) no-repeat 0 0; }
.live_wall>div{ position: absolute; top: 65px; left: 71px; width: 1116px; height: 626px; }
.live_wall iframe{ width: 100%; height: 100%; }
.btns{ display: flex; justify-content: center; }
.btns a{ margin: 0 30px; width: 302px; height: 72px; background: url(../images/live/sub_tit.png) no-repeat 0 0; }