@charset "utf-8";


.mainLatWrap2 .listItem > a .txtWrap,
.mainLatWrap2 .listItem > a:before,
.mainLatWrap2 .listItem > a img{
    -webkit-transition:all 0.60s ease;
       -moz-transition:all 0.60s ease;
        -ms-transition:all 0.60s ease;
         -o-transition:all 0.60s ease;
}

.mainLatWrap2 .listItem > a .txtWrap > .num{
    -webkit-transition:all 0.40s ease;
       -moz-transition:all 0.40s ease;
        -ms-transition:all 0.40s ease;
         -o-transition:all 0.40s ease;    
}
.mySwiper .swiper-slide,
.mainLatWrap2 .listItem > a .txtWrap > .tit{
    -webkit-transition:all 0.30s ease;
       -moz-transition:all 0.30s ease;
        -ms-transition:all 0.30s ease;
         -o-transition:all 0.30s ease;
}

.mainLatWrap2                                                                    { position:relative; width:calc(100% + 30px); display:flex; flex-flow:row wrap; justify-content:flex-start; transform:translate(-15px,0); }
.mainLatWrap2 .listItem                                                          { position:relative; width:25%; display:inline-block; padding:15px; }
.mainLatWrap2 .listItem > a                                                      { position:relative; width:100%; width:100%; background:#000; display:inline-block; border:1px solid rgba(117,182,30,0); box-shadow:0px 0px 60px rgba(0,0,0,1); overflow:hidden; display:none; }
.mainLatWrap2 .listItem > a:first-child                                          { display:block; }
.mainLatWrap2 .listItem:hover > a                                                { border:1px solid rgba(117,182,30,1); }
.mainLatWrap2 .listItem > a img                                                  { width:100%; opacity:1; transform:scale(1); }
.mainLatWrap2 .listItem:hover > a img                                            { opacity:1; transform:scale(1.1); }
.mainLatWrap2 .listItem > a .txtWrap                                             { position:absolute; left:0px; top:0px; width:100%; padding:40px; z-index:3; opacity:0.4; }
.mainLatWrap2 .listItem > a .txtWrap > span                                      { display:inline-block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.mainLatWrap2 .listItem > a:before                                               { position:absolute; left:0px; top:0px; width:100%; height:100%; background:linear-gradient(180deg, rgba(0,0,0,0.9), rgba(0,0,0,0)); content:""; z-index:2; opacity:0.7; }
.mainLatWrap2 .listItem:hover > a:before                                         { opacity:1; }
.mainLatWrap2 .listItem:hover > a .txtWrap                                       { opacity:1; }
.mainLatWrap2 .listItem:hover > a .txtWrap > span                                { transform:translate(0,10px); }
.mainLatWrap2 .listItem > a .letCate                                             { position:absolute; left:0px; top:100%; transform:rotate(-90deg) translate(80px,0); z-index:3; }
.mainLatWrap2 .empty_li                                                          { width:100%; line-height:300px; display:inline-block; background:rgba(0,0,0,0.8); color:#999999; text-align:center; font-size:16px; }



.swiperWrap                                                                     { position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999999999; background:rgba(0,0,0,0.8); padding:30px 30px 200px 30px !important; display:none; }
.mySwiper2                                                                      { position:absolute; left:0px; top:0px; width:100%; height:100% !important; }
#slideImg .swiper-slide                                                         { position:relative;  display:flex; flex-flow:column wrap; justify-content:center; }
#slideImg .swiper-slide img                                                     { max-height:100%; object-fit:contain; }

.mySwiper                                                                       { position:fixed !important; left:50% !important; bottom:0px !important; max-width:100%; width:auto !important; padding:30px 0px !important; transform:translate(-50%,0); }
.mySwiper .swiper-slide img                                                     { object-fit:cover !important; height:100%; }
.mySwiper .swiper-slide                                                         { width:120px; height:120px; opacity:0.4; display:flex; flex-flow:column wrap; justify-content:center; }
.mySwiper .swiper-slide-thumb-active                                            { opacity:1 !important; }

.closeBtn                                                                       { position:fixed; right:20px; top:20px; z-index:9999; }
.closeBtn span                                                                  { font-size:50px; color:#fff; }
.closeBtn span.closetxt                                                         { position:absolute; left:-40px; top:8px; font-size:20px; vertical-align:top; }

.bodTi                                                                          { position:absolute; left:0px; bottom:165px; width:100%; color:#fff; font-size:16px; text-align:center; }

@media only screen and (max-width : 1200px) {
    .mainLatWrap2 .listItem                                                      { width:33.3333333%; }
    .mainLatWrap2 .listItem:nth-of-type(7),
    .mainLatWrap2 .listItem:nth-of-type(8)                                       { display:none; }
}

@media only screen and (max-width : 1024px) {
    .mainLatWrap2 .listItem                                                      { width:50%; }
}

@media only screen and (max-width : 640px) {
    .mainLatWrap2 .listItem                                                      { padding:10px; }
    .mainLatWrap2 .listItem > a .txtWrap                                         { padding:20px; }
    .mainLatWrap2 .listItem > a .letCate                                         { display:none; }
    .mainLatWrap2 .listItem > a .txtWrap                                         { opacity:1; }
    .mainLatWrap2 .listItem > a img                                              { opacity:1; }
    .mainLatWrap2 .listItem > a:before                                           { opacity:0.8; }
}