@charset "utf-8";
html { background: #FFFFFF; font-size: 10px;}
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, fieldset, form, input, select, textarea, figure ,div,form,img,ul,ol,li,i,b,table,tr,td,th,fieldset,label,legend,header{ margin:0;padding:0; font-weight:normal;}
body { font-size: 12px; font-family: "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", Tahoma, Arial, STHeiti, sans-serif; _font-family: Tahoma, Arial, Helvetica, STHeiti, sans-serif; color: #333333; font-weight:normal; font-style:normal;background:#eee;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}
ul, ol, menu { list-style: none; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, a img, iframe { border: 0 none; }
address, em, i { font-style: normal; }
input, select, button { vertical-align: middle; }
input, textarea, select { *font-size: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
button { overflow: visible; }
a,img,a img{border:0px;}
a{text-decoration:none;cursor:pointer;transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moztransition:all 0.2s ease-in-out; color:#333;}
a:hover{text-decoration:none; color:#ff6600;} 
input:-moz-placeholder{color: #999;}  
input::-webkit-input-placeholder{color:#999;}
input,select{ outline:none 0;}
textarea{ outline:none; resize:none; font-size:12px;}
img{ vertical-align:top; -ms-interpolation-mode: bicubic; -moz-interpolation-mode: bicubic; -webkit-interpolation-mode: bicubic;/*图片缩放失真问题*/ transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease;}

/*客服样式A*/
.bg_f60 {background: #f60;}
.bg_f60s {background: #dd433b;}
.sqtela {height: 40px;margin: 10px 0px;}
.sqtela a {display: block; width: 48% !important; float: left; margin: 4px 1%; font-size: 16px; vertical-align: middle; color: #fff; text-align: center; white-space: nowrap; border: 1px solid rgba(0,0,0,0.07); border-radius: 5px; cursor: pointer; outline: 0; box-sizing: border-box; height: 40px; line-height: 40px;}

.fl{float:left;}
.fr{float:right;}
.tl{text-align: left;}
.tr{text-align: right;}
.cl{ height: 0.00000000001px; line-height: 0; font-size: 0; clear: both;}
.cll{ height:1001px; line-height: 0; font-size: 0; clear: both;}
.clearfix { display: block; *zoom: 1; }
.none{ display:none;}
.inline{ display:inline-block;}
.img_auto {display:block;width:100%;height:auto;margin:0px auto;}
.mr_tb10 {margin:10px auto;}
.t_b_p {background:#fff;padding:10px 0px;margin:0 !important;}
.bg_f {background:#fff !important;}
.bg_e {background:#DDDDDD !important;}

.pub_title {height: 40px;border-left: 2px solid #f60; border-right: 2px solid #f60;}
.pub_title h1{text-align: center; line-height: 40px;font-weight: bold;}

.maincl{ color:#ff7800;}
.fontcl1{ color:#ff6600;}
.fontcl2{ color:#ff9900;}
.fontcl3{ color:#0484cd;}
.pointcl{ color:#ff3300;}
.black9{ color:#999;}
.black6{ color:#666;}
.black3{ color:#333;}
.black0{ color:#000;}
.whitecl{ color:#fff;}

.w_min{margin:0;padding:0;height:auto;}
.min{margin:0;padding:0;}
.before:before {content: " "; position: absolute;left:0;top:0;right:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform: scaleY(.5);}
.min:before {content: " "; position: absolute;left:0;top:0;right:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform: scaleY(.5);}
.after:after {content: ". "; position: absolute; left: 0; width: 100%; height: 1px; color: #d9d9d9;}
.min:after {content: " "; position: absolute; left: 0; width: 100%; height: 1px; color: #d9d9d9;}
/*清除浮动*/
.outer { zoom:1; } /*为了兼容性，因为ie6/7不能使用伪类，所以加上此行代码。*/
.outer:after { clear:both;content:'';display:block;width:0;height:0;visibility:hidden; }
.mt5{ margin-top:5px;}
.mb5{ margin-bottom:5px;}
.ml5{ margin-left:5px;}
.mr5{ margin-right:5px;}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}
.mt20{ margin-top:20px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}

.unline{ border-bottom:1px solid #eee;}
.indent { text-indent: 2em;}
.txt_left{ text-align:left;}
.txt_center{ text-align:center;}
.txt_right{ text-align:right;}
.line2{line-height: 22px; color: #999; font-size:14px; height: 44px; overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.pub_btn{ display:inline-block;text-decoration:none; cursor:pointer;transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moztransition:all 0.2s ease-in-out; height:36px; line-height:36px; border:none; background:none #ff7800; color:#ffffff; font-size:16px; text-align:center; font-family:"Microsoft YaHei"; opacity:1; filter:alpha(opacity=100);}
.pub_btn:hover,.long_btn:hover{ opacity:0.9;filter:alpha(opacity=90);}
.pub_btn.bg1{ background:#ff6600;}
.long_btn{height:40px; width:100%; display:inline-block; background:#ff7800 none; border:none 0; font-size:16px; color:#fff; text-align:center; line-height:40px; cursor:pointer;}

.overflow_clear{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.articleBox{ font-size:16px; line-height:30px;}
.articleBox p a{color:#f60;text-decoration:underline}
.articleBox p{margin:15px 0;text-indent: 2em; line-height: 30px;font-size: 14px;font-family: "Microsoft Yahei";}
.articleBox h2{padding-left: 30px;height: 40px;line-height: 40px; font-weight:bold; font-size:20px;}
.articleBox img {max-width: 100%;height: auto;margin: 10px 0px;}
/**/
.cl50 {padding-top:50px;*height: 50px;padding-bottom: 50px;}
.header {width: 100%;height: 50px; border-bottom: 1px solid #eee; background: #fff;*background-color: rgba(0,0,0,0.7);position: fixed; top: 0px; z-index: 100;}
.header .flmenu {color: #ffffff; height: 50px; font-size: 25px; text-align: center;width: 50px; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s;background: #fbfbfb;}
.header .flmenu:hover {background-color: rgba(255,255,255,0.2); cursor: pointer;}
.header .flmenu span{position: absolute; left: calc((100% - 25px) / 2); top: calc((100% - 1px) / 2); width: 25px; height: 1px; background-color:#000;}
.header .flmenu span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst;transform: translateY(4px) rotate(0deg);}
.header .flmenu span:nth-child(2){animation-duration: 0.5s; animation-fill-mode: both; animation-name: outsecond;transform: translateY(-4px) rotate(0deg);}
.header .flmenu.click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst;transform: translateY(4px) rotate(0deg);}
.header .flmenu.click span:nth-child(2){animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond;transform: translateY(-4px) rotate(0deg);}
.header .flmenu.click span:nth-child(3){display:none;}
.header .fr{width: 100%; text-align: center; margin-left: -50px;*position: relative;}
.header .fr a{font-size: 1.1rem; line-height: 50px;}
.header .fr a.t_phone{position: absolute; font-size: 1.6rem; width: 61px; right: 0px;}
@keyframes clickfirst {
  0% {transform: translateY(4px) rotate(0deg);}
  100% { transform: translateY(0) rotate(45deg);}
}	
@keyframes clicksecond {
  0% {transform: translateY(-4px) rotate(0deg);}
  100% { transform: translateY(0) rotate(-45deg);}
}
@keyframes outfirst {
  0% {transform: translateY(0) rotate(-45deg);}
  100% {transform: translateY(-4px) rotate(0deg);}
}	
@keyframes outsecond {
  0% {transform: translateY(0) rotate(45deg);}
100% { transform: translateY(4px) rotate(0deg);}
}
.mobile_menu_nav {display: none;background-color: rgba(0,0,0,0.9); width: 100%; position: absolute; top: 50px; left: 0px; padding-top: 30px; padding-bottom: 80px; display: none;}
.mobile_menu_nav a{display: inline-block; line-height: 50px; text-decoration: none; width: 80%; margin-left: 10%; color: #FFFFFF; border-bottom: solid 1px rgba(255,255,255,0.3); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-weight: 300;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}	
.mobile_menu_nav:hover a{color: rgba(255,255,255,0.4);border-bottom: solid 1px rgba(255,255,255,0.2);}
@-webkit-keyframes returnToNormal {
  0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes returnToNormal {
  0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}
/**/
/*第二种导航效果*/
.mobile_menu_nava {*display: none; background-color: rgba(58, 58, 58, 0.9); width: 50%; height: 100%; position: fixed;left:-100%;top: 50px;}
.mobile_menu_nava a {display: inline-block; line-height: 50px; text-decoration: none; width: 80%; margin-left: 10%; color: #FFFFFF; border-bottom: solid 1px rgba(255,255,255,0.3);}
/*第三种导航效果*/
.mobile_menu_navb {*display: none; background-color: rgba(58, 58, 58, 0.9); width: 50%; height: 100%; position: fixed;left:-100%;top:0px;}
.mobile_menu_navb a {display: inline-block; line-height: 50px; text-decoration: none; width: 80%; margin-left: 10%; color: #FFFFFF; border-bottom: solid 1px rgba(255,255,255,0.3);}/*
.mobile_menu_navb span {display: block; position: absolute; right: 5px; top: 5px; color: #fff; font-size: 20px;}*/
.mobile_menu_navb span {display: block; position: absolute; left: 100%; top: 0px; color: #fff; font-size: 20px; width: 100%; background: rgba(49, 49, 49, 0.06); height: 100%; z-index: 1000;}
/*第四种导航效果*/
.mobile_menu_navc {*display: none; background-color: rgba(58, 58, 58, 0.9); width: 50%; height: 100%; position: fixed;right:-100%;top:0px;}
.mobile_menu_navc a {display: inline-block; line-height: 50px; text-decoration: none; width: 80%; margin-left: 10%; color: #FFFFFF; border-bottom: solid 1px rgba(255,255,255,0.3);}/*
.mobile_menu_navc span {display: block; position: absolute; right: 5px; top: 5px; color: #fff; font-size: 20px;}*/
.mobile_menu_navc span {display: block; position: absolute; right: 100%; top: 0px; color: #fff; font-size: 20px; width: 100%; background: rgba(49, 49, 49, 0.06); height: 100%; z-index: 1000;}
.nav_logo {border-bottom: 1px solid #737373;}
.nav_logo img {display:block;width:40%;margin:20px auto 5px;}
/*底部样式*/
.footer {height:auto;overflow:hidden;}
.footer p {text-align: center; line-height: 50px; color: #999;}
/*客服样式A*/
.bg_f60 {background: #f60;}
.bg_f60s {background: #dd433b;}
.sqtela {height: 40px;margin: 10px 0px;}
.sqtela a {display: block; width: 48% !important; float: left; margin: 4px 1%; font-size: 16px; vertical-align: middle; color: #fff; text-align: center; white-space: nowrap; border: 1px solid rgba(0,0,0,0.07); border-radius: 5px; cursor: pointer; outline: 0; box-sizing: border-box; height: 40px; line-height: 40px;}
/**/
/*表单*/
.formbd {background:#fff;}
.fform {height:auto;overflow:hidden;}
.fform ul {height:auto;overflow:hidden;}
.fform ul li {height:46px; width:85%; margin:5px auto; list-style: none;}
.fform ul li input {width: 100%; height:46px; line-height:46px;}
.fform ul li select {width: 100%; height:46px; line-height:46px;color:#999;background: none;}
.fform ul li option {width: 100%; height:46px; line-height:46px;color:#999;background: none;}
.fform  a.btn_free {display: block; width:50% !important; height: 40px; margin: 10px auto; font-size: 16px; line-height: 40px; text-align: center; color: #fff; background: #E16D01; float: inherit !important; border-radius: 10px;}
/*底部浮窗*/
.cart {*height:50px;background: #fff;border-top: 1px solid #DADADA;position: fixed;bottom: 0px;width:100%;left: 0px;z-index: 100;}
.cart .cart_my{width: 50%;*height: 50px;}
.cart .cart_my:nth-child(1){background: #E76D24;}
.cart .cart_my:nth-child(2){background: #DE1F2C;}
.cart .cart_my a img{display: block;width: 100%; *height: 50px;}
.cart .cart_my a{display: block;text-align: center;line-height: 50px;color: #fff;font-size: 1.1rem;}
.cart .cart_my a i{margin: 0px 12px;}
/*2*/
.cartcar {position: fixed; bottom: 0; z-index: 10; display: flex; width: 100%; background-color: #f7f7fa;}
.cartcar:before {content: " "; position: absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #c0bfc4;color:#c0bfc4;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform: scaleY(.5);}
.cartcar .weui-tabbar__item {position: relative;display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding: 5px 0 0; font-size: 0; color: #999; text-align: center; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.cartcar .weui-tabbar__item .weui-tabbar__icon {display: inline-block; width: 27px; height: 27px;}
.cartcar .weui-tabbar__item .weui-tabbar__icon img{width: 100%; height: 100%;}
.cartcar .weui-tabbar__item span.weui-badge{position: absolute; top: 4px; right: 1.2em; animation-fill-mode: both; -webkit-animation-name: weui_badge; animation-name: weui_badge; animation-duration: 2.2s; -webkit-animation-duration: 2.2s; animation-delay: .5s; -webkit-animation-delay: .5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; animation-direction: alternate;display: inline-block; padding: .15em .4em; min-width: 8px; border-radius: 18px; background-color: #f43530; color: #fff; line-height: 1.2; text-align: center; font-size: 12px; vertical-align: middle;}
.cartcar .weui-tabbar__item .weui-tabbar__label{text-align: center; color: #999; font-size: 10px; line-height: 1.8;color: #70788c !important;}
/*icon UI图标*/
.ico{display:inline-block; font-size:0; vertical-align:middle; background-repeat:no-repeat; background-origin:content-box;}
/*以上为通用样式部分*/
/*banner开始*/
/*自适应banner*/
.mobanner {height:auto;overflow:hidden;}
.mobanner img {display:block;width:100%;height:auto;margin:0px auto;}
/*自适应banner*/
.banner{ width:100%; text-align:center; overflow:hidden;}
/*banner动画*/
.flashBox{position:relative;margin:0 auto;overflow:hidden;width: 100%;height:220px}
.flashBox ul{width:100%;position:absolute;left:0;top:0;z-index:1;}
.flashBox ul li{width:100%;height:220px;position:absolute;top:0;left:0;display:none;}
.flashBox ul li:first-child{display:block;}
.flashBox ul li>a,.flashBox ul li>div{width:100%;height:220px;display: block;background-position: top center;background-repeat: repeat;background-size: cover}
.bannerBtn{position: absolute;top:50%;margin-top: -30px;width: 100%;z-index: 3;}
.bannerBtn .w1000{position: relative}
.bannerBtn a{position: absolute;width: 40px;height:60px;background: rgba(0, 0, 0, 0.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);z-index: 99;display: none}
.bannerBtn a.prev{left:20px;}
.bannerBtn a.prev:after{position:absolute; left:15px; top:50%; margin-top:-10px; content:''; width:20px; height:20px; border-bottom:2px solid #fff;border-left:2px solid #fff; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.bannerBtn a.next{right:20px;}
.bannerBtn a.next:after{position:absolute; right:15px; top:50%; margin-top:-10px; content:''; width:20px; height:20px; border-bottom:2px solid #fff;border-right:2px solid #fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.flashBox ol{z-index:2;width:100%;text-align:center;position:absolute;bottom:10px}
.flashBox ol li{width:20px;height:20px;margin:0 10px;display:inline-block;background:#fff;line-height:20px;text-align:center;border-radius: 100px;cursor:pointer;text-indent: -99999px; overflow:hidden;}
.flashBox ol .active{background-color: #ff9900;}
.flashBox ul li .warp{position:relative;height:220px;}
.flashBox ul li .warp img{position: absolute;}
/*动画部分*/
.wxBanner1 .img1{left: 50%;margin-left: -385px;top: 69px; -webkit-animation: zoomInDown 1.5s 0s ease both;-moz-animation: zoomInDown 1.5s 0s ease both;animation: zoomInDown 1.5s 0s ease both;}
.wxBanner1 .img2{left: 50%;margin-left: -222px;top:299px; -webkit-animation: bounceInLeft 1s 1s ease both;-moz-animation: bounceInLeft 1s 1s ease both;animation: bounceInLeft 1s 1s ease both;}
.wxBanner1 .img3{left: 50%;margin-left: -309.5px;top:370px; -webkit-animation: flipInY 1s .8s ease both;-moz-animation: flipInY 1s .8s ease both;animation: flipInY 1s .8s ease both;}
.wxBanner2 .img1{left: 50%;margin-left: -230px;top:92px; -webkit-animation: zoomInDown 1.5s 0s ease both;-moz-animation: zoomInDown 1.5s 0s ease both;animation: zoomInDown 1.5s 0s ease both;}
.wxBanner2 .img2{left: 50%;margin-left: -124px;top:162px; -webkit-animation: zoomInDown 1.5s 0.2s ease both;-moz-animation: zoomInDown 1.5s 0.2s ease both;animation: zoomInDown 1.5s 0.2s ease both;}
.wxBanner2 .img3{left: 50%;margin-left: -264px;top:225px; -webkit-animation: zoomInDown 1.5s 0.3s ease both;-moz-animation: zoomInDown 1.5s 0.3s ease both;animation: zoomInDown 1.5s 0.3s ease both;}
.wxBanner2 .b2btn{left: 50%;margin-left: -112.5px;top:316px; -webkit-animation:bounceInUp 1s .5s ease both;-moz-animation:bounceInUp 1s .5s ease both;animation:bounceInUp 1s .5s ease both;}
.wxBanner2 .img5{left: 50%;margin-left: -545px;top:162px; -webkit-animation: bounceInLeft 1s 1s ease both;-moz-animation: bounceInLeft 1s 1s ease both;animation: bounceInLeft 1s 1s ease both;}
.wxBanner2 .img6{left: 50%;margin-left: 281px;top:172px; -webkit-animation: wind 1.5s 0s ease infinite;-moz-animation: wind 1.5s 0s ease infinite;animation: wind 1.5s 0s ease infinite;}
.wxBanner3 .img1{left: 50%;margin-left: -251px;top: 158px; -webkit-animation: zoomInDown 1.5s 0s ease both;-moz-animation: zoomInDown 1.5s 0s ease both;animation: zoomInDown 1.5s 0s ease both;}
.wxBanner3 .img2{left: 50%;margin-left: -251px;top: 261px; -webkit-animation: zoomInDown 1.5s 0.5s ease both;-moz-animation: zoomInDown 1.5s 0.5s ease both;animation: zoomInDown 1.5s 0.5s ease both;}
.wxBanner3 .b3btn{left: 50%;margin-left: -69px;top: 384px; -webkit-animation:bounceInUp 1s .8s ease both;-moz-animation:bounceInUp 1s .8s ease both;animation:bounceInUp 1s .8s ease both;}

@-webkit-keyframes zoomInDown{
    0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
	60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 	}
}
@keyframes zoomInDown{
    0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
	60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 	}
}

@-webkit-keyframes bounceInLeft{
    0%{opacity: 0;-webkit-transform: translateX(-2000px);}
	60%{opacity: 1;-webkit-transform: translateX(30px);}
	80%{-webkit-transform: translateX(-10px);}
	100%{-webkit-transform: translateX(0);}
}
@-moz-keyframes bounceInLeft{
    0%{opacity: 0;-moz-transform: translateX(-2000px);}
	60%{opacity: 1;-moz-transform: translateX(30px);}
	80%{-moz-transform: translateX(-10px);}
	100%{-moz-transform: translateX(0);}
}
@-o-keyframes bounceInLeft{
    0%{opacity: 0;-o-transform: translateX(-2000px);}
	60%{opacity: 1;-o-transform: translateX(30px);}
	80%{-o-transform: translateX(-10px);}
	100%{-o-transform: translateX(0);}
}
@keyframes bounceInLeft{
    0%{opacity: 0;transform: translateX(-2000px);}
	60%{opacity: 1;transform: translateX(30px);}
	80%{transform: translateX(-10px);}
	100%{transform: translateX(0);}
}

@-webkit-keyframes flipInY{
    0%{-webkit-transform: perspective(400px) rotateY(90deg);opacity: 0;}
	40%{-webkit-transform: perspective(400px) rotateY(-10deg);}
	70%{-webkit-transform: perspective(400px) rotateY(10deg);}
	100%{-webkit-transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@-moz-keyframes flipInY{
    0%{-moz-transform: perspective(400px) rotateY(90deg);opacity: 0;}
	40%{-moz-transform: perspective(400px) rotateY(-10deg);}
	70%{-moz-transform: perspective(400px) rotateY(10deg);}
	100%{-moz-transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@-o-keyframes flipInY{
    0%{-o-transform: perspective(400px) rotateY(90deg);opacity: 0;}
	40%{-o-transform: perspective(400px) rotateY(-10deg);}
	70%{-o-transform: perspective(400px) rotateY(10deg);}
	100%{-o-transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@keyframes flipInY{
    0%{transform: perspective(400px) rotateY(90deg);opacity: 0;}
	40%{transform: perspective(400px) rotateY(-10deg);}
	70%{transform: perspective(400px) rotateY(10deg);}
	100%{transform: perspective(400px) rotateY(0deg);opacity: 1;}
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
    }
    80% {
        -webkit-transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(-30px);
    }
    80% {
        -moz-transform: translateY(10px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -o-transform: translateY(-30px);
    }
    80% {
        -o-transform: translateY(10px);
    }
    100% {
        -o-transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        transform: translateY(-30px);
    }
    80% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes wind{
    0%{-webkit-transform: translateY(-10px);}
	25%{-webkit-transform: translateY(0px);}
	50%{-webkit-transform: translateY(10px);}
    75%{-webkit-transform: translateY(0px);}
	100%{-webkit-transform: translateY(-10px);}
}

@-moz-keyframes wind{
    0%{-webkit-transform: translateY(-10px);}
	25%{-webkit-transform: translateY(0px);}
	50%{-webkit-transform: translateY(10px);}
    75%{-webkit-transform: translateY(0px);}
	100%{-webkit-transform: translateY(-10px);}
}

@-o-keyframes wind{
    0%{-webkit-transform: translateY(-10px);}
	25%{-webkit-transform: translateY(0px);}
	50%{-webkit-transform: translateY(10px);}
    75%{-webkit-transform: translateY(0px);}
	100%{-webkit-transform: translateY(-10px);}
}

@keyframes wind{
    0%{-webkit-transform: translateY(-10px);}
	25%{-webkit-transform: translateY(0px);}
	50%{-webkit-transform: translateY(10px);}
    75%{-webkit-transform: translateY(0px);}
	100%{-webkit-transform: translateY(-10px);}
}
/*banner动画end*/