@charset "utf-8";
/* CSS Document */
body {font-size:12px; font-family:"微软雅黑";overflow-x: hidden;}
body, div, dl, dt, dd, ul, ol, nl, li, h1, h2, h3, h4, h5, h6, p, span, a, b, strong, object, iframe, label, img, blockquote, ins, del, select, form, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
a{text-decoration:none;} 
li{list-style:none outside none;}
fieldset, img {border:0 none;}
img { padding:0; margin:0;vertical-align:top;}
h1,h2,h3,h4,h5,h6,th{ font-size:12px; font-weight:normal;}
textarea{resize:none}
input:focus, select:focus, textarea:focus,a:focus{outline:0 none}
label { vertical-align:middle;} 
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {zoom:1}
em,cite,dfn{font-style:normal;}
.clearboth{width:100%;clear:both;float:none;margin:0;padding:0;font-size:0px;height:0px;overflow:hidden;}
.clear{clear:both;height:0;font-size:0;line-height:0;}
.hidden{ overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.pr{ position:relative;}
.pa{ position:absolute;}
.center{ text-align:center;}
.tright{ text-align:right;}
.ti { text-indent:-999em;}
.none{ display:none;}
/*内容*/
.wrapout{ width:100%; height:800px; background:url(https://static.web.sdo.com/mxd/pic/mxd_act/v127/images/wrapout.jpg) no-repeat 50% 0;}
.wrap{ position:relative; width:1000px; height:800px; margin:0 auto; background:url(https://static.web.sdo.com/mxd/pic/mxd_act/v127/images/warp.jpg) no-repeat;}
.flashDiv{ position:absolute; top:0; left:50%; margin-left:-600px;}
.wrap .logo{ position:absolute; top:17px; left:12px; z-index:100; width:85px; height:68px; background:url(https://static.web.sdo.com/mxd/pic/mxd_act/v127/images/logo.png) no-repeat;}
.wrap .homeBtn{ position:absolute; z-index:100; width:181px; height:98px; background:url(https://static.web.sdo.com/mxd/pic/mxd_act/v127/images/homeBtn.png) no-repeat;}
.wrap .homeBtn a{ display:block; width:100%; height:100%; text-indent:-999em;}
.wrap .btn1{ top:420px; left:18px; background-position:0 0;}
.wrap .btn2{ top:528px; left:18px; background-position:0 -98px;}
.wrap .btn3{ top:475px; right:44px; background-position:0 -196px;}
.wrap .sol{ position:absolute; top:560px; left:225px; z-index:100; width:554px; height:199px; background:url(https://static.web.sdo.com/mxd/pic/mxd_act/v127/images/sol.png) no-repeat;
animation:sol 0.5s ease-in 0.6s 1;
-webkit-animation:sol 0.5s ease-in 0.6s 1;
-moz-animation:sol 0.5s ease-in 0.6s 1;
-o-animation:sol 0.5s ease-in 0.6s 1;
animation-fill-mode: both !important; 
-webkit-animation-fill-mode: both !important; 
-moz-animation-fill-mode: both !important; 
-o-animation-fill-mode: both !important;}
@keyframes sol{
	0% { transform:scale(0); top:460px;}	
	70% { transform:scale(0.8); top:600px;}
	100% { transform:scale(1); top:560px;}
}
@-webkit-keyframes sol{
	0% { -webkit-transform:scale(0); top:460px;}	
	70% { -webkit-transform:scale(0.8); top:600px;}
	100% { -webkit-transform:scale(1); top:560px;}
}
@-moz-keyframes sol{
	0% { -moz-transform:scale(0); top:460px;}	
	70% { -moz-transform:scale(0.8); top:600px;}
	100% { -moz-transform:scale(1); top:560px;}
}
@-o-keyframes sol{
	0% { -o-transform:scale(0); top:460px;}	
	70% { -o-transform:scale(0.8); top:600px;}
	100% { -o-transform:scale(1); top:560px;}
}