@charset "utf-8";
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: 400;
    -webkit-user-select: none;
    user-select: none;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    margin: 0;
    padding: 0;
}

input, select, textarea {
    font-size: 100%;
}

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

fieldset, img {
    border: 0;
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

del {
    text-decoration: line-through;
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: 500;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 500;
}

q:before, q:after {
    content: '';
}

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

ins, a {
    text-decoration: none;
}
html, body {
    width: 100%;
    height: auto;
    overflow:initial;
    box-sizing: border-box;
}
.header {
    width: 100%;
    height: 50px;
}
.header div {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    background: url("//gw.alicdn.com/tfs/TB1GyHBCAvoK1RjSZPfXXXPKFXa-120-120.png") no-repeat left center;
    background-size: 38px;
}
.header div h1 {
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-left: 45px;
}
.banner {
    width: 100%;
    height: 572px;
    background-image: url('//gw.alicdn.com/tfs/TB1qicjA_tYBeNjy1XdXXXXyVXa-2000-572.png');
    background-repeat:no-repeat;
    background-position:center;
    margin: 0 auto;
}
.banner .bannerInner {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;

}
.banner .rightSide {
    width: 600px;
    height: 340px;
    position: absolute;
    top: 103px;
    right: 0;
    color: #fff;
}
.banner .rightSide .logo {
    width: 100%;
    height: 38px;
    background: url("//gw.alicdn.com/tfs/TB1GyHBCAvoK1RjSZPfXXXPKFXa-120-120.png") no-repeat left center;
    background-size: 38px;
}
.banner .rightSide .logo h2 {
    width: 100%;
    height: 38px;
    line-height: 38px;
    margin-left: 45px;
}

.banner .rightSide .text p{
    font-size: 42px;
    margin: 31px 0 23px 0;

}
.banner .rightSide .qrCode img {
    width: 166px;
    height: 166px;
}

.banner .rightSide .qrCode p {
    font-size: 14px;
    color: #E2E2E2;
    margin-bottom: 5px;
}
.section {
    width: 100%;
    height: 420px;
    overflow: hidden;
}
.section .sectionInner {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.schedule {
    background: #E5E5E5;
}
.section .boxOfficeText {
    position: absolute;
    top: 193px;
    left: 643px;
}
.section .filmText {
    position: absolute;
    top: 97px;
    left: 643px;
}
.section .pic {
    width: 290px;
    height: 357px;
    position: absolute;
}
.section h3 {
    font-size: 32px;
}
.section p {
    font-size: 18px;
    color: #595959;
    margin-top: 8px;
}
.boxOffice img, .film .pic {
    top: 63px;
    left: 250px;
}
.schedule img {
    top: 63px;
    left: 603px;
}

.film .qrCode img{
    width: 140px;
    height: 140px;
    margin-top: 46px;
}
.film .qrCode span {
    display: block;
    font-size: 12px;
    color: #757575;
}
.schedule .scheduleText {
    position: absolute;
    top: 177px;
    left: 222px;
    text-align: right;
    width: 271px;
}
.footer {
    width: 100%;
    height: 200px;
    background: #3F4249;
}

.footer .footerInner {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}

.footer img {
    width: 50px;
    height: 50px;
    margin-top: 45px;
}
.footer p {
    font-size: 14px;
    color: #fff;
    margin: 11px 0 36px;
}
.footer address {
    font-size: 12px;
    color: #B1B4B9;
}

.animated {
    display: none;
}