@media screen and (max-width: 834px) {
.cultureIconMouse img {
	display: none;
}
.bottomPic {
	display: none;
}
.cultureTop .banner {
	height: -webkit-calc(100vh - .7rem);
    height: calc(100vh - .7rem);
	margin-top: .7rem;
	min-height: unset;
	max-height: unset;
}
/*600px宽为基准*/
.mTop, .mRight , .mBottom {
	display: inline-block;
	position: absolute;
}
.cultureTop .banner img.mTop {
	width: 61.8vw;
	top: 0; left: unset;
	right: 0;
	transform: translateX(0);
}
.cultureTop .banner img.mRight {
	width: 15.5vw;
	right: 0; top: 50%;
}
.cultureTop .banner img.mBottom {
	width: 100vw;
	bottom: 0; left: 50%;
	transform: translateX(-50%);
}

.poster {
	width: 100%;
	height: 100vh;
	padding: 0 .06rem;
	box-sizing: border-box;
}
.poster .posterTop {
	height: 20vh;
	margin-left: 0;
	text-align: center;
}
.poster .posterTop .creative {
	width: 100%;
}
.poster .posterBanner {
	margin: 0 auto;
	width: 100%;
	left: 0;
	padding-bottom: 20vh;
	text-align: center;	
}
.poster .posterBanner .swiper-wrapper .swiper-slide {
	height: 60vh;
}
.poster .posterBanner .swiper-wrapper .swiper-slide img {
	max-width: unset;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
#posterBanner > .swiper-button-next, #posterBanner > .swiper-button-prev {
	top: unset;
	bottom: 6vh;
	transform: translate(-20vw, -.2rem);
}
#posterBanner > .swiper-pagination-fraction {
	width: .8rem;
	height: .8rem;
	font-size: .28rem;
	left: 25%;
	top: unset;
	bottom: 6vh;
}
#posterBanner > .swiper-pagination-fraction .swiper-pagination-current,
#posterBanner > .swiper-pagination-fraction .swiper-pagination-total {
	position: relative;
}
.INKCulture {
	height: 100vh;
	position: relative;
}
.INKCulture .desc {
	top: 35%;
}
.INKCulture .desc .row3 {
	width: 3rem;
	margin-top: .1rem;
	font-size: .16rem;
	text-align: center;
}
.INKCulture .kabuto01 {
	max-width: 41vw;
	top: unset; bottom: 10vh;
	left: 3vh;
	transform: unset;
}
.INKCulture .kabuto02 {
	max-width: 42vw;
	top: unset; bottom: 10vh;
	left: unset; right: 3vh;
	transform: unset;
	transform: translateY(.08rem);
}
.INKCulture .desc .row2 span {
	display: none;
}

.free {
	height: 100vh;
	position: relative;
	padding: 0;
	display: block;
}
.free .desc {
	position: absolute;
	bottom: 10vh;
	width: 100%; height: 30vh;
	text-align: center;
}
.free .pic {
	display: block;
	width: 100%;
	top: 20vh;
	position: relative;
	height: 30vh;
	text-align: center;
}
.zhoubian .pic {
	top: 10vh;
	height: 45vh;
}
.free .pic img {
	max-width: 100vw;
	max-height: 100%;
}
.free .desc .row1 {
	font-size: .5rem;
	letter-spacing: .06rem;
}
.free .desc .row1 i {
	font-size: .55rem;
	letter-spacing: .1rem;
}
.free .desc span:nth-of-type(1) {
	width: 2.1rem;
	text-align: center;
	padding: 0;
	margin: 0 auto;
}
.cultureAbout {
	height: 100vh;
}
.cultureAbout:before {
	height: 100vh;
}
.cultureAbout .rightText {
	display: block;
	left: 0; top: 10vh;
	transform: translateX(0);
	padding: 0 8%;
	box-sizing: border-box;
}
.cultureTitle {
	font-size: .42rem;
}
.cultureAbout .rightText p {
	width: 100%;
}
.cultureAbout .leftPic {
	height: 50vh;
	position: absolute;
    top: unset; bottom: 0;
    left: 50%;
    transform: translate(-50%, 30%);
}
.cultureAbout .leftPic img {
	max-height: 100%;
}

