﻿@charset "utf-8";

body {
	padding: 0;
	margin: 0
}








.rno-2-hero {
	position: relative;
	height: 546px;
	    width: 1193px;
        margin:50px 0;
}

.rno-2-hero-list {
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1A202E, endColorstr=#131720);
	
	overflow: hidden;
	cursor: pointer
}

.rno-2-hero-list-m {
	display: none;
	height: 100%;
	
	overflow: hidden
}

.rno-2-hero-item {
	position: relative;
	height: 100%;
	padding: 0 10px
}

.rno-2-hero-item-bg,
.rno-2-hero-main-body {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 546px;
	background-position: center top;
	background-size: auto 100%;
	background-repeat: no-repeat
}



.rno-2-hero-wrap-canvas {
	width: 100%;
	height: 546px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden
}

.rno-2-hero-wrap-canvas canvas {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}










@media (max-width: 1193px) {
    .rno-2-hero {
        margin:20px 0;
        width:100%;
        height:250px;
    }
    .rno-2-hero-item-bg,
    .rno-2-hero-main-body,
    .rno-2-hero-wrap-canvas {
        height:250px;
    }
}











