/*style.css*/
body {
    margin: 0;
    padding: 0;
    font-family: Microsoft Yahei;
}

a {
    text-decoration: none;
    line-height: 30px;
}
.link{
	position: absolute;
	bottom: 278px;
	z-index: 1;
	right: 47px;
	font-size: 22px;
}
.media {
    width: 650px;
    margin: 0 auto;
    position: relative;
    height: 366px;
}

.ifr,
iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.pic {
    width: 650px;
    margin: 0 auto;
    position: relative;
}

.cv {
    width: 100%;
}

img {
    width: 100%;
    display: block;
}

@media screen and (max-width: 650px) {
    .media {
        width: 100%;
        margin: 0 auto;
        height: auto;
    }
    video {
        width: 100%;
        height: 100%;
    }
    .pic {
        width: 100%;
        margin: 0 auto;
    }
    .cv {
        width: 100%;
    }
    .link{
        right: 24px;
        font-size: 16px;
    }
    .ifr, iframe{
        height: auto;
    }
}