@charset "utf-8";
html, body {
  position: relative;
  height: 100%;
}
body {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color:#000;
  margin: 0;
  padding: 0;
}
.main{max-width:1200px; margin: 0 auto;}
.banner{ overflow:hidden;text-align:center;position:relative;}
.banner a{ display:block;}
.banner img{ max-width:100%;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{background:#fff;opacity:0.7; *filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active{background:#f60;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.banner .bx-wrapper .bx-prev,.banner .bx-wrapper .bx-next{width:40px; height:60px; top:50%; margin-top:-30px; background:url(../img/slide_bPc.png) no-repeat; visibility:hidden;}
.banner:hover .bx-wrapper .bx-prev,.banner:hover .bx-wrapper .bx-next{ visibility:visible;}
.banner .bx-wrapper .bx-prev{ left:50px; background-position:0 0;}
.banner .bx-wrapper .bx-next{right:50px; background-position:-40px 0;}
/*---------------banner PC-------------------*/
.bannerPc{width: 100%;overflow: hidden;text-align:center;}
.bannerPc ul,.bannerPc li{width: 100%;height: 100%;margin:0; padding:0; list-style:none;}
.bannerPc a{ display:block;}
.bannerPc ul li >img{min-width: 100%;height:100%;position: absolute;left: 50%;transform: translateX(-50%);top: 0;}

.banner-swiper1{ background:#212121;}
.banner-swiper1 .swiper-slide.swiper-slide-prev,.banner-swiper1 .swiper-slide.swiper-slide-next{ opacity:0.5;}
.banner-swiper .swiper-pagination-bullets{ bottom:20px !important;}
.banner-swiper .swiper-pagination-bullet{ width:1em; height:2px; background:#fff; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; vertical-align:middle;}
.banner-swiper .swiper-pagination-bullet-active{width:1em; height:1em; border:2px solid #fff; background:none; opacity:1;border-radius:50%; -webkit-border-radius:50%;}
.swiper-container-cube .swiper-cube-shadow{ display:none;}
.banner-swiper .swiper-button-prev,.banner-swiper .swiper-button-next{width:40px; height:60px; top:50%; margin-top:-30px; background:url(../img/slide_bPc.png) no-repeat; visibility:hidden;}
.banner-swiper:hover .swiper-button-prev,.banner-swiper:hover .swiper-button-next{ visibility:visible;}
.banner-swiper .swiper-button-prev{ left:50px; background-position:0 0;}
.banner-swiper .swiper-button-next{ right:50px; background-position:-40px 0;}
.banner-swiper2  .swiper-slide {width: 65%;box-shadow: 0 8px 30px rgba(255,255,255,0.2);}
.banner-swiper3 .preview{background:#212121}
.banner-swiper3 .preview li{ /*width:20%;*/ cursor:pointer; opacity:0.4;  }
.banner-swiper3 .preview li img{ width:100%; height:100%; max-height:120px;}
.banner-swiper3 .preview li.active-nav{ opacity:1;}

.banner-osSlider{ margin:0 auto;}
.slider-btn{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 99;}
.banner-osSlider .slider-btn-prev,.banner-osSlider .slider-btn-next{ position:absolute; z-index:99; cursor:pointer;width:20px; height:30px; top:50%; margin-top:-30px; background:url(../img/slide_bPc.png) no-repeat;background-size: 40px 30px;text-indent:-9999px; overflow:hidden;}
.banner-osSlider:hover .slider-btn-prev,.banner-osSlider:hover .slider-btn-next{ visibility:visible;}
.banner-osSlider .slider-btn-prev{left:50px; background-position:0 0;}
.banner-osSlider .slider-btn-next{right:50px; background-position:-20px 0;}
.banner-osSlider .slider-nav{position:absolute; z-index:99; left:0; right:0; bottom:20px; text-align:center;display: none;}
.banner-osSlider .slider-nav li{ display:inline-block; width:23px;height:5px;border-radius: 50px;cursor:pointer; background:#fff; opacity:1; box-sizing:border-box;vertical-align:middle; text-indent:-9999px; overflow:hidden; margin:0 5px;}
.banner-osSlider .slider-nav li.active{background: #005aa9; opacity:1;}
.banner-osSlider .cvNode img{ max-width:none; }

.banner-ccslide .control-links{position:absolute; z-index:99; left:0; right:0;top:auto; bottom:20px; text-align:center;}
.banner-ccslide .control-links li{ display:inline-block; width:1em; height:2px; cursor:pointer; background:#fff; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; vertical-align:middle; text-indent:-9999px; overflow:hidden; margin:0 5px;}
.banner-ccslide .control-links li.active{width:1em; height:1em; border:2px solid #fff; background:none; opacity:1;border-radius:50%; -webkit-border-radius:50%;}
.banner-ccslide .slider-nav.prev,.banner-ccslide .slider-nav.next{ position:absolute;width:40px; height:60px; top:50%; margin-top:-30px; background:url(../img/slide_bPc.png) no-repeat; text-indent:-9999px; overflow:hidden; visibility:hidden;}
.banner-ccslide:hover .slider-nav.prev,.banner-ccslide:hover .slider-nav.next{ visibility:visible;}
.banner-ccslide .slider-nav.prev{left:50px; background-position:0 0;}
.banner-ccslide .slider-nav.next{right:50px; background-position:-40px 0;}
.banner-ccslide .shadow{ display:none;}
.banner-ccslide .slider-link{ width:100%; height:100%;}

.banner-html5zoo{ /*overflow:hidden;*/}
.banner-html5zoo .html5zoo-arrow-left-0,.banner-html5zoo .html5zoo-arrow-right-0{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url(../img/slide_bPc.png) no-repeat !important;display:block !important; visibility:hidden;}
.banner-html5zoo:hover .html5zoo-arrow-left-0,.banner-html5zoo:hover .html5zoo-arrow-right-0{ visibility:visible;}
.banner-html5zoo .html5zoo-arrow-left-0{left:50px !important; background-position:0 0 !important;}
.banner-html5zoo .html5zoo-arrow-right-0{right:50px !important; background-position:-40px 0 !important;}
.banner-html5zoo .html5zoo-arrow-left-1,.banner-html5zoo .html5zoo-arrow-right-1{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url(../img/slide_bPc.png) no-repeat !important;display:block !important; visibility:hidden;}
.banner-html5zoo:hover .html5zoo-arrow-left-1,.banner-html5zoo:hover .html5zoo-arrow-right-1{ visibility:visible;}
.banner-html5zoo .html5zoo-arrow-left-1{left:50px !important; background-position:0 0 !important;}
.banner-html5zoo .html5zoo-arrow-right-1{right:50px !important; background-position:-40px 0 !important;}
.banner-html5zoo .html5zoo-nav{ text-align:center;}
.banner-html5zoo .html5zoo-bullet-span{ width:1em !important; height:2px !important; float:none !important; display:inline-block; background:#fff !important; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; margin:0 5px !important; vertical-align:middle;}
.banner-html5zoo .html5zoo-bullet-span.active{width:1em !important; height:1em !important; border:2px solid #fff; background:none !important; opacity:1;border-radius:50%; -webkit-border-radius:50%;}