@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
body { font-family:'Ubuntu',sans-serif,Helvetica; color:#888;position: relative; line-height:1.7em; margin:0; padding:0; font-size:14px;}
a ,img , a img { outline:none; border:none;}
.banner { height:482px; background:url(../images/banner2.jpg) top center no-repeat;width:1029px; margin:0 auto;}
#banner { height:482px;width:1029px; margin:0 auto; margin-top:2px;}
.header { margin:0 0 0 0; background-color: #fff;border-color: #f5f5f5; clear:both;opacity: 0.90;-webkit-box-shadow: 0 3px 5px -3px #7a7a7a;-moz-box-shadow: 0 3px 5px -3px #7a7a7a;box-shadow: 0 3px 5px -3px #7a7a7a; width:100%; clear:both; min-height:73px; z-index:9999999;}
.box { width:1029px; margin:0 auto; position:relative;}
.msi { background:url(../images/msi.jpg) 0 15px no-repeat; height:73px; width:1029px; margin:0 auto; position:relative; }
.nav { background:#00afec; height:40px; clear:both; font-size:18px;width:1029px; margin:0 auto;}

.nav ul ,.nav li { padding:0; margin:0;}
.nav ul {width:1029px; margin:0 auto;}
.nav ul li{ list-style:none; display:inline-block; width:24%; line-height:40px; text-align:center;}
.nav ul li a{ color:#fff; text-decoration:none;}
.nav ul li:hover { background:#32bae9;}
h1 { font-weight:100; margin-bottom:40px;}
.clear { clear:both;}

.ffbox { width:333px; float:left; margin-right:15px; height:470px;}
.ff3 ,.ff6 { margin-right:0;}
.ffbox h2 ,.ffbox p { padding:0; margin:0;}
.ffbox p { padding:5px;}
.ffbox h2 { padding-left:50px; height:50px; line-height:19px; padding-top:10px; font-weight:100; color:#00afec; margin-bottom:5px; margin-top:10px; font-size:19px;}
.ff1 h2 { background: url(../images/ff1.jpg) no-repeat;}
.ff2 h2 { background: url(../images/ff2.jpg) no-repeat;}
.ff3 h2 { background: url(../images/ff3.jpg) no-repeat;}
.ff4 h2 { background: url(../images/ff4.jpg) no-repeat;}
.ff5 h2 { background: url(../images/ff5.jpg) no-repeat;}
.ff6 h2 { background: url(../images/ff6.jpg) no-repeat;}

.app { background:url(../images/app_bg.jpg) top center no-repeat; height:550px;}
.app h2 { background:url(../images/app.png) no-repeat; line-height:110px; padding-left:130px;font-weight:100; color:#00afec;font-size:26px; position:absolute; top:0px; left:200px;}
.time { background:url(../images/time_bg.jpg) top center no-repeat; height:550px;}
.time h2 {font-weight:100; color:#00afec;font-size:26px;}
.bbtn {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:5px 15px; border:1px solid #888; color:#888;}
.bbtn:hover { text-decoration:none;}

.footer {background:#00afec; padding:20px 0; height:120px; color:#fff;}
.socialmedia { clear:both; padding-top:15px; position:absolute; top:15px; right:0;}
.socialmedia a { display:inline-block; float:left; margin-right:5px;}
.msi .socialmedia { clear:both; padding-top:15px; position:absolute; top:0; right:0;}