/*通用*/
a{text-decoration:none;}
*{ text-decoration:none;color: #000000; font: "微软雅黑";}

@charset "utf-8";
/* CSS Document */

/*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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th { margin: 0; padding: 0; outline: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }*/

::selection { background: #ff6600; color: #FFF; }

::-moz-selection { background: #ff6600; color: #FFF; }

*:after, *:before { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

a:hover, a:active { outline: 0; }

ul, ol, li { list-style: none; }

img { width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;  }

html, body { -webkit-user-select: none; font-size: 62.5%; /* 禁止选中文本（如无文本选中需求，此为必选项） */ user-select: none; }

body { width: 100%; -webkit-text-size-adjust: none; font-size: 1.2rem; font: 12px/1.2 'Helvetica Neue','Microsoft Yahei',AppleGothic, Helvetica, STHeiTi, sans-serif; line-height: 160%; color: #333; background:#fff; }

*:link, *:visited, *:hover, *:active, *:focus { transition: color .20s linear,background-color .20s linear,border-color .20s linear; }

a { color: #333; text-decoration: none; outline: none; -webkit-touch-callout: none; }
a:hover { color: #990000; text-decoration: none; }
/*缺省结束*/



/*以下是动画部分*/
@media only screen and (min-width:1200px) {
/*放大弹性出现*/
.fd0{ opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; }
.active .fd0{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.5s;}
.leeclass .fd0{ opacity: 1; transform:scale(1, 1); transition-delay: 0.5s;}



/*由0.5倍放大出现*/
.big1{ opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; }
.big2{ opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; }
.big3{ opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; }
.big4{ opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 2s; }
.big5{ opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 2s; }
.big6{ opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 2s; }
.big7{ opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 2s; }
.active .big1 {opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.5s; }
.active .big2 {opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s; }
.active .big3 {opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.9s; }
.active .big4 {opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.1s; }
.active .big5 {opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.3s; }
.active .big6 {opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.5s; }
.active .big7 {opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.7s; }
.leeclass .big1{ opacity: 1; transform:scale(1, 1); transition-delay: 0.5s; }
.leeclass .big2{ opacity: 1; transform:scale(1, 1); transition-delay: 0.7s; }
.leeclass .big3{ opacity: 1; transform:scale(1, 1); transition-delay: 0.9s; }
.leeclass .big4{ opacity: 1; transform:scale(1, 1); transition-delay: 1.1s; }
.leeclass .big5{ opacity: 1; transform:scale(1, 1); transition-delay: 1.3s; }
.leeclass .big6{ opacity: 1; transform:scale(1, 1); transition-delay: 1.5s; }
.leeclass .big7{ opacity: 1; transform:scale(1, 1); transition-delay: 1.7s; }




/*由2.5倍缩小出现*/
.small1{  opacity:0; -webkit-transform:scale(2.5, 2.5); transform:scale(2.5, 2.5); transition: all 1s; }
.small2{  opacity:0; -webkit-transform:scale(2.5, 2.5); transform:scale(2.5, 2.5); transition: all 1s; }
.small3{  opacity:0; -webkit-transform:scale(2.5, 2.5); transform:scale(2.5, 2.5); transition: all 1s; }
.small4{  opacity:0; -webkit-transform:scale(2.5, 2.5); transform:scale(2.5, 2.5); transition: all 1s; }
.small5{  opacity:0; -webkit-transform:scale(2.5, 2.5); transform:scale(2.5, 2.5); transition: all 1s; }
.small6{  opacity:0; -webkit-transform:scale(2.5, 2.5); transform:scale(2.5, 2.5); transition: all 1s; }
.small7{  opacity:0; -webkit-transform:scale(2.5, 2.5); transform:scale(2.5, 2.5); transition: all 1s; }
.active .small1{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.5s; }
.active .small2{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s; }
.active .small3{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.9s; }
.active .small4{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.1s; }
.active .small5{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.3s; }
.active .small6{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.5s; }
.active .small7{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s; }
.leeclass .small1{ opacity: 1; transform:scale(1, 1); transition-delay: 0.5s; }
.leeclass .small2{ opacity: 1; transform:scale(1, 1); transition-delay: 0.7s; }
.leeclass .small3{ opacity: 1; transform:scale(1, 1); transition-delay: 0.9s; }
.leeclass .small4{ opacity: 1; transform:scale(1, 1); transition-delay: 1.1s; }
.leeclass .small5{ opacity: 1; transform:scale(1, 1); transition-delay: 1.3s; }
.leeclass .small6{ opacity: 1; transform:scale(1, 1); transition-delay: 1.5s; }
.leeclass .small7{ opacity: 1; transform:scale(1, 1); transition-delay: 1.7s; }
/*缩小出现2*/
.sx1{ opacity:0; -webkit-transform:scale(4.5, 4.5); transform:scale(4.5, 4.5); transition: all 1s; }
.active .sx1{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.0s; }
.leeclass .sx1{ opacity: 1; transform:scale(1, 1); transition-delay: 0.0s; }

/*透明度一个一个出现*/
.opacity1{ opacity:0; transition: all 1s; }
.opacity2{ opacity:0; transition: all 1s; }
.opacity3{ opacity:0; transition: all 1s; }
.opacity4{ opacity:0; transition: all 1s; }
.opacity5{ opacity:0; transition: all 1s; }
.opacity6{ opacity:0; transition: all 1s; }
.opacity7{ opacity:0; transition: all 1s; }
.active .opacity1{ opacity: 1; transition-delay: 0.5s; margin-top:10px; }
.active .opacity2{ opacity: 1; transition-delay: 0.7s; margin-top:10px; }
.active .opacity3{ opacity: 1; transition-delay: 0.9s; margin-top: 10px; }
.active .opacity4{ opacity: 1; transition-delay: 1.1s; margin-top: 10px; }
.active .opacity5{ opacity: 1; transition-delay: 1.3s; margin-top: 10px; }
.active .opacity6{ opacity: 1; transition-delay: 1.3s; margin-top: 10px; }
.active .opacity7{ opacity: 1; transition-delay: 1.5s; margin-top: 10px; }
.leeclass .opacity1{ opacity: 1; transition-delay: 0.5s; margin-top: 10px; }
.leeclass .opacity2{ opacity: 1; transition-delay: 0.7s; margin-top: 10px; }
.leeclass .opacity3{ opacity: 1; transition-delay: 0.9s; margin-top: 10px; }
.leeclass .opacity4{ opacity: 1; transition-delay: 1.1s; margin-top: 10px; }
.leeclass .opacity5{ opacity: 1; transition-delay: 1.3s; margin-top: 10px; }
.leeclass .opacity6{ opacity: 1; transition-delay: 1.5s; margin-top: 10px; }
.leeclass .opacity7{ opacity: 1; transition-delay: 1.7s; margin-top: 10px; }


/*左侧进入出现*/
.left1{ opacity:0; transition: all 1s; margin-left: -500px; }
.left2{ opacity:0; transition: all 1s; margin-left: -500px; }
.left3{ opacity:0; transition: all 1s; margin-left: -500px; }
.left4{ opacity:0; transition: all 1s; margin-left: -500px; }
.left5{ opacity:0; transition: all 1s; margin-left: -500px; }
.left6{ opacity:0; transition: all 1s; margin-left: -500px; }

.active .left1{ opacity: 1; transition-delay: 0.5s; margin-left:0px; }
.active .left2{ opacity: 1; transition-delay: 0.7s; margin-left:0px; }
.active .left3{ opacity: 1; transition-delay: 0.9s; margin-left: 0px; }
.active .left4{ opacity: 1; transition-delay: 1.1s; margin-left: 0px; }
.active .left5{ opacity: 1; transition-delay: 1.3s; margin-left: 0px; }
.active .left6{ opacity: 1; transition-delay: 1.3s; margin-left: 0px; }

.leeclass .left1{ opacity: 1; transition-delay: 0.5s; margin-left: 0px; }
.leeclass .left2{ opacity: 1; transition-delay: 0.7s; margin-left: 0px; }
.leeclass .left3{ opacity: 1; transition-delay: 0.9s; margin-left: 0px; }
.leeclass .left4{ opacity: 1; transition-delay: 1.1s; margin-left: 0px; }
.leeclass .left5{ opacity: 1; transition-delay: 1.3s; margin-left: 0px; }
.leeclass .left6{ opacity: 1; transition-delay: 1.5s; margin-left: 0px; }


/*右侧进入出现*/
.right1{ opacity:0; transition: all 1s; margin-right: -500px; }
.right2{ opacity:0; transition: all 1s; margin-right: -500px; }
.right3{ opacity:0; transition: all 1s; margin-right: -500px; }
.right4{ opacity:0; transition: all 1s; margin-right: -500px; }
.right5{ opacity:0; transition: all 1s; margin-right: -500px; }
.right6{ opacity:0; transition: all 1s; margin-right: -500px; }

.active .right1{ opacity: 1; transition-delay: 0.5s; margin-right: 0px; }
.active .right2{ opacity: 1; transition-delay: 0.7s; margin-right: 0px; }
.active .right3{ opacity: 1; transition-delay: 0.9s; margin-right: 0px; }
.active .right4{ opacity: 1; transition-delay: 1.1s; margin-right: 0px; }
.active .right5{ opacity: 1; transition-delay: 1.3s; margin-right: 0px; }
.active .right6{ opacity: 1; transition-delay: 1.3s; margin-right: 0px; }

.leeclass .right1{ opacity: 1; transition-delay: 0.5s; margin-right: 0px; }
.leeclass .right2{ opacity: 1; transition-delay: 0.7s; margin-right: 0px; }
.leeclass .right3{ opacity: 1; transition-delay: 0.9s; margin-right: 0px; }
.leeclass .right4{ opacity: 1; transition-delay: 1.1s; margin-right: 0px; }
.leeclass .right5{ opacity: 1; transition-delay: 1.3s; margin-right: 0px; }
.leeclass .right6{ opacity: 1; transition-delay: 1.5s; margin-right: 0px; }



/*上进入出现*/
.up1{ opacity:0; transition: all 1s; margin-top: -500px; }
.up2{ opacity:0; transition: all 1s; margin-top: -500px; }
.up3{ opacity:0; transition: all 1s; margin-top: -500px; }
.up4{ opacity:0; transition: all 1s; margin-top: -500px; }
.up5{ opacity:0; transition: all 1s; margin-top: -500px; }
.up6{ opacity:0; transition: all 1s; margin-top: -500px; }

.active .up1{ opacity: 1; transition-delay: 0.5s; margin-top: 0px; }
.active .up2{ opacity: 1; transition-delay: 0.7s; margin-top: 0px; }
.active .up3{ opacity: 1; transition-delay: 0.9s; margin-top: 0px; }
.active .up4{ opacity: 1; transition-delay: 1.1s; margin-top: 0px; }
.active .up5{ opacity: 1; transition-delay: 1.3s; margin-top: 0px; }
.active .up6{ opacity: 1; transition-delay: 1.3s; margin-top: 0px; }

.leeclass .up1{ opacity: 1; transition-delay: 0.5s; margin-top: 0px; }
.leeclass .up2{ opacity: 1; transition-delay: 0.7s; margin-top: 0px; }
.leeclass .up3{ opacity: 1; transition-delay: 0.9s; margin-top: 0px; }
.leeclass .up4{ opacity: 1; transition-delay: 1.1s; margin-top: 0px; }
.leeclass .up5{ opacity: 1; transition-delay: 1.3s; margin-top: 0px; }
.leeclass .up6{ opacity: 1; transition-delay: 1.5s; margin-top: 0px; }

/*底部进入出现*/
.down1{ opacity:0; transition: all 1s; margin-bottom: -500px; }
.down2{ opacity:0; transition: all 1s; margin-bottom: -500px; }
.down3{ opacity:0; transition: all 1s; margin-bottom: -500px; }
.down4{ opacity:0; transition: all 1s; margin-bottom: -500px; }
.down5{ opacity:0; transition: all 1s; margin-bottom: -500px; }
.down6{ opacity:0; transition: all 1s; margin-bottom: -500px; }

.active .down1{ opacity: 1; transition-delay: 0.5s; margin-bottom: 0px; }
.active .down2{ opacity: 1; transition-delay: 0.7s; margin-bottom: 0px; }
.active .down3{ opacity: 1; transition-delay: 0.9s; margin-bottom: 0px; }
.active .down4{ opacity: 1; transition-delay: 1.1s; margin-bottom: 0px; }
.active .down5{ opacity: 1; transition-delay: 1.3s; margin-bottom: 0px; }
.active .down6{ opacity: 1; transition-delay: 1.3s; margin-bottom: 0px; }

.leeclass .down1{ opacity: 1; transition-delay: 0.5s; margin-bottom: 0px; }
.leeclass .down2{ opacity: 1; transition-delay: 0.7s; margin-bottom: 0px; }
.leeclass .down3{ opacity: 1; transition-delay: 0.9s; margin-bottom: 0px; }
.leeclass .down4{ opacity: 1; transition-delay: 1.1s; margin-bottom: 0px; }
.leeclass .down5{ opacity: 1; transition-delay: 1.3s; margin-bottom: 0px; }
.leeclass .down6{ opacity: 1; transition-delay: 1.5s; margin-bottom: 0px; }


}