.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: #fff; } @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; }