.navvtwo {overflow: auto;}
.navvtwo dl {box-sizing: border-box;}
@media screen and (max-height: 900px) {
    .navvtwo dl {padding: 15px 15px 15px 0;}
    .navvtwo dt {margin-bottom: 6px;}
    .navvtwo dt a {height: auto; line-height: 24px; padding: 4px 0;}

    .navthree li {line-height: 20px;}
}

@media screen and (max-height: 700px) {
    /* .navvtwo dt a { line-height: 24px;} */
}


.atc-con img,
.cropage img {height: auto !important;}




#swfcro label {
    display: inline-block;
}
#swfcro label:before {
    left: 100%;
    margin-left: 10px;
}
@media screen and (min-width:1024px) and (max-width: 1400px) {
    .swfcroout .sw-prev {
        left: auto;
        right: 0;
        margin-left: 0;
        margin-top: -75px;
    }
    .swfcroout .sw-next {
        margin-top: -5px;
    }
}
@media screen and (max-width: 1024px) {
    .swfcroout .sw-prev,
    .swfcroout .sw-next {
        margin-top: -35px;
    }

}




.head>.cer5 {
    display: flex; justify-content: flex-end; align-content: center; align-items: center;
}
.head .nav {position: static;right: auto;}

.headright {position: static;margin-left: 10px;}
.headright .tbtn {min-width: 20px; text-align: center;}
.headright .tbtn:nth-child(1n+2){margin-left: 10px;}
.headright .tbtn.glass {width: 24px;}
.headright .tbtn.language{font-size: 14px; color: rgb(0, 0, 0); }

@media screen and (max-width: 1660px) {
    .headright {margin-right: 20px;margin-left: 5px;}
    /* .headright .tbtn:nth-child(1n+2){margin-left: 10px;} */
}

@media screen and (max-width: 1023px) {
    .headright {
        position: absolute;
    }
}




.videoIcon{ position: absolute; left:50%; bottom:12vw; display: flex; align-items: center;
z-index: 10; cursor:pointer;margin-left: -800px;}

.videoIcon .videoIcon1{ position: relative; display: flex; align-items: center; justify-content: center;height: 60px;}
.videoIcon .videoIcon1 img{height: 100%; object-fit:contain !important; border-radius: 0;}
.videoIcon .videoIcon1 .videoIcon11{ position: absolute; left: 0; top: 0; animation: xunzhuan  infinite 5s linear;}
@keyframes xunzhuan{
  0%{ transform: rotate(0deg); }
  100%{transform: rotate(360deg);}
}
.videoIcon .videoIcon2{ display: flex; flex-direction: column; color:#fff; padding-left: 10px; text-transform: uppercase; }
.videoIcon .videoIcon2 .videoIcon21{ font-size: 16px; }

.videoMask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);z-index: 555;visibility: hidden;
opacity: 0;transition: all .4s ease-in-out;}
.openVideo{position: fixed;left: 50%;top: 50%;z-index: 888;transform: translate(-50%,-50%);
visibility: hidden;opacity: 0;transition: all .4s ease-in-out;}
.openVideo ._src{background-color: #fff;padding: 10px;border-radius: 10px;}
.openVideo video{width: 100%;display: block;width: 60vw;}
.openVideo ._close{position: absolute;right: 0;top: 0;z-index: 10;transform: translate(50%,-50%);
background-color: #fff;border-radius: 50%;width: 50px;height: 50px;cursor: pointer;}
.openVideo ._close img{width: 100%;height: 100%;}
.videoMask.on,.openVideo.on{visibility: visible;opacity: 1;}
@media screen and (max-width: 1640px){
    .videoIcon{left: 5%;margin-left: 0;bottom:10vw;}
    .videoIcon .videoIcon1{height: 52px;}
}
@media screen and (max-width: 1023px){
    .videoIcon{left: 50%;transform: translateX(-50%);bottom: 40px;}
    .videoIcon .videoIcon1{height: 44px;}
    .videoIcon .videoIcon2 .videoIcon21{ font-size: 14px; }
    .openVideo ._close{width: 40px;height: 40px;}
    .openVideo video{width: 85vw;}
    .openVideo ._src{border-radius: 7px;padding: 7px;}
}



.abtpicbg {overflow: hidden;}
.abtpicbg:after {content:"";position: absolute;z-index: 6;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.25); border-radius: 0 60px;}
.abtpicbg .videoIcon {left: 50%; top: 50%; transform:translate(-50%,-50%); margin: auto; }
