/*
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, hgroup, 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, hgroup, 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%; min-width:1000px; background:url(../images/bgg.jpg) 50% 100% no-repeat #057dd2; color:white; font-size:0.625em; margin:0 auto; position:relative; height:550px;}
#sequence > .sequence-canvas{height:100%; width:100%;}
#sequence > .sequence-canvas > li{position:absolute; width:1400px; left:50%; margin-left:-700px; width:100%\9; left:0\9; margin:0\9; height:100%; z-index:1; top:-50%;}
#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; display:none; font-weight:bold; padding:10px 15px; position:absolute; top:50%; z-index:1000; height:75px; margin-top:-47.5px;}
.sequence-pause{bottom:0; cursor:pointer; position:absolute; z-index:1000;}
.sequence-paused{opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30);}
.sequence-prev{left:3%;}
.sequence-next{right:3%;}
.sequence-prev img, .sequence-next img{height:100%; width:auto;}
#sequence-preloader{background:#d9d9d9;}

.sequence-pagination{overflow:hidden; zoom:1; position:absolute; bottom:26px; left:50%; z-index:10; width:200px; margin-left:-100px;}
.sequence-pagination li{float:left; width:50px; height:5px; font-size:0; line-height:0; padding-left:1px;}
.sequence-pagination li a{display:block; width:50px; height:5px; font-size:0; line-height:0; text-indent:-999px; background:#fff; opacity:0.5; -moz-opacity:0.5;filter:alpha(opacity=50);}
.sequence-pagination li a:hover, .sequence-pagination .current a{opacity:1; -moz-opacity:1;filter:alpha(opacity=100);}


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; -moz-opacity:0.6; filter:alpha(opacity=60); -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; -moz-opacity:1; filter:alpha(opacity=100); -webkit-transition-duration:1s; -moz-transition-duration:1s; -ms-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s;}
.title{font-size:52px; font-family:Arial,"宋体",Helvetica,sans-serif,"黑体"; left:65%; width:35%; opacity:0; z-index:50;bottom:1%;}
.animate-in .title{left:50%; 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:35%; 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:32px; font-family:Arial,"宋体",Helvetica,sans-serif,"黑体"; font-weight:bold; left:35%; width:35%; opacity:0; color:#fff; top:101%;}

.animate-in .subtitle{left:50%; 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{left:30%; bottom:-180px; opacity:0; position:relative;}
.animate-in .model{left:15%; opacity:1; -webkit-transition-duration:1s; -moz-transition-duration:1s; -ms-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s;}
.animate-out .model{left:15% ;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{bottom:-200px;}
.model2{bottom:-190px;}
.model3{bottom:-190px;}
.animate-in .model1{left:14%; left:50%\9; margin-left:-500px\9;}
.animate-out .model1{left:30%;left:50%\9; margin-left:-500px\9;}
.animate-in .model2{left:13%; left:50%\9; margin-left:-500px\9;}
.animate-out .model2{left:13%;left:50%\9; margin-left:-500px\9;}
.animate-in .model3{left:9%; left:50%\9; margin-left:-550px\9;}
.animate-out .model3{left:9%; left:50%\9; margin-left:-550px\9;}

.title1{bottom:1%;}
.animate-in .title2{left:45%;}
.animate-out .title2{left:30%;}
.title3{bottom:5%;}
.animate-in .title3{left:45%;}
.animate-out .title3{left:35%;}

.subtitle1{top:104%;}
.subtitle2{top:107%;}
.animate-in .subtitle1{left:53%;}
.animate-in .subtitle2{top:107%; left:53%;}
.animate-out .subtitle2{top:107%; left:65%;}
.subtitle3{top:102%;}
.animate-in .subtitle3{left:45%;}
.animate-out .subtitle3{left:35%;}