@charset "UTF-8";

*{list-style-type:none;font-family:Arial,"Microsoft YaHei",sans-serif;padding:0;margin:0}

.altxzs-title-img img {transition:all 0.8s;-moz-opacity:0.8;filter:alpha(opacity=80);opacity:0.8;}
.altxzs-title-img img:hover{margin-top:-30px;-moz-opacity:1.0;filter:alpha(opacity=100);opacity:1.0;}

.accordion-DIV{overflow:hidden;padding-left:1%;padding-right:1%;}
.accordion{clear:both;overflow:hidden}
.accordion [data-name=accordion]{border:thin solid #efefef}
.accordion .accordion-li{float:left;color:#333;border-right:none;overflow:hidden;width:100px;-webkit-transition:width 1.5s;transition:width 1.5s;position:relative;cursor:pointer;}
.accordion .accordion-li .accordion-img{border:thin solid #efefef;}
.accordion .accordion-li:last-child{border-right:thin solid #efefef;}
.accordion .accordion-li::before{content:"";display:block;position:absolute;background-color:#fff;width:100%;height:100%;left:0;top:0;opacity:.2;-webkit-transition:all .5s;transition:all .5s}
.accordion .accordion-li .accordion-description{content:"";display:block;position:absolute;background-color:#fff;width:100%;height:100%;left:0;top:0;opacity:.7;-webkit-transition:all .5s;transition:all .5s;top:inherit;bottom:50%;height:50%;margin-bottom:-135px;padding:1.5%}
.accordion .accordion-li .accordion-content,.accordion .accordion-li .accordion-title,.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:15px;text-shadow:0 0 1px #e0f9ff}
.accordion .accordion-li .accordion-title{font-size:xx-large;font-weight:700}
.accordion .accordion-li .accordion-icon{position:absolute;left:50%;top:50%;width:43.2px;margin-left:-21.6px;margin-top:-20px;font-size:40px;z-index:10;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-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;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:9%;height:auto;width:100%;/*悬浮背景宽度*/top:inherit;bottom:136px}
.accordion:hover li.active .accordion-content,.accordion:hover li.active .accordion-title{padding-top:480px;margin-top:-480px;/*控制链接有效区域*/opacity:1!important;-webkit-transition:all 2s;transition:all 2s}
.accordion.verticality{clear:both;overflow:hidden}
.accordion.verticality .accordion-li{width:100%;float:inherit;border:thin solid #efefef;height:100px;-webkit-transition:height .6s;transition:height .6s;border-bottom:none}
.accordion.verticality .accordion-li .accordion-description{left:50%;bottom:0;width:30%;height:95%;margin-bottom:0;margin-top:auto;margin-left:-224px;-webkit-transition:all .8s;transition:all .8s}
.accordion.verticality .accordion-li .accordion-img{width:100%}
.accordion.verticality .accordion-li:last-child{border-bottom:thin solid #efefef}
.accordion.verticality .accordion-li.active{width:100%!important;-webkit-transition:height .6s;transition:height .6s}
.accordion.verticality .accordion-li.active::before{opacity:0}
.accordion.verticality .accordion-li.active .accordion-icon{opacity:0;-webkit-transition:all .5s;transition:all .5s}
.accordion.verticality .accordion-li.active .accordion-description{margin-left:0;width:98%;height:50%;top:inherit;bottom:0;left:0;opacity:1;padding-top:1.5%;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);-webkit-transition:height .8s;transition:height .8s}
.accordion.verticality .accordion-li.active .accordion-description .accordion-content,.accordion.verticality .accordion-li.active .accordion-description .accordion-title{opacity:1;-webkit-transition:opacity 1s;transition:opacity 1s}
.accordion .ver-toggle{display:none}
.accordion .accordion-img{display:block;}
.accordion a{display:block;background-color:#fff;width:100%;height:100%}