body {font-size:12px;/* font-family:'Microsoft Yahei';*/ 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;}
html, body{min-width: 1200px;}
/*css3*/
@-webkit-keyframes flipInY
{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,360deg);transform:perspective(400px) rotate3d(0,1,0,360deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:1}
20%{-webkit-transform:perspective(400px) rotate3d(0,1,0,270deg);transform:perspective(400px) rotate3d(0,1,0,270deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:1}
21%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:1}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-40deg);transform:perspective(400px) rotate3d(0,1,0,-40deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,20deg);transform:perspective(400px) rotate3d(0,1,0,20deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,360deg);transform:perspective(400px) rotate3d(0,1,0,360deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:1}
20%{-webkit-transform:perspective(400px) rotate3d(0,1,0,270deg);transform:perspective(400px) rotate3d(0,1,0,270deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:1}
21%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:1}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-40deg);transform:perspective(400px) rotate3d(0,1,0,-40deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,20deg);transform:perspective(400px) rotate3d(0,1,0,20deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}