@charset "UTF-8";
.accordion-DIV{overflow:hidden;}
.business{ margin-top: 20px;}
.accordion{
    clear:both;
    overflow:hidden
}
.accordion [data-name=accordion]{border:thin solid #fff}
#section3.swiper-slide-active .accordion .accordion-li{ 
    -webkit-animation-name: fadeInUp; 
    -moz-animation-name: fadeInUp; 
    -o-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
    -webkit-animation-fill-mode: both; 
    -moz-animation-fill-mode: both; 
    -o-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in-out; 
    -moz-animation-timing-function: ease-in-out; 
    -o-animation-timing-function: ease-in-out; 
    animation-timing-function: ease-in-out; 
}
.accordion .accordion-li{
    float:left;
    height:370px;
    color:#333;
    border-right:none;
    overflow:hidden;
    width:100px;
    -webkit-transition:width 1.5s;
    transition:width 1.5s;
    position:relative;
    cursor:pointer;
}
#section3.swiper-slide-active .accordion .accordion-li.index0 { 
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s; 
    -o-animation-duration: 1s; 
    animation-duration: 1s; 
}
#section3.swiper-slide-active .accordion .accordion-li.index1 { 
    -webkit-animation-duration: 1.2s; 
    -moz-animation-duration: 1.2s; 
    -o-animation-duration: 1.2s; 
    animation-duration: 1.2s; 
    
}
#section3.swiper-slide-active .accordion .accordion-li.index2{ 
    -webkit-animation-duration: 1.4s; 
    -moz-animation-duration: 1.4s; 
    -o-animation-duration: 1.4s; 
    animation-duration: 1.4s; 
}
#section3.swiper-slide-active .accordion .accordion-li.index3{ 
    -webkit-animation-duration: 1.6s; 
    -moz-animation-duration: 1.6s; 
    -o-animation-duration: 1.6s; 
    animation-duration: 1.6s; 
}
#section3.swiper-slide-active .accordion .accordion-li.index4{ 
    -webkit-animation-duration: 1.8s; 
    -moz-animation-duration: 1.8s; 
    -o-animation-duration: 1.8s; 
    animation-duration: 1.8s; 
}
#section3.swiper-slide-active .accordion .accordion-li.index5{ 
    -webkit-animation-duration: 2s; 
    -moz-animation-duration: 2s; 
    -o-animation-duration: 2s; 
    animation-duration: 2s; 
}
#section3.swiper-slide-active .accordion .accordion-li.index6{ 
    -webkit-animation-duration: 2.2s; 
    -moz-animation-duration: 2.2s; 
    -o-animation-duration: 2.2s; 
    animation-duration: 2.2s; 
}

.accordion .accordion-li .accordion-img{
    border:thin solid #fff;
    height:100%;
}
.accordion .accordion-li:last-child{
    border-right:thin solid #fff
}
.accordion .accordion-li::before{
    content:"";
    display:block;
    position:absolute;
    background-color:#fff;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index: 1;
    opacity:.2;
    -webkit-transition:all .5s;
    transition:all .5s;
}
.accordion .accordion-li .accordion-description{
    content:"";
    display:block;
    text-align: left;
    position:absolute;
    background-color:#fff;
    width:100%;
    height:100%;
    color: #fff;
    left:0;
    top:0;
    opacity:.7;
    -webkit-transition:all .5s;
    transition:all .5s;
    top:inherit;
    bottom:50%;
    height:50%;
    margin-bottom:-92.5px;
    padding:2%;
    
}
.accordion .accordion-li .accordion-title{

}
.accordion .accordion-li .accordion-content,.accordion:hover .accordion-li li.active .accordion-title,.accordion:hover li.active .accordion-li .accordion-title{
    opacity:0;
    -webkit-transition:all .5s;transition:all .5s;
    margin-top:8px;
    text-shadow:0 0 1px #e0f9ff;
}
.accordion .accordion-li .accordion-content{
    font-size: 20px;
    padding-bottom: 10px;
}
.accordion .accordion-li .accordion-title{
    font-size: 20px;
    font-weight: normal;
    color: #044985;
    text-align: center;
    margin-top: 100px;
}
.accordion .accordion-li .accordion-icon{
    position:absolute;
    left:50%;
    top:48%;
    width:36px;
    height: 36px;
    margin-left:-18px;
    margin-top:-24%;
    z-index:1;
    opacity:1;
    -webkit-transition:opacity 2.5s;
    transition:opacity 2.5s
}
.accordion:hover li{
    width:100px;
    -webkit-transition:width 1.5s;
    transition:width 1.5s;
}
.accordion:hover li.active{
    -webkit-transition:width .5s;
    transition:width .5s
}
.accordion:hover li.active::before{opacity:0}
.accordion:hover li.active .accordion-img{
    /* z-index: 9000; */
	animation: anima_img 15s ease infinite;
    -webkit-animation: anima_img 15s ease infinite;
}
.accordion:hover li.active .accordion-icon{
    opacity:0;
    -webkit-transition:opacity .2s;
    transition:opacity .2s
}
.accordion:hover li.active .accordion-description{
    content:"";
    display:block;
    position:absolute;
    background-color:#fff;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index: 2;
    opacity:1;
    -webkit-transition:all .5s;
    transition:all .5s;
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(white));
    background:linear-gradient(rgba(255,255,255,0),#fff);
    padding-top:2.5%;
    height:28%;
    width:100%;
    top:inherit;
    bottom:92.5px;
}
.accordion:hover li.active .accordion-content,.accordion:hover li.active .accordion-title{
    opacity:1!important;
    -webkit-transition:all 1.5s;
    transition:all 1.5s
}
.accordion:hover li.active .accordion-title{
    width: 100%;
    text-align: left;
    /* font-weight:700; */
    margin-top: 0 !important;
    color: #fff;
    font-size: 24px !important;
}
.accordion .ver-toggle{display:none}
.accordion .accordion-img{display:block}
.accordion a{display:block;background-color:#fff;width:100%;height:100%; position: relative;z-index: 3;}
.accordion .accordion-li .icon1{
    background: url(../../img/icon_jg1.png) no-repeat left top;
}
.accordion .accordion-li .icon2{
    background: url(../../img/icon_jg2.png) no-repeat left top;
}
.accordion .accordion-li .icon3{
    background: url(../../img/icon_jg3.png) no-repeat left top;
}
.accordion .accordion-li .icon4{
    background: url(../../img/icon_jg4.png) no-repeat left top;
}
.accordion .accordion-li .icon5{
    background: url(../../img/icon_jg5.png) no-repeat left top;
}
.accordion .accordion-li .icon6{
    background: url(../../img/icon_jg6.png) no-repeat left top;
}
.accordion .accordion-li .icon7{
    background: url(../../img/icon_jg6.png) no-repeat left top;
}