.source {
	height: auto;
	height: 8.5rem;
}
.source .left {
	width: 100%;
	position: relative;
	left: 0; top: 20vh;
	display: block;
	transform: translateX(0);
	padding: 0 8%;
	box-sizing: border-box;
}
.source .left .sourceIcon {
	left: unset;
	right: 8%;
	top: -.6rem;
}
.source .left p {
	width: 100%;
}
.clutureLogoIcons {
	text-align: center;
	margin-top: .5rem;
}
.clutureLogoIcons img {
	max-width: 100%;
}
.source .right {
	width: 100%;
	left: 0; top: unset;
	bottom: .1rem;
	display: block;
	text-align: center;
	transform: translateX(0);
	padding: 8%;
	box-sizing: border-box;
}
.source .right img {
	max-width: 100%;
}
.relationship {
	height: 100vh;
}
.relationship .img {
	width: 100%; height: 100vh;
	top: 0; left: 50%;
    transform: translateX(-50%);
    opacity: .2;
}
.relationship .img img {
	width: 100%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.relationship .text {
	width: 100%; height: 100vh;
	left: 0; top: 10vh;
	transform: translateX(0);
	padding: 0 8%;
	box-sizing: border-box;
}

.discover {
	height: 100vh;
}
.discover .content {
	width: 100vw;
	height: 100vh;
}
.discover .content img {
	width: 100%;
	display: none;
}
.discover .content:before {
	content: '';
	width: 84vw;
	height: 40vh;
	position: absolute;
	top: 62%; left: 8vw;
	background-image: url(../images/m-discover.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
}
.discover .content:after {
	content: '';
	width: 50vw;
	height: 60vh;
	position: absolute;
	top: 8%; left: 50vw;
	transform: translateX(-25vw);
	background-image: url(../images/m-discover2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center top;
}

/*配合背景色*/
.INKCulture,
.free,
.relationship {
	background: unset;
}
.cultureAbout:before {
	content: unset;
}
.cultureTop .banner,
.poster,
.INKCulture,
.free,
.cultureAbout,
.source,
.relationship,
.discover {
	transition: background 1s ease-in-out;
}
.free {
	background: -webkit-linear-gradient(-90deg, #F5E828 , #EBA618);
	opacity: 0;
	transition: all 1s ease-in-out;
}
.free.showBG {
	opacity: 1;
}


.cultureTop .banner .INKkid {
	left: 0vw;
	top: 8vh;
}
.cultureTop .banner .cola {
	left: 0;
}
.cultureTop .banner .gameboy {
	left: 60vw;
	top: 95vw;
}
.cultureTop .banner .astronaut {
	left: 0;
	top: 50vh;
}
.cultureTop .banner .baby {
	top: 25vh;
	left: 80vw;
}


.cultureTop .banner .gameboy {
	animation: gameboy 25s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes gameboy
{
0%   {transform: rotate(0) scale(.6)}
100% {transform: rotate(360deg) scale(.6)}
}

.cultureTop .banner .baby {
	animation: baby 40s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes baby
{
0% {transform: translate(0, 0) scale(.6);}
50% {transform: translate(-.1rem, -.6rem) scale(.6);}
100% {transform: translate(0, 0) scale(.6);}
}

.cultureTop .banner .astronaut {
	animation: astronaut 8s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes astronaut
{
0% {transform: translate(0, 0) scale(.6);}
50% {transform: translate(-.15rem, -.8rem) scale(.6);}
100% {transform: translate(0, 0) scale(.6);}
}

.cultureTop .banner .cola {
	animation: cola 30s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes cola
{
0% {transform: translate(0, 0) scale(.6);}
50% {transform: translate(-.2rem, -1.2rem) scale(.6);}
100% {transform: translate(0, 0) scale(.6);}
}

.cultureTop .banner .INKkid {
	animation: INKkid 20s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes INKkid
{
0% {transform: translate(0, 0) scale(.6);}
50% {transform: translate(.1rem, .8rem) scale(.6);}
100% {transform: translate(0, 0) scale(.6);}
}

.cultureTop .banner .glasses {
	animation: glasses 18s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes glasses
{
0% {transform: translate(0, 0) scale(.6);}
50% {transform: translate(0rem, -.4rem) scale(.6);}
100% {transform: translate(0, 0) scale(.6);}
}	




}