﻿@charset "utf-8";
body {	margin: 0;
	background: transparent;
	font:12px/1.5  "serif" , arial, 宋体;


}
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select, img {
    margin: 0;
    padding: 0;
}
html,body,.am-page,.am-body,.am-bg{height:100%; width:100%;}
html,body,.am-page{ overflow:hidden; }
html, body, .am-page {
    overflow: hidden;
}

.vid-wrapper{ 
    width:100%; 
    position:relative; 
    padding-bottom:56.25%;    /*需要用padding来维持16:9比例,也就是9除以16*/ 
    height: 0;
}
.vid-wrapper video {
	position: absolute;
	right: 0;
	bottom: 0;

	width: 100%;
	height: 100%;
	z-index: -9999;
	background: url('video.jpg') no-repeat;
	background-size: cover;
}
#pp {
	position: fixed;
	background: rgba(0,0,0,0.0);
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -9998;
	}
#polina {
	font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
	font-weight: 100;
	background: rgba(0,0,0,0.3);
	color: white;
	padding: 2rem;
	width: 33%;
	margin: 2rem;
	float: right;
	font-size: 1.2rem;

}
#polina h1 {
	font-size: 3rem;
	text-transform: uppercase;
	margin-top: 0;
letter-spacing:.3rem;
}
#polina a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background: rgba(0,0,0,0.5);
padding:.5rem;
	transition: .6s background;
}
#polina a:hover {
	background: rgba(0,0,0,0.9);
}
@media screen and (max-width: 500px) {
#polina {
	width: 50%;
}
}
.header {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;
}

.header .am-header-inner {
	position: relative;
	z-index: 2;
	}
	
.topNav, .topNav a, .topNav span {
    color: #fff;
    font-size: 12px;
}

.topNav {
    font-size: 12px;
    height: 28px;
    line-height: 28px;
}
.header .topNav .laymid, .topNav {
    background: #1e1b29;
}

.header .laymid {
    width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 1200px) {
.header .laymid {
	width: 900px;
}
}
.fl {
    float: left !important;
}

ul, li {
    list-style: none;
}

.topNav li.first {
    margin-left: 0px !important;
}
.topNav li {
    float: left;
    margin: 0 15px;
    text-align: center;
}
.topNav a:hover, .topNav li.on a {
    color: #00bbee;
}
.topNav a {
    text-decoration: none;
}
.topNav, .topNav a, .topNav span {
    color: #fff;
    font-size: 12px;
}

.fr {
    float: right !important;
}
.topNav .rlink li {
    margin: 0 5px;
}
.am-service {
    position: relative;
}
.am-service .downlist {
    padding: 5px 0;
    top: 28px;
    left: -10px;
    width: 80px;
    text-align: center;
    display: none;
    border: 1px #f1f1f1 solid;
    border-width: 0 1px 1px 1px;
    background: #fff;
    position: absolute;
}
.am-service .arrow-down {
    *position: relative: ;
    *top:-3px: ;
    *left:3px: ;
    margin-left: 3px;
    -webkit-transition: .5s 0s all;
    -o-transition: .5s 0s all;
    -moz-transition: .5s 0s all;
    -ms-transition: .5s 0s all;
    transition: .5s 0s all;
}
.arrow-down {
    display: inline-block;
    width: 0px;
    height: 0px;
    border-width: 5px 5px 0 5px;
    border-color: #eeeeee transparent transparent transparent;
    border-style: solid dashed dashed dashed;
}

.mainNav, .mainMenu, .channel .downlist .close {
    height: 80px;
}
.mainNav {
    background-color: #ffffff;
    border-bottom: 1px #eeeeee solid;
    background-color: rgba(255,255,255,.9);
}
.alipay-logo {
    display: block;
    width: 227px;
    position: relative;
    left: 0px;
    top: 0px;
    float: left;
    height: 85px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(skelogo.png);
}

.channel {
    float: left;
    height: 80px;
    line-height: 80px;
    position: relative;
}

.hasleftline::before {
    content: "";
    display: block;
    position: absolute;
    top: 32px;
    left: 0px;
    width: 1px;
    height: 16px;
    background: #444;
}
.hasleftline {
    padding-left: 20px;
    margin-left: 20px;
}
.channel-a:hover, .mainMenu .on .channel-a, .am-service .downlist a:hover {
    color: #00bbee;
}
.channel .channel-a, .channel .downlist a {
    text-decoration: none;
    color: #333;
    font-size: 16px;
    display: block;
}
.channel-a {
    padding: 0 30px;
}

