@charset "utf-8";
.m4858-accordion-DIV{overflow:hidden;}
.m4858-business{ margin-top: 20px;}
.m4858-accordion{
    clear:both;
    overflow:hidden
}
.m4858-accordion [data-name=accordion]{border:thin solid #fff}
#section3.swiper-slide-active .m4858-accordion .m4858-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; 
}
.m4858-accordion .m4858-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 .m4858-accordion .m4858-accordion-li.index0 { 
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s; 
    -o-animation-duration: 1s; 
    animation-duration: 1s; 
}
#section3.swiper-slide-active .m4858-accordion .m4858-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 .m4858-accordion .m4858-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 .m4858-accordion .m4858-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 .m4858-accordion .m4858-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 .m4858-accordion .m4858-accordion-li.index5{ 
    -webkit-animation-duration: 2s; 
    -moz-animation-duration: 2s; 
    -o-animation-duration: 2s; 
    animation-duration: 2s; 
}
#section3.swiper-slide-active .m4858-accordion .m4858-accordion-li.index6{ 
    -webkit-animation-duration: 2.2s; 
    -moz-animation-duration: 2.2s; 
    -o-animation-duration: 2.2s; 
    animation-duration: 2.2s; 
}

.m4858-accordion .m4858-accordion-li .m4858-accordion-img{
    border:thin solid #fff;
    height:100%;
}
.m4858-accordion .m4858-accordion-li:last-child{
    border-right:thin solid #fff
}
.m4858-accordion .m4858-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;
}
.m4858-accordion .m4858-accordion-li .m4858-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%;
    
}
.m4858-accordion .m4858-accordion-li .m4858-accordion-title{

}
.m4858-accordion .m4858-accordion-li .m4858-accordion-content,.m4858-accordion:hover .m4858-accordion-li li.active .m4858-accordion-title,.m4858-accordion:hover li.active .m4858-accordion-li .m4858-accordion-title{
    opacity:0;
    -webkit-transition:all .5s;transition:all .5s;
    margin-top:8px;
    text-shadow:0 0 1px #e0f9ff;
}
.m4858-accordion .m4858-accordion-li .m4858-accordion-content{
    font-size: 20px;
    padding-bottom: 10px;
}
.m4858-accordion .m4858-accordion-li .m4858-accordion-title{
    font-size: 20px;
    font-weight: normal;
    color: #044985;
    text-align: center;
    margin-top: 100px;
}
.m4858-accordion .m4858-accordion-li .m4858-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
}
.m4858-accordion:hover li{
    width:100px;
    -webkit-transition:width 1.5s;
    transition:width 1.5s;
}
.m4858-accordion:hover li.active{
    -webkit-transition:width .5s;
    transition:width .5s
}
.m4858-accordion:hover li.active::before{opacity:0}
.m4858-accordion:hover li.active .m4858-accordion-img{
    /* z-index: 9000; */
	animation: anima_img 15s ease infinite;
    -webkit-animation: anima_img 15s ease infinite;
}
.m4858-accordion:hover li.active .m4858-accordion-icon{
    opacity:0;
    -webkit-transition:opacity .2s;
    transition:opacity .2s
}
.m4858-accordion:hover li.active .m4858-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;
}
.m4858-accordion:hover li.active .m4858-accordion-content,.m4858-accordion:hover li.active .m4858-accordion-title{
    opacity:1!important;
    -webkit-transition:all 1.5s;
    transition:all 1.5s
}
.m4858-accordion:hover li.active .m4858-accordion-title{
    width: 100%;
    text-align: left;
    /* font-weight:700; */
    margin-top: 0 !important;
    color: #fff;
    font-size: 24px !important;
}
.m4858-accordion .m4858-ver-toggle{display:none}
.m4858-accordion .m4858-accordion-img{display:block}
.m4858-accordion a{display:block;background-color:#fff;width:100%;height:100%; position: relative;z-index: 3;}
.m4858-accordion .m4858-accordion-li .m4858-icon1{
    background: url("https://www.wpquickinstall.com/skin/default/img/icon_jg1.png") no-repeat left top;
}
.m4858-accordion .m4858-accordion-li .m4858-icon2{
    background: url("https://www.wpquickinstall.com/skin/default/img/icon_jg2.png") no-repeat left top;
}
.m4858-accordion .m4858-accordion-li .m4858-icon3{
    background: url("https://www.wpquickinstall.com/skin/default/img/icon_jg3.png") no-repeat left top;
}
.m4858-accordion .m4858-accordion-li .m4858-icon4{
    background: url("https://www.wpquickinstall.com/skin/default/img/icon_jg4.png") no-repeat left top;
}
.m4858-accordion .m4858-accordion-li .m4858-icon5{
    background: url("https://www.wpquickinstall.com/skin/default/img/icon_jg5.png") no-repeat left top;
}
.m4858-accordion .m4858-accordion-li .m4858-icon6{
    background: url("https://www.wpquickinstall.com/skin/default/img/icon_jg6.png") no-repeat left top;
}
.m4858-accordion .m4858-accordion-li .m4858-icon7{
    background: url("https://www.wpquickinstall.com/skin/default/img/icon_jg6.png") no-repeat left top;
}

:root{--ms-accent:#8b3a3a;--ms-radius:6px;--ms-line:1.77;--ms-gap:16px;}