[genuitec-file-id="wc3-1610"],[genuitec-lp-path="/dongsheng/WebRoot/zhsm/css/common.css"],[genuitec-lp-enabled=false]{
  /* for codelive */
}

/* reset */

*{-webkit-tap-highlight-color:rgba(0,0,0,0);}

.banner{overflow: hidden;}

.banner li{overflow: hidden;}

.banner li a{position: relative;display: block;height: 100%;}

.banner_text{position: absolute;bottom:29.5%;left: 0;width: 100%;color: #fff;text-align: center;    z-index: 2;}

.banner_text h1{margin-bottom: 10px;}

.banner_text p{text-transform:uppercase;}

.banner li img{width: 100%;}
.img_b{display: none;}

.banner_more{margin-top: 35px;}

.banner_more img{width: 56px !important;height: 55px;}


.banner{height: 100vh}

.inbanner {height: 100vh !important;}

.inbanner li a>img{height: 100%;}


.banner li video{position: absolute;left:50%;top: -1%;height: 120%;/*height: 102%;*/width:auto; transform:translateX(-50%); }



.inbanner{position: relative;}

.inbanner .swiper-container{height: 100%;}

.inbanner li a>img{width: 100%}

.inbanner .banner_cont{position: absolute; top:226px;left: 0; width: 100%;}

.inbanner .but{display: none;}



.inbanner .banner_page {margin-right: 0; right: 0px; width: 15px; right: 40px; bottom: auto; top:50%;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);  }

.inbanner .banner_page{margin-top: 0; float: none;}

.inbanner .banner_page span{width:10px; height:10px;  opacity: 1;  transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;border-radius:50%;position: relative;margin: 19px 0;background: rgba(255,255,255,0.4); position:relative;}

.inbanner .banner_page span.swiper-pagination-bullet-active{ background:#fff;  }



.banner_text h1{-webkit-transform: translateY(-80px); -moz-transform: translateY(-80px);-o-transform: translateY(-80px);-ms-transform: translateY(-80px);transform: translateY(-80px);transition: 1s all;-webkit-transition: 1s all;-moz-transition: 1s all;-o-transition: 1s all;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;}

.banner_text p{-webkit-transform: translateY(80px); -moz-transform: translateY(80px);-o-transform: translateY(80px);-ms-transform: translateY(80px);transform: translateY(80px);transition: 1.5s all;-webkit-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;}

.banner_text .banner_more{-webkit-transform: translateY(80px); -moz-transform: translateY(80px);-o-transform: translateY(80px);-ms-transform: translateY(80px);transform: translateY(80px);transition: 2s all;-webkit-transition: 2s all;-moz-transition: 2s all;-o-transition: 2s all;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;}



.pub_bg>div{-webkit-transform: translateY(80px); -moz-transform: translateY(80px);-o-transform: translateY(80px);-ms-transform: translateY(80px);transform: translateY(80px);opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;transition: 2s all;-webkit-transition: 2s all;-moz-transition: 2s all;-o-transition: 2s all;}

.pub_bg>div.bg01{transition-delay:0.2s; -webkit-transition-delay:0.2s;-ms-transition-delay:0.2s;-moz-transition-delay:0.2s;-o-transition-delay:0.2s;}

.pub_bg>div.bg02{transition-delay:0.4s; -webkit-transition-delay:0.4s;-ms-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;}

.pub_bg>div.bg03{transition-delay:0.6s; -webkit-transition-delay:0.6s;-ms-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;}





.inbanner li.on .pub_bg>div{-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);opacity: 1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}







.inbanner li.on .banner_text h1,.inbanner li.on .banner_text p,.inbanner li.on .banner_text .banner_more{-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);opacity: 1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}







@media only screen and (max-width:1024px) {





.banner_text{margin:auto;}

.inbanner .but{display: block;}

.inbanner .but div{width: 50px;height: 26px;background-size: 50px 50px; cursor: pointer;    z-index: 999;    opacity: 0.8;}

.inbanner .banner_page{display: none;}

.inbanner .bx-controls-direction{display: block !important;}

.site_banner li a>img{width: 101%; margin-left: -1px;}



.banner_text h1{

    -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);transition: 1s all;-webkit-transition: 1s all;-moz-transition: 1s all;-o-transition: 1s all;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;

-webkit-transform: translateX(-80px); -moz-transform: translateX(-80px);-o-transform: translateX(-80px);-ms-transform: translateX(-80px);transform: translateX(-80px);}

.banner_text p{

    -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);transition: 1.5s all;-webkit-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;

-webkit-transform: translateX(-80px); -moz-transform: translateX(-80px);-o-transform: translateX(-80px);-ms-transform: translateX(-80px);transform: translateX(-80px);}

.banner_text p{

    -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);transition:2s all;-webkit-transition:2s all;-moz-transition:2s all;-o-transition:2s all;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;

-webkit-transform: translateX(-80px); -moz-transform: translateX(-80px);-o-transform: translateX(-80px);-ms-transform: translateX(-80px);transform: translateX(-80px);}



.inbanner li.on .banner_text h1,.inbanner li.on .banner_text p,,.inbanner li.on .banner_text .banner_more{-webkit-transform: translateX(0px); -moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);

    -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);opacity: 1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}

}

.fnt_16 {
  font-size: 16px;
}
.fnt_72 {
  font-size: 72px;
  height: 90px;
  line-height: 90px;
}
.banner_text h1 {
  margin-bottom: 10px;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wrap {
  width: 1280px;
  margin: auto;
}
.banner_more img {
  margin: 0 auto;
}