html,
body {
	margin: 0;
	bottom: 0;
	background-image: url(images/beijing.jpg);
	background-size: 100% 100%;
}

.qw {
	width: 200px;
	height: 200px;
	/* background-image: url(../images/311H514IP.png);
	background-repeat: no-repeat;
	background-size: 100% 100%; */
}

.qw1 {
	width: 100%;
	height: 100px;
	display: flex;
}

.qw2 , .qw2q , .qw2w {
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
}

.qw2a {
	width: 240px;
	height: 100px;
	display: flex;
	align-items: center;
}
.qw2q{
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
}
.qw2w{
	
}
.qw3 {
	width: 80px;
	height: 80px;
}

.qw3a {
	width: 100%;
	height: 100%;
}

.qw4 {
	width: 140px;
	height: 80px;
}

.qw4a {
	width: 100%;
	height: 60%;
	display: flex;
	align-items: center;
	font-size: 1.5em;
}

.qw4q {
	width: 100%;
	height: 30%;
	display: flex;
	align-items: center;
	font-size: 1em;
	color: #8f8f8f;
}

.qw5 {
	width: 6%;
	height: 100%;
}

.qw6 {
	width: 100%;
	height: 800px;
	display: flex;
}

.qw7 {
	width: 50%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.qw7a {
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
}

.qw8 {
	width: 100%;
	height: 100px;
	font-size: 3em;
	display: flex;
	justify-content: center;
	align-items: center;
}

.qw9 {
	width: 100%;
	height: 100px;
	font-size: 1.7em;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #212121;
}
.qw9a{
    text-decoration: none;
}
.qw10 {
	width: 150px;
	height: 8%;
	background-color: #ffaa00;
	border-radius: 15px;
	font-size: 2em;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	text-decoration: none;
}

.qw10:hover {
	background-color: #aa55ff;
	color: #ffaa00;
}

.qw11 {
	width: 278px;
	height: 556px;
	transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
}

.qw11a {
	width: 100%;
	height: 100%;
	position: relative;
	animation: myfirst 2s infinite;
	animation-direction: alternate;
	/* box-shadow: 0 0 10px; */
	/* Safari 和 Chrome
/* 	-webkit-animation: myfirst 2s infinite;
	-webkit-animation-direction: alternate; */ */
}

/* @keyframes myfirst {
	     0%   { top:0px;}
		25%  { top:-5px;}
		50%  {; top:0px;}
		75%  { top:5px;}
		100% {top:0px;}
}

@-moz-keyframes myfirst {
	   0%   { top:0px;}
	   25%  { top:-5px;}
	   50%  {; top:0px;}
	   75%  { top:5px;}
	   100% {top:0px;}
} */

.qw12 {
	width: 120px;
	height:556px;
	display: flex;
	flex-direction: column-reverse;
}
.qw12a{
	width: 120px;
	height: 120px;
}
.qw13{
	width: 20%;
	height: 100%;
}
.qw14{
	width: 100%;
	height: 500px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.qw15{
	width: 100%;
	height: 100px;
	font-size: 3em;
	color: #8F8F8F;
	display: flex;
	justify-content: center;
	align-items: center;
}
.qw16{
	width: 100%;
	height: 400px;
}
.qw17{
	width: 80%;
	height: 100px;
	display: flex;
	align-items: center;
	font-size: 2em;
	color: #7e7e7e;
}
.qw18{
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.qw19, .qw19a{
	width: 500px;
	height: 50px;
	font-size: 1em;
	color: #848484;
	display:flex;
	justify-content: center;
	align-items: center;
}
.qw20{
	height: 100%;
	font-size: 1.1em;
	color:  #848484;
	display:flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}
.qw21{
	width: 100%;
	height: 2px;
	display: flex;
	justify-content: center;
}
.qw22{
	width: 80%;
	height: 100%;
	background-color: red; /* 不支持线性的时候显示 */
	background-image: linear-gradient(to right, red , #ff5500 , #ffaa00 , #00ff00 , #0055ff , #0000a0 , #8000ff);
}