html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.sequence-theme { background: #D9D9D9; }
#sequence { margin: 0 auto; position: relative; overflow: hidden; width: 100%; background-color: #D9D9D9; background-repeat: no-repeat; background-position: 50% 100%; color: white; font-size: 0.625em; margin: 0 auto; position: relative; max-height: 800px; }
#sequence > .sequence-canvas { height: 100%; width: 100%; }
#sequence > .sequence-canvas > li { width: 100%; height: 100%; z-index: 1; }
#sequence > .sequence-canvas > li .title { font-size: 32px; font-weight: bold; color: #faf0aa; text-shadow: -2px -2px 3px #888888; margin-bottom: 35px; }
#sequence > .sequence-canvas > li .subtitle { width: 100%; }
#sequence > .sequence-canvas > li .subtitle p { font-weight: bold; font-size: 28px; color: #ffffff; text-shadow: -2px -2px 3px #888888; margin-bottom: 20px; }
#sequence > .sequence-canvas > li img { height: 96%; }
#sequence > .sequence-canvas li > * { position: absolute; -webkit-transition-property: left, opacity; -moz-transition-property: left, opacity; -ms-transition-property: left, opacity; -o-transition-property: left, opacity; transition-property: left, opacity; }
.sequence-next, .sequence-prev { color: white; cursor: pointer; font-weight: bold; position: absolute; top: 50%; z-index: 1000; height: 60px; margin-top: -30px; }
.sequence-pause { bottom: 0; cursor: pointer; position: absolute; z-index: 1000; }
.sequence-paused { opacity: 0.3; }
.sequence-prev { left: 0px; }
.sequence-next { right: 0px; }
.sequence-prev img, .sequence-next img { height: 100%; width: auto; }
#sequence-preloader { background: #d9d9d9; }
.sequence-pagination { bottom: 33px; display: none; position: absolute; z-index: 10; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; left: 50%; margin-left: -42px; cursor: pointer; z-index: 99999; }
.sequence-pagination li { display: inline-block; *display: inline;
}
.sequence-pagination li span { width: 12px; height: 12px; border-radius: 50%; display: inline-block; background: rgba(255, 255, 255, 0.3); text-indent: -10000px; margin: 0px 6px; }
.sequence-pagination li span:hover { background-color: #ffffff; }
.sequence-pagination li.current span { background-color: #ffffff; }
h2 { color: white; font-family: "Sirin Stencil", serif; font-weight: bold; text-transform: uppercase; }
h3 { font-family: "Ruluko", serif; }
.sequence-next, .sequence-prev { position: absolute; opacity: 0.6; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; }
.sequence-next:hover, .sequence-prev:hover { opacity: 1; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; }
.animate-in .title { left: 20%; opacity: 1; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.animate-out .title { left: 75%; opacity: 0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.subtitle { color: black; font-size: 23px; color: #fff; left: 70%; width: 15%; opacity: 0; bottom: 190px; vertical-align: top; -webkit-transition-property: left top; -moz-transition-property: left top; -ms-transition-property: left top; -o-transition-property: left top; transition-property: left top; }
.animate-in .subtitle { left: 20%; opacity: 1; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.animate-out .subtitle { left: 65%; opacity: 0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.model {opacity: 0; position: relative; height: auto !important; min-width: 225px; }
.animate-in .model { opacity: 1; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; }
.animate-out .model { opacity: 0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.model1 { left: 55%; }
.animate-in .model1 { left: 30%; }
.animate-out .model1 { left: 80%; }
.model2 { left: -285%; }
.animate-in .model2 { left: -235%; }
.animate-out .model2 { left: -25%; }
.model3 { left: 25%; }
.animate-in .model3 { left: -10%; }
.animate-out .model3 { left: -25%; }
.model4 { left: 25%; }
.animate-in .model4 { left: 100%; }
.animate-out .model4 { left: -25%; }
.model5 { left: 25%; }
.animate-in .model5 { left: -100%; }
.animate-out .model5 { left: -25%; }
.model6 { left: 125%; }
.animate-in .model6 { left: 20%; }
.animate-out .model6 { left: -25%; }
.model7 { left: 125%; }
.animate-in .model7 { left: 0%; }
.animate-out .model7 { left: 125%; }
.model7_1_1_1 { left: 125%; bottom: -60px; }
.animate-in .model7_1_1_1 { left: 40%; bottom: -60px; }
.animate-out .model7_1_1_1 { left: 125%; bottom: -60px; }
.model7-1-1 { left: 125%; }
.animate-in .model7-1-1 { left: 60%; }
.animate-out .model7-1-1 { left: 125%; }
.model7-1 { left: 115%; }
.animate-in .model7-1 { left: 50%; }
.animate-out .model7-1 { left: 125%; }
.model8 { left: -110%; }
.animate-in .model8 { left: -130%; }
.animate-out .model8 { left: -110%; }
.model8_1_1 { left: -150%; bottom:180px }
.animate-in .model8_1_1 { left: -115%; bottom:180px }
.animate-out .model8_1_1 { left: -150%; bottom:180px }
.model8-2 { left: -150%; }
.animate-in .model8-2 { left: -130%; }
.animate-out .model8-2 { left: -150%; }
.model8-2-1 { left: 50%; }
.animate-in .model8-2-1 { left: -80%; }
.animate-out .model8-2-1 { left: 50%; }
.model8-3 { top: -1%; left: -50%; }
.animate-in .model8-3 { top: -10%; left: -50%; }
.animate-out .model8-3 { top: -1%; left: -50%; }
.model8-1 { left: -50%; }
.animate-in .model8-1 { left: -90%; }
.animate-out .model8-1 { left: -110%; }
.model9 { left: -125%; }
.animate-in .model9 { left: 26%; }
.animate-out .model9 { left: -125%; }
.model10 { left: -125%; }
.animate-in .model10 { left: 0%; }
.animate-out .model10 { left: -125%; }
.model11 { left: -125%; }
.animate-in .model11 { left: 20%; }
.animate-out .model11 { left: -125%; }
.model12 { left: 225%; }
.animate-in .model12 { left: 95%; }
.animate-out .model12 { left: -125%; }
.model13 { left: 225%; }
.animate-in .model13 { left: -20%; }
.animate-out .model13 { left: -125%; }
@media only screen and (min-width: 992px) {
 #sequence .title {
 width: 42%;
}
}
@media only screen and (max-width: 838px) {
 #sequence {
 height: 460px;
}
 #sequence .model {
 max-height: 430px !important;
 width: auto;
}
}
@media only screen and (max-width: 768px) {
 #sequence {
 height: 400px;
}
 #sequence .title {
 font-size: 2.8em;
}
 #sequence .subtitle {
 font-size: 1.6em;
}
 #sequence .sequence-next, #sequence .sequence-prev {
 height: 60px;
 margin-top: -40px;
}
 #sequence .model {
 max-height: 420px !important;
 width: auto;
}
}
@media only screen and (max-width: 460px) {
 #sequence .model {
 left: 50%;
 min-width: 40%;
 width: 40%;
}
 #sequence .animate-in .model {
 left: 50%;
 margin-left: -20%;
}
 #sequence .animate-out .model {
 left: 50%;
 margin-left: -20%;
}
 #sequence .title {
 background: #a1a1a1;
 background: rgba(0, 0, 0, 0.3);
 bottom: 0;
 left: 100%;
 padding: 4%;
 bottom: -50%;
 width: 100%;
 z-index: 10;
}
 #sequence .animate-in .title {
 left: 0%;
}
 #sequence .animate-out .title {
 left: -100%;
}
 #sequence .subtitle {
 visibility: hidden;
}
 #sequence .sequence-pagination {
 bottom: 40px;
}
 #sequence .sequence-pagination li img {
 height: 100px;
}
}
@media only screen and (max-width: 518px) {
 #sequence {
 height: 520px;
}
}
@media only screen and (max-width: 468px) {
 #sequence {
 height: 415px;
}
 #sequence .sequence-pagination {
 opacity: 0;
 visibility: hidden;
}
}
@media only screen and (max-width: 418px) {
 #sequence {
 height: 375px;
}
}
@media only screen and (max-width: 368px) {
 #sequence {
 height: 325px;
}
 #sequence .title {
 font-size: 2.2em;
}
}
@media only screen and (max-width: 320px) and (orientation: portrait) {
 #sequence {
 height: 320px;
}
 #sequence .model {
 min-width: 45%;
 width: 45%;
}
 #sequence .animate-in .model {
 margin-left: -22.5%;
}
 #sequence .animate-out .model {
 margin-left: -22.5%;
}
}
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
 #sequence {
 height: 260px;
}
 #sequence .model {
 min-width: 24%;
 width: 24%;
}
 #sequence .animate-in .model {
 left: 17.5%;
 margin-left: 0;
}
 #sequence .animate-out .model {
 left: 17.5%;
 margin-left: 0;
}
 #sequence .sequence-pagination {
 right: 17.5%;
}
}
.seq-backgroundimg { width: 100%; height: 100%; background-size: 1920px 1221px; background-position: center top; opacity: 0; position: absolute; -webkit-transition-property: left top; -moz-transition-property: left top; -ms-transition-property: left top; -o-transition-property: left top; transition-property: left top; }
.animate-in .seq-backgroundimg { left: 0%; opacity: 1; top: 0; z-index: 1; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.animate-out .seq-backgroundimg { opacity: 0; top: 0; z-index: 1; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.m-lunwenzi { display: inline-block; width: 800px; position: absolute; left: 40%; top: 80px; margin-left: -550px; z-index: 5; opacity: 0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.m-lunwenzi .titlte { font-size: 32px; font-weight: bold; color: #faf0aa; text-shadow: -2px -2px 3px #888888; margin-bottom: 35px; }
.m-lunwenzi .ttxt { font-weight: bold; font-size: 28px; color: #ffffff; text-shadow: -2px -2px 3px #888888; margin-bottom: 20px; }
.animate-in .m-lunwenzi { opacity: 1; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.animate-out .m-lunwenzi { left: 60%; opacity: 0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.m-bannerrightimg { display: inline-block; position: absolute; left: 50%; top: 130px; z-index: 1; opacity: 0; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.animate-in .m-bannerrightimg { left: 50%; top: 145px; opacity: 1; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.animate-out .m-bannerrightimg { left: 50%; top: 145px; opacity: 0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.u-lianjie { width: 100%; height: 100% !important; top: 0px; }
.u-lianjie a { width: 100%; height: 100% !important; position: absolute; left: 0px; top: 0px; z-index: 999; }