@media only screen and (max-width:768px){
    .header { background:transparent;}
    .header .logo { height: 60px;}
    .header .logo img { height: 35px;
    margin-left: 10px;}
    .ir1_box { margin-top: 68px; margin-top: 0;}
    
    .header .head { padding: 8px 0 0;}
    .g-nav2 { padding-top: 60px;}
    .ban { margin-top: 0;}
}
.index-banner img { object-fit: cover;}
.r2l_thumb .prev,
.r2l_thumb .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/images/24/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.r2l_thumb .next{ left:auto; right:3%; background-position:8px 5px;}
.r2l_thumb .prev:hover,
.r2l_thumb .next:hover{ filter:alpha(opacity=100);opacity:1;}
.r2l_thumb .prevStop{ display:none;}
.r2l_thumb .nextStop{ display:none;}
/**/
.video-mask{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 10000000; background: rgba(0,0,0,0.8);}
.video-sm{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 80%;}
.video-mask.active{ display: block;}
.video-close{ position:absolute;right:50px;top:50px;width:80px;height:80px; text-align: center; cursor:pointer;color:#ccc;}

@media (max-width: 1023px) {
    .video-close{ width:40px;height:40px;}
    .video-close img { width:100%;}
}
@media (max-width: 768px) {
    .video-close{ right: 30px; top: 30px; width:30px;height:30px;}
}