@CHARSET "UTF-8";
.menu {
    font:16px verdana, arial, sans-serif; /* 设置文字大小和字体样式 */
}
.menu, #menu li {
    list-style:none; /* 将默认的列表符号去掉 */
    padding:0; /* 将默认的内边距去掉 */
    margin:0; /* 将默认的外边距去掉 */
}
.menu li {
    float:left; /* 往左浮动 */
}
.menu li a {
    display:block; /* 将链接设为块级元素 */
    width:150px; /* 设置宽度 */
    height:30px; /* 设置高度 */
    line-height:30px; /* 设置行高，将行高和高度设置同一个值，可以让单行文本垂直居中 */
    text-align:center; /* 居中对齐文字 */
    color:#000; /* 设置文字颜色 */
    text-decoration:none; /* 去掉下划线 */
}
.menu li a:hover {
color:#fff; /* 变换文字颜色 */
}

.buttonMain {
    background: #DB0F31;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    font-family: Arial;
    color: #fdfbfb;
    font-size: 22px;
    padding: 12px 30px 12px 30px;
    text-decoration: none;
    outline: none;
}

.buttonMain:hover {
    background: #2980b9;
    background-image: -webkit-linear-gradient(top, #2980b9, #3498db);
    background-image: -moz-linear-gradient(top, #2980b9, #3498db);
    background-image: -ms-linear-gradient(top, #2980b9, #3498db);
    background-image: -o-linear-gradient(top, #2980b9, #3498db);
    background-image: linear-gradient(to bottom, #2980b9, #3498db);
    color: #fdfbfb;
    text-decoration: none;
}

.platform:hover{
    border-bottom:2px solid #DB0F31;
}

video{
    position:relative;
    z-index:1
}

ul,a{
    font-size: 12px;
    list-style: none;
    text-decoration: none;
    background-color: #fff;
    color: #000;
    width: 112px;
    text-align: center;
    border: 0px solid black;
    border-radius: 5px;
    margin-top: 15px;
     position:relative;
    z-index:999;
}
a{
    display: block;
}

.plat{
    display: none;
}
.nav{
     float: left;
     margin-left: 1px;
 }
.nav:hover .plat{
    display: block;
    clear: both;
}
.plat li:hover>a{
    background-color: #fff;
}
.headerClass{
    background-size: cover;
    background-position: 0% 80px;
}

#header {
    width: 400px;
    height: 300px;
    overflow: hidden;
}

#bannerPanel {
    width: 1200px;
    animation: switch 5s ease-out infinite;
}

#bannerPanel > img {
    float: left;
    width: 400px;
    height: 300px;
}

@keyframes switch {
    0%, 25% {
        margin-left: 0;
    }
    35%, 60% {
        margin-left: -400px;
    }
    70%, 100% {
        margin-left: -800px;
    }
}

.vertical-text{
    -webkit-writing-mode: vertical-rl;
     writing-mode: vertical-rl;
}