@charset "utf-8";
/* CSS Document */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,img,form{ padding:0px; margin:0px; border:0;}
h1,h2,h3,h4,h5,h6 { font-weight:100;}
select{ padding:0px; margin:0px; overflow:scroll;}
ul,ol li{ list-style:none;}
input { padding:0px; margin:0px;}
.left { float:left;}
.right { float:right;}
.clear { clear:both; font-size:0px; height:0px; overflow:hidden;}
a:link, a:visited { text-decoration:none;}
a:hover { text-decoration:underline;}
a:focus { outline:none;}
a { text-decoration:none; blr:expression(this.onFocus=this.blur());}
a { outline:none;}

.mKeBanner,.mKeBanner div{text-align:center;}
::selection { background:#ec9e65; color:#fff;}::-moz-selection { background:#ec9e65; color:#fff;}::-webkit-selection { background:#ec9e65; color:#fff;}

.shortcut{ width:1150px; margin:0px auto; position:relative; z-index:101; overflow:hidden;}
.shortcut a{ margin-right:10px;margin-bottom:10px; display:block; width:370px; height:100px; position:relative; overflow:hidden; float:left; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; top:0px;}
.shortcut a img{ position:absolute; left:0px; top:0px;}
.shortcut a span{ position:absolute; line-height:18px; color:#7E7A7A; left:240px; bottom:40px; transition:all 1s; -webkit-transition:all 1s;}

.shortcut a span1{ position:absolute; line-height:18px; color:#7E7A7A; left:110px; top:0px; transition:all 1s; -webkit-transition:all 1s;}


.shortcut a .imgH{ left:-370px; transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.shortcut a:hover{ text-decoration:none;}
.shortcut a:hover .imgH{ display:block; left:0px;}
.shortcut a:hover span{ color:#fff;animation: img4 0.8s linear infinite alternate; -webkit-animation: img4 1s linear infinite alternate;}

.shortcut a:hover span1{ color:#fff;animation: img4 0.8s linear infinite alternate; -webkit-animation: img4 1s linear infinite alternate;}
@keyframes img4 {0% { bottom:38px;} 100% { bottom:33px;}}
@-webkit-keyframes img4 {0% { bottom:38px;} 100% { bottom:33px;}}