html
{
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body
{
	margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary
{
	display: block
}

audio,canvas,progress,video
{
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls])
{
	display: none;
	height: 0
}
[hidden],template
{
	display: none
}

a
{
    color:red;
	background: 0 0
}

a:active,a:hover
{
    color:red;
	outline: 0
}

abbr[title]
{
	border-bottom: 1px dotted
}

b,strong
{
	font-weight: 700
}

dfn
{
	font-style: italic
}

h1
{
	font-size: 2em;
	margin: .67em 0
}

mark
{
	background: #ff0;
	color: #000
}

small
{
	font-size: 80%
}

sub,sup
{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup
{
	top: -.5em
}

sub
{
	bottom: -.25em
}

img
{
	border: 0
}

svg:not(:root)
{
	overflow: hidden
}

figure
{
	margin: 1em 40px
}

hr
{
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

pre
{
	overflow: auto
}

code,kbd,pre,samp
{
	font-family: monospace,monospace;
	font-size: 1em
}

button,input,optgroup,select,textarea
{
	color: inherit;
	font: inherit;
	margin: 0
}

button
{
	overflow: visible
}

button,select
{
	text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit]
{
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],html input[disabled]
{
	cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner
{
	border: 0;
	padding: 0
}

input
{
	line-height: normal
}

input[type=checkbox],input[type=radio]
{
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button
{
	height: auto
}

input[type=search]
{
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration
{
	-webkit-appearance: none
}

fieldset
{
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend
{
	border: 0;
	padding: 0
}

textarea
{
	overflow: auto
}

optgroup
{
	font-weight: 700
}

table
{
	border-collapse: collapse;
	border-spacing: 0
}

td,th
{
	padding: 0
}

body
{
	font: 14px/20px Arial,'Microsoft Yahei',Helvetica,sans-serif;
	color: #666
}

img
{
	max-width: 100%
}

.clearfix
{
	*zoom: 1
}

.clearfix:after,.clearfix:before
{
	content: '';
	display: table;
	line-height: 0
}

.clearfix:after
{
	clear: both
}

.pull-left
{
	float: left
}

.pull-right
{
	float: right
}

.container
{
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	*zoom: 1
}

.container:after,.container:before
{
	content: '';
	display: table;
	line-height: 0
}

.container:after
{
	clear: both
}

.text-center
{
	text-align: center
}

.sprite
{
	display: inline-block;
	background: url(../images/i4/TB1tYk0GVXXXXcAXFXXXdmiQFXX-300-950.png) no-repeat;
	vertical-align: middle
}

.sprite-qn
{
	width: 47px;
	height: 47px;
	background-position: 0 0
}

html
{
	overflow: hidden
}

html.scrollable
{
	overflow: auto
}

.header
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 500;
	transition: -webkit-transform .9s cubic-bezier(.63,.08,.52,.85);
	transition: -moz-transform .9s cubic-bezier(.63,.08,.52,.85);
	transition: transform .9s cubic-bezier(.63,.08,.52,.85)
}

.navbar
{
	font-size: 16px;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: rgba(0,0,0,.55);
	height: 64px;
	overflow: hidden;
	z-index: 1000
}

.navbar .brand
{
	float: left;
	margin: 8px 8px 0 14px;
	line-height: 47px;
	color: #eaeae6
}

.navbar .nav-menu
{
	float: right;
	padding-top: 24px;
	list-style: none;
	margin: 0 10px 0 0
}

.navbar .nav-menu>li
{
	margin-left: 50px;
	display: inline-block;
	*zoom: 1;
	*display: inline
}

.navbar .nav-menu>li>a
{
	display: block;
	color: inherit;
	text-decoration: none;
	padding: 0 3px 4px;
	*color: #fff
}

.navbar .nav-menu>li.active>a
{
	border-bottom: 3px solid #fff
}

.footer
{
	margin-top: 40px;
	border-top: 1px solid #ccc;
	color: #6c6c6c;
	font-size: 12px
}

.footer .container .f-t
{
	margin: 20px auto 8px;
	line-height: 27px;
	text-align: center
}

.footer .container .f-t a
{
	color: #6c6c6c;
	margin: 0 2px;
	white-space: nowrap;
	text-decoration: none
}

.footer .container .f-b
{
	text-align: center
}

.scroll-top
{
	width: 68px;
	height: 68px;
	text-decoration: none;
	position: fixed;
	bottom: 40px;
	opacity: .8;
	z-index: 300;
	transition: opacity .4s ease;
	display: inline-block;
	background: url(../images/i4/TB1tYk0GVXXXXcAXFXXXdmiQFXX-300-950.png) no-repeat;
	vertical-align: middle;
	background-position: 0 -250px
}

.scroll-top:hover
{
	opacity: 1
}

.close
{
	text-decoration: none;
	color: #666;
	font-size: 20px;
	font-family: sans-serif
}

.close:hover
{
	color: #000
}

@media only screen and (min-width:780px)
{
	.windows-pc::-webkit-scrollbar
	{
		width: 10px;
		height: 10px;
		background-color: rgba(0,0,0,.2)
	}

	.windows-pc::-webkit-scrollbar-thumb
	{
		background-color: rgba(80,80,80,.7)
	}

	.windows-pc::-webkit-scrollbar-thumb:hover
	{
		background-color: rgba(80,80,80,.8)
	}

	.windows-pc::-webkit-scrollbar-thumb:active
	{
		background-color: rgba(80,80,80,.9)
	}

	.windows-pc::-webkit-scrollbar-track
	{
		background-color: rgba(86,61,124,.1)
	}

	.windows-pc::-webkit-scrollbar-corner
	{
		background-color: rgba(0,0,0,.4)
	}
}

.sprite-android,.sprite-download,.sprite-ios
{
	width: 50px;
	height: 50px
}

.sprite-download
{
	background-position: 0 -50px
}

.sprite-ios
{
	background-position: -150px -250px
}

.sprite-android
{
	background-position: -150px -300px
}

.banner
{
	height: 100%;
	overflow: hidden;
	z-index: 100;
	background: #ece2e6 url(../images/i4/TB1O3QGGVXXXXcyXFXXNdxqMVXX-1680-800.png) no-repeat center;
	background-size: auto 100%
}

.banner .container
{
	position: relative;
	height: 100%
}

.banner .banner-img-pc
{
	position: absolute;
	bottom: 0;
	left: 30px;
	line-height: 0;
	width: 485px
}

.banner .banner-img-m
{
	display: none
}

.banner .banner-text
{
	position: absolute;
	width: 320px;
	right: 85px;
	top: 50%;
	font-size: 18px;
	line-height: 24px;
	height: 545px;
	margin-top: -260px
}

.banner .banner-text .pc-download
{
	display: block;
	width: 290px;
	height: 50px;
	padding: 15px 0;
	line-height: 48px;
	text-align: center;
	border-radius: 50px;
	background: #00b7a1;
	text-decoration: none;
	color: #fff;
	font-size: 36px;
	opacity: .8;
	z-index: 200;
	margin-bottom: 20px;
	transition: opacity .4s ease
}

.banner .banner-text .pc-download:hover
{
	opacity: 1
}

.banner .banner-text .m-download
{
	display: none;
	width: 207px;
	height: 22px;
	padding: 13px 0;
	line-height: 22px;
	text-align: center;
	border-radius: 50px;
	background: #00b7a1;
	text-decoration: none;
	color: #fff;
	font-size: 19px;
	vertical-align: top;
	z-index: 200;
	margin-top: 15px;
	margin-bottom: 20px
}

.banner .banner-text .m-download .sprite
{
	width: 25px;
	height: 25px;
	background-position: 0 -100px
}

.banner .banner-text .m-link
{
	display: none;
	margin-bottom: 10px;
	text-decoration: none;
	color: #666
}

body.mobile .banner .banner-text .pc-download
{
	display: none
}

body.mobile .banner .banner-text .m-download,body.mobile .banner .banner-text .m-link
{
	display: inline-block
}

.qrcode-box
{
	width: 142px;
	text-align: center
}

.qrcode-box>img
{
	display: block;
	margin-bottom: 10px;
	padding: 8px;
	background-color: #fff;
	border: 2px solid #0fb9a5;
	border-radius: 10px
}

.scroll-top
{
	right: 60px
}

.fly-qrcode
{
	position: fixed;
	top: 40px;
	right: 60px
}

.section
{
	height: 627px;
	overflow: hidden
}

.section .container
{
	padding: 35px 0 0
}

.section .desc-group
{
	float: left;
	position: relative;
	color: #f85c4c;
	margin-top: 225px;
	margin-left: 80px
}

.section .desc-group h4
{
	font-size: 22px;
	font-weight: 400;
	margin: 0;
	line-height: 1
}

.section .desc-group h3
{
	font-size: 47px;
	margin: 10px 0 20px;
	line-height: 50px;
	text-indent: -64px;
	font-weight: 400;
	position: relative
}

.section .desc-group h3:after,.section .desc-group h3:before
{
	content: '';
	position: absolute;
	opacity: 0;
	transition: opacity .6s linear .8s
}

.section .desc-group h3:before
{
	width: 200px;
	height: 1px;
	border-top: 1px dashed
}

.section .desc-group h3:after
{
	width: 12px;
	height: 12px;
	border: 1px dashed;
	border-radius: 50%
}

.section .desc-group h3 .sprite
{
	width: 50px;
	height: 50px;
	margin-right: 10px;
	vertical-align: top
}

.section .desc-group p
{
	line-height: 26px;
	font-size: 13px;
	color: #4b4b4b
}

.section .img-group
{
	float: right;
	position: relative;
	max-width: 50%;
	opacity: 0;
	-webkit-transform: translate3d(0,200px,0);
	-moz-transform: translate3d(0,200px,0);
	transform: translate3d(0,200px,0);
	transition: -webkit-transform .8s ease,opacity 1s linear;
	transition: -moz-transform .8s ease,opacity 1s linear;
	transition: transform .8s ease,opacity 1s linear
}

.section .img-group>img
{
	display: block
}

.section.active .desc-group h3:after,.section.active .desc-group h3:before
{
	opacity: .6
}

.section.active .img-group
{
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.section.sec-inverse .desc-group
{
	float: right;
	color: #fff;
	margin-left: 0;
	margin-right: 80px
}

.section.sec-inverse .desc-group p
{
	color: inherit;
	*color: #fff
}

.section.sec-inverse .img-group
{
	float: left
}

.m-sec01 .desc-group h3 .sprite
{
	background-position: -150px -350px
}

.m-sec01 .desc-group h3:before
{
	left: 102%;
	top: 80px
}

.m-sec01 .desc-group h3:after
{
	left: 98%;
	top: 73px
}

.m-sec02
{
	background-color: #e95445
}

.m-sec02 .desc-group
{
	left: 20px
}

.m-sec02 .desc-group h3 .sprite
{
	background-position: -150px -400px
}

.m-sec02 .desc-group h3:before
{
	left: -78%;
	top: -25px
}

.m-sec02 .desc-group h3:after
{
	left: -52px;
	top: -31px
}

.m-sec02 .img-group
{
	left: 30px
}

.m-sec03 .desc-group
{
	left: 20px
}

.m-sec03 .desc-group h3 .sprite
{
	background-position: -150px -450px
}

.m-sec03 .desc-group h3:before
{
	left: 96%;
	top: 94px
}

.m-sec03 .desc-group h3:after
{
	left: 92%;
	top: 88px
}

.m-sec03 .img-group
{
	left: -90px
}

.m-sec04
{
	background-color: #0fb9a5
}

.m-sec04 .desc-group
{
	left: -20px
}

.m-sec04 .desc-group h3 .sprite
{
	background-position: -150px -500px
}

.m-sec04 .desc-group h3:before
{
	left: -44%;
	top: -63px
}

.m-sec04 .desc-group h3:after
{
	left: 37px;
	top: -70px
}

.m-sec04 .img-group
{
	top: 30px
}

.m-sec05 .desc-group h3 .sprite
{
	background-position: -150px -550px
}

.m-sec05 .desc-group h3:before
{
	left: 116%;
	top: 98px
}

.m-sec05 .desc-group h3:after
{
	left: 111%;
	top: 92px
}

.m-sec05 .img-group
{
	top: 30px
}

.download-modal
{
	display: none;
	position: absolute;
	right: 0;
	bottom: 100px
}

.download-modal .modal-inner
{
	position: relative;
	z-index: 2;
	width: 550px;
	height: 260px;
	padding: 45px 35px;
	background-color: #fff;
	border-radius: 7px
}

.download-modal .close
{
	position: absolute;
	right: 10px;
	top: 10px
}

.download-modal form
{
	display: inline-block;
	width: 250px;
	vertical-align: top
}

.download-modal h3
{
	font-weight: 400;
	color: #000;
	font-size: 24px;
	margin: 10px 0 24px;
	line-height: 1
}

.download-modal input
{
	font-size: 18px;
	line-height: 26px;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
	outline: 0
}

.download-modal input:focus
{
	border-color: #0fb9a5
}

.download-modal .J_mobile
{
	display: block;
	margin-bottom: 12px
}

.download-modal .J_code
{
	display: inline-block;
	width: 100px
}

.download-modal .J_submit
{
	display: block;
	background-color: #f3a000;
	color: #fff;
	font-size: 22px;
	text-align: center;
	outline: 0;
	line-height: 30px;
	padding: 15px 0;
	border: 0;
	border-radius: 5px;
	margin-top: 12px;
	width: 100%
}

.download-modal .J_submit:hover
{
	background-color: #e59906
}

.download-modal .J_submit:active
{
	background-color: #d69312
}

.download-modal .J_submit:disabled,.download-modal .J_submit[disabled]
{
	opacity: .7;
	cursor: default
}

.download-modal .J_msg
{
	display: none;
	color: red;
	margin-top: 5px
}

.download-modal .J_msg.success
{
	color: green
}

.download-modal .code-img
{
	display: inline-block;
	margin-left: 15px;
	vertical-align: top;
	text-decoration: none;
	color: #666;
	text-align: center;
	font-size: 12px
}

.download-modal .code-img>img
{
	display: block;
	width: 90px;
	height: 40px
}

.download-modal .download-group
{
	display: inline-block;
	background-color: #e6e6e6;
	width: 200px;
	margin-left: 30px;
	padding: 25px 30px 15px;
	border-radius: 5px;
	vertical-align: top;
	color: #666
}

.download-modal .download-group h4
{
	font-size: 21px;
	line-height: 1;
	margin: 0 0 18px;
	font-weight: 400
}

.download-modal .download-group .download-btn
{
	display: block;
	border: 1px solid #ddd;
	border-radius: 5px;
	height: 50px;
	line-height: 50px;
	padding: 9px;
	background-color: #fff;
	text-decoration: none;
	color: #666;
	font-size: 21px;
	text-align: center;
	margin-bottom: 10px
}

.download-modal .cover-bg
{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(64,64,64,.45);
	z-index: 1
}

@media only screen and (min-width:1200px)
{
	.container
	{
		width: 1200px
	}

	.section
	{
		height: 800px
	}

	.banner .banner-img-pc
	{
		left: 105px
	}

	.banner .banner-text
	{
		right: 175px
	}

	.section .img-group
	{
		max-width: none
	}
}

@media only screen and (max-width:990px) and (min-width:780px)
{
	.container
	{
		width: 720px
	}

	.banner .banner-img-pc
	{
		left: 0;
		width: 360px
	}

	.banner .banner-text
	{
		right: 0;
		font-size: 14px;
		height: 470px;
		margin-top: -235px;
		width: 240px
	}

	.banner .banner-text .title-img
	{
		width: 200px
	}

	.banner .banner-text .pc-download
	{
		width: 240px;
		height: 38px;
		line-height: 30px;
		font-size: 26px;
		padding-top: 6px
	}

	.banner .banner-text .pc-download .sprite
	{
		-webkit-transform: scale(.6);
		-moz-transform: scale(.6);
		transform: scale(.6)
	}

	.section
	{
		height: 465px
	}

	.section .img-group
	{
		right: 0;
		position: static
	}

	.section .desc-group
	{
		margin-left: 0;
		margin-top: 100px
	}

	.section .desc-group h4
	{
		font-size: 18px
	}

	.section .desc-group h3
	{
		font-size: 34px;
		position: static
	}

	.section .desc-group h3:after,.section .desc-group h3:before
	{
		content: none;
		display: none
	}

	.section .desc-group p
	{
		font-size: 12px
	}

	.section.sec-inverse .desc-group
	{
		margin-right: 0
	}

	.fly-qrcode
	{
		width: 100px;
		font-size: 12px;
		top: 20px;
		right: 10px
	}

	.scroll-top
	{
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		transform: scale(.8);
		right: 10px;
		bottom: 20px
	}
}

@media only screen and (max-width:780px)
{
	.fly-qrcode,.footer,.navbar
	{
		display: none
	}

	.container
	{
		width: 100%
	}

	.banner
	{
		background-image: url(../images/i4/TB1A.wKGVXXXXcqXXXX8HLfVVXX-640-1136.jpg_q60.jpg);
		background-size: 100% auto
	}

	.banner .banner-img-pc,.banner .banner-img-pc>img,.banner .qrcode-box,.banner .qrcode-box>img
	{
		display: none
	}

	.banner .banner-img-m
	{
		display: block;
		width: 27%;
		text-align: center;
		margin: 20% auto 10%
	}

	.banner .banner-img-m>h1
	{
		font-size: 21px;
		font-weight: 400
	}

	.banner .banner-img-m small
	{
		font-size: 12px;
		display: block
	}

	.banner .banner-text
	{
		position: static;
		margin: 0 auto;
		text-align: center;
		width: 100%;
		font-size: 12px;
		height: auto
	}

	.banner .banner-text .title-img
	{
		width: 50%;
		display: inline-block
	}

	.banner .banner-text .pc-download
	{
		display: none
	}

	.banner .banner-text .m-download,.banner .banner-text .m-link
	{
		display: inline-block
	}

	.section
	{
		height: auto;
		min-height: 550px
	}

	.section .container
	{
		padding-top: 0;
		text-align: center
	}

	.section.sec-inverse .desc-group
	{
		margin: 2em 0 0 1.5em;
		float: none
	}

	.section.sec-inverse .img-group
	{
		float: none
	}

	.section .desc-group
	{
		float: none;
		margin: 2em 0 0 1.5em;
		position: static;
		text-align: left;
		display: inline-block;
		font-size: 1.5em
	}

	.section .desc-group h4
	{
		font-size: 1em
	}

	.section .desc-group h3
	{
		font-size: 1.5em;
		line-height: 1;
		margin: .8rem 0;
		text-indent: -27px;
		height: 1em;
		position: static
	}

	.section .desc-group h3:after,.section .desc-group h3:before
	{
		content: none;
		display: none
	}

	.section .desc-group h3 .sprite
	{
		vertical-align: top;
		margin-right: -24px;
		-webkit-transform: scale(.5);
		-moz-transform: scale(.5);
		transform: scale(.5);
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		transform-origin: 0 0
	}

	.section .desc-group p
	{
		font-size: .6em;
		margin: 0;
		padding-right: .5em;
		width: 120%;
		-webkit-transform: scale(.85);
		-moz-transform: scale(.85);
		transform: scale(.85);
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		transform-origin: 0 0
	}

	.section .img-group
	{
		float: none;
		width: 100%;
		position: static;
		max-width: 480px;
		margin-left: auto;
		margin-right: auto
	}

	.section .img-group>img
	{
		width: 100%;
		display: block
	}

	.m-sec01,.m-sec03,.m-sec05
	{
		background-image: -webkit-linear-gradient(top,transparent,transparent,rgba(0,0,0,.12));
		background-image: -moz-linear-gradient(top,transparent,transparent,rgba(0,0,0,.12));
		background-image: linear-gradient(top,transparent,transparent,rgba(0,0,0,.12))
	}

	.scroll-top
	{
		opacity: 1;
		right: 30px;
		bottom: 30px;
		-webkit-transform: scale(.6);
		-moz-transform: scale(.6);
		transform: scale(.6);
		-webkit-transform-origin: right bottom;
		-moz-transform-origin: right bottom;
		transform-origin: right bottom
	}
}

@media only screen and (max-width:780px) and (min-width:600px) and (orientation:portrait)
{
	.banner .banner-text
	{
		font-size: 16px
	}

	.banner .banner-text .m-download
	{
		width: 260px;
		padding: 16px 0
	}

	.section .desc-group
	{
		margin-top: 6em
	}

	.section .desc-group h4
	{
		font-size: 2em
	}

	.section .desc-group h3
	{
		font-size: 3em
	}

	.section .desc-group p
	{
		font-size: 1em
	}
}

@media only screen and (max-width:780px) and (orientation:landscape) and (min-aspect-ratio:4/3)
{
	.navbar
	{
		display: block;
		height: 48px;
		font-size: 14px
	}

	.navbar .brand
	{
		margin-top: 1px
	}

	.navbar .brand .sprite
	{
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		transform: scale(.8)
	}

	.navbar .nav-menu
	{
		padding-top: 12px
	}

	.navbar .nav-menu>li
	{
		margin-left: 10px
	}

	.navbar .nav-menu>li.active>a
	{
		border-bottom-width: 1px
	}

	.banner
	{
		background-image: url(../images/i4/TB1O3QGGVXXXXcyXFXXNdxqMVXX-1680-800.png_640x480.jpg);
		background-size: 100% 100%
	}

	.banner .banner-img-pc
	{
		display: block;
		-webkit-transform: scale(.5);
		-moz-transform: scale(.5);
		transform: scale(.5);
		-webkit-transform-origin: left bottom;
		-moz-transform-origin: left bottom;
		transform-origin: left bottom
	}

	.banner .banner-img-pc>img
	{
		display: block
	}

	.banner .banner-img-m
	{
		display: none
	}

	.banner .banner-text
	{
		position: absolute;
		right: 0;
		top: calc(50% - 115px);
		text-align: left;
		width: 45%;
		font-size: 14px
	}

	.banner .banner-text .m-download
	{
		margin-top: 10px
	}

	.section
	{
		min-height: 300px
	}

	.section .desc-group
	{
		float: left;
		width: 50%;
		max-width: 50%;
		box-sizing: border-box;
		padding-left: 3em;
		margin: 6em 0 0;
		font-size: 1em
	}

	.section .img-group
	{
		float: right;
		width: 50%;
		max-width: 50%
	}

	.section.sec-inverse .desc-group
	{
		float: right;
		padding-left: 0;
		padding-right: 3em;
		margin: 6em 0 0
	}

	.section.sec-inverse .img-group
	{
		float: left
	}
}

@media only screen and (max-width:460px) and (max-height:510px)
{
	.banner .banner-img-m
	{
		margin-top: 8%;
		margin-bottom: 8%
	}

	.banner .banner-text .m-download
	{
		margin-top: 10px
	}
}

@media only screen and (min-width:780px) and (min-aspect-ratio:21/10)
{
	.banner
	{
		background-size: 100% auto
	}
}

@media only screen and (max-width:780px) and (orientation:landscape) and (min-aspect-ratio:21/10)
{
	.banner
	{
		background-size: 100% auto
	}
}

@media only screen and (max-width:780px) and (max-aspect-ratio:40/71)
{
	.banner
	{
		background-size: auto 100%
	}
}