﻿@charset "utf-8";

.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:.7;*filter:alpha(opacity=70);filter:alpha(opacity=70)}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active{background:#084c97;opacity:1;*filter:alpha(opacity=100);filter:alpha(opacity=100)}
.banner .bx-wrapper .bx-prev,.banner .bx-wrapper .bx-next{width:40px;height:60px;top:50%;margin-top:-30px;background:url(../images/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}
.bannerPc{text-align:center;margin-bottom:15px;}
.bannerPc ul,.bannerPc li{margin:0;padding:0;list-style:none}
.bannerPc a{display:block}
.bannerPc img{max-width:100%;vertical-align:middle}
.banner-swiper1{background:#212121}
.banner-swiper1 .swiper-slide.swiper-slide-prev,.banner-swiper1 .swiper-slide.swiper-slide-next{opacity:.5}
.banner-swiper .swiper-pagination-bullets{bottom:20px!important}
.banner-swiper .swiper-pagination-bullet{width:1em;height:2px;background:#fff;opacity:.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:0 0;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(../images/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,.2)}
.banner-swiper3 .preview{background:#212121}
.banner-swiper3 .preview li{cursor:pointer;opacity:.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}
.banner-osSlider .slider-btn-prev,.banner-osSlider .slider-btn-next{position:absolute;z-index:99;cursor:pointer;width:40px;height:60px;top:50%;margin-top:-30px;background:url(../images/slide_bPc.png) no-repeat;text-indent:-9999px;overflow:hidden;visibility: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:-40px 0}
.banner-osSlider .slider-nav{position:absolute;z-index:99;left:0;right:0;bottom:20px;text-align:center}
.banner-osSlider .slider-nav li{display:inline-block;width:1em;height:2px;cursor:pointer;background:#fff;opacity:.5;box-sizing:border-box;border-radius:0;-webkit-border-radius:0;vertical-align:middle;text-indent:-9999px;overflow:hidden;margin:0 5px}
.banner-osSlider .slider-nav li.active{width:1em;height:1em;border:2px solid #fff;background:0 0;opacity:1;border-radius:50%;-webkit-border-radius:50%}
.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:.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:0 0;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(../images/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{}
.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(../images/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(../images/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:.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:0 0!important;opacity:1;border-radius:50%;-webkit-border-radius:50%}



.bx-wrapper{position:relative;margin:0 auto;padding:0;*zoom:1}
.bx-wrapper img{max-width:100%}
.bx-wrapper li{text-align:center}
.bx-wrapper .bx-viewport{-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:10px;width:100%;z-index:98;left:0}
.bx-wrapper .bx-loading{min-height:50px;background:url(../images/loading.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:1}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:40px;height:5px;margin:0 8px;outline:0;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000}
.bx-wrapper .bx-prev{left:10px;background-size:contain}
.bx-wrapper .bx-next{right:10px;background-size:contain}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-45px;outline:0;width:54px;height:90px;text-indent:-9999px;z-index:98}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(../images/controls.png) -86px -11px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(../images/controls.png) -86px -44px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,.75);width:100%}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}#bx-pager{margin-top:-30px;text-align:center}#bx-pager a{margin:0 3px;display:inline-block}#bx-pager a img{border:1px solid #ccc;padding:3px;height:54px;width:54px}#bx-pager a.active img{border-color:red}@media only screen and (max-width:960px){.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-controls-direction a{z-index:1}}@media only screen and (max-width:479px){.bx-wrapper .bx-controls-direction a{margin-top:-.83rem;width:1rem;height:1.66rem}#bx-pager a img{height:1rem;width:1rem}}
