@charset "UTF-8";
/*
CSS Reset
*/
/*布局（grid）（.g-）；模块（module）（.m-）；元件（unit）（.u-）；功能（function）（.f-）；皮肤（skin）（.s-）；状态（.z-）*/
/* reset */
html { height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased!important;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin:0; padding:0;}
body,button, input, select, textarea {font: 12px/1 "Microsoft YaHei","微软雅黑","arial","tahoma","MicrosoftJhengHei";  -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased!important;/* 用 ascii 字符表示，使得在任何编码下都无问题 */}
input.form-control{font:"Microsoft YaHei","微软雅黑","arial","tahoma","MicrosoftJhengHei";}
body {  min-height:100%; height:auto !important; height:100%;}
img { border:0; vertical-align:middle; -ms-interpolation-mode:bicubic;}
a {text-decoration:none; background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */}
a.focus, a:focus{outline:0;}
a.active.focus, a.active:focus, a.active:hover, a.focus:active, a:focus:active, a:hover:active, .open > a.dropdown-toggle.focus, .open > a.dropdown-toggle:focus, .open > a.dropdown-toggle:hover{outline:0;text-decoration:none;font-weight:400;}
a:hover {text-decoration:none;cursor:pointer; -webkit-transition:all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear; }
a:active,a:visited{text-decoration:none;}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover{}


h1 { font-size:16px; line-height:36px;}
h2 { font-size:14px; line-height:30px;}
h3 { line-height:24px;}
h3,h4,h5,h6 { font-size:12px;}
ul,li,ol { margin:0; padding:0; list-style:none outside none;}
ul.has-style li,ol li { margin-left:25px;}
ul.has-style li { list-style:disc;}
ol li { list-style:decimal;}
ul.inline-style li { float:left; display:inline;}
dl { margin-bottom:18px;}
dt { font-weight:bold;}
dd { margin:0 0 0 9px; padding:0;}
svg:not(:root) { overflow:hidden;}
pre { margin:0; white-space:pre-wrap; white-space:-moz-pre-wrap !important; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;}

/*- Form -*/
button,input,select,textarea { font-size:100%; font-family:tahoma; margin:0; outline:0 none; vertical-align:baseline; *vertical-align:middle;}
textarea { overflow:auto; vertical-align:top; resize:none;}
button,input { line-height:normal; }
button.active.focus, button.active:focus, button.active:hover, button.focus:active, button:focus:active, button:hover:active, .open > button.dropdown-toggle.focus, .open > button.dropdown-toggle:focus, .open > button.dropdown-toggle:hover{outline:0;}
button,html input[type="button"],input[type="reset"],input[type="submit"],.submit-btn { -webkit-appearance:button; cursor:pointer; *overflow:visible;}
button[disabled],input[disabled],.disable { cursor:default;}
input[type="checkbox"],input[type="radio"],.form-radio,.form-checkbox { box-sizing:border-box; padding:0; *height:13px; *width:13px;}

/*- Html5 -*/
fieldset { border:1px solid #c0c0c0; margin:0 2px 18px; padding:0.35em 0.625em 0.75em;}
legend { border:0; padding:0; white-space:normal; *margin-left:-7px;}
button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display:block;}
audio,canvas,video { display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) { display:none; height:0;}
nav ul,nav ol { list-style:none; list-style-image:none;}
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit- search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance:none;}
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */font: inherit; /* 2 */}
abbr[title] {border-bottom: none; /* 1 */text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */}

/*- Add the correct display in IE. -*/
template {display: none;}
/*- Hidden Add the correct display in IE 10-. -*/
[hidden] {display: none;}


/*scrollbar*/
::-webkit-scrollbar{width:6px;height: 6px;}
::-webkit-scrollbar-track-piece{margin-right:10px; background-color:#EEE; -webkit-border-radius:8px;}
::-webkit-scrollbar-thumb:vertical{height:8px; background-color:#DDD; -webkit-border-radius:8px;}
::-webkit-scrollbar-thumb:horizontal{ width:6px; background-color:#EEE; -webkit-border-radius:8px;}

.box{  }
#banner{   position: relative; height:auto; overflow: hidden; }
 #banner ul{ position:absolute; }
  #banner ul li{ float: left; }
  #banner ul li img{  width: 100%;  height: 100%; }
  #banner #prevBtn,#banner #nextBtn{
    height:80px;
    width:30px;
    background:rgba(0,0,0,0.5);
    position:absolute;
    top:50%;
    margin-top:-40px;
    font-size:30px;
    line-height:80px;
    text-align:center;
    text-decoration:none;
    color:white;
    opacity: 0;
    transition: opacity 0.8s ease;
  }
  #banner #prevBtn{  left:0;  }
  #banner #nextBtn{   right:0; }
  #banner:hover #prevBtn,#banner:hover #nextBtn{  opacity: 1; }
  .dot{  height:10px;  width:10px; border-radius:10px; background:#FF0000; display:inline-block; margin:5px; }
  .on{  background: #FFA500; }
/*------ function ------*/
/*- f-clearfix -*/
.f-clearfix:before,.f-clearfix:after,.clearfix:before,.clearfix:after,.f_clearfix:before,.f_clearfix:after { content:""; display:table;}
.f-clearfix:after,.clearfix:after,.f_clearfix:after { clear:both; overflow:hidden;}
.f-clearfix,.clearfix,.f_clearfix  { zoom:1;}

/*- Float -*/
.f-left { float:left;}
.f-right { float:right;}
.f-no-float{float:none !important;}

/*- Block -*/
.f-hide{display:none !important;}
.f-inline {display:inline !important;}
.f-inlineblock{display:inline-block !important;}
.f-block{display:block;}
.f-display-table{display:table;}
.f-table-cell{display:table-cell;}
.f-middle{ vertical-align:middle !important; }

/*- Overflow -*/
.f-break{word-break:break-all; word-wrap:break-word;}
.f-ellipsis{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.f-overflow{overflow:hidden;}
.f-no-overflow{overflow:initial !important;}

/*- position -*/
.f-fixed{position:fixed !important; z-index:99;}
.f-relative{position:relative;}
.f-absolute{position:absolute;}

/*- scroll -*/
.f-scroll-y{overflow-y:scroll;}

/*- Text -*/
.text-large{font-size:18px !important;}
.text-xlarge{font-size:24px !important;}
.text-middle{font-size:16px !important;}
.text-normal{font-size:14px !important;}
.text-small{font-size:12px !important;}
.text-xsmall{font-size:11px !important;}
.strong{ font-weight:700 !important;}
.thin{font-weight:400 !important;}
.fz-12{font-size:12px !important;}
.fz-14{font-size:14px !important;}
.fz-16{font-size:16px !important;}
.fz-18{font-size:18px !important;}

/*- Text-align -*/
.text-left{ text-align:left !important;}
.text-right{ text-align:right !important;}
.text-center{ text-align:center !important;}
.text-middleAlign{ vertical-align:middle !important; }

/*- Text-Decoration -*/
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}

/*- Border -*/
.border{border:1px inherit solid}
.border-top{border-top:1px inherit solid !important;}
.border-right{border-right:1px inherit solid !important;}
.border-bottom{border-bottom:1px inherit solid !important;}
.border-left{border-left:1px inherit solid !important;}
.border-none{border:none !important;}
.border-top-none{border-top:none !important;}
.border-right-none{border-right:none !important;}
.border-bottom-none{border-bottom:none !important;}
.border-left-none{border-left:none !important;}
.border-dashed{border-style:dashed !important;}

/*- Border Radius -*/
.radius{-moz-border-radius:4px !important;-webkit-border-radius:4px !important; border-radius:4px !important;}
.radius-3{-moz-border-radius:3px !important;-webkit-border-radius:3px !important;border-radius:3px !important;}
.radius-2{-moz-border-radius:2px !important;-webkit-border-radius:2px !important;border-radius:2px !important;}
.radius-50{-moz-border-radius:50px !important;-webkit-border-radius:50px !important;border-radius:50px !important;}
.radius-tl{-moz-border-top-right-radius:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;}
.radius-tr{-moz-border-top-left-radius:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;}
.radius-bl{-moz-border-bottom-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;}
.radius-br{-moz-border-bottom-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;}
.radius-0{-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;}
.radius-tl-0{-moz-border-top-left-radius:0px !important;-webkit-border-top-left-radius:0px !important;border-top-left-radius:0px !important;}
.radius-tr-0{-moz-border-top-right-radius:0px !important;-webkit-border-top-right-radius:0px !important;border-top-right-radius:0px !important;}
.radius-bl-0{-moz-border-bottom-left-radius:0px !important;-webkit-border-bottom-left-radius:0px !important;border-bottom-left-radius:0px !important;}
.radius-br-0{-moz-border-bottom-right-radius:0px !important;-webkit-border-bottom-right-radius:0px !important; border-bottom-right-radius:0px !important;}

/*- Background -*/
.background{background:#F9F9F9;}
.background-none{background:none !important;}

/*- Shadow -*/
.shadow-none{box-shadow:none; }

/*- Padding -*/
.f-p5{padding:5px;}
.f-pt5{padding-top:5px !important;}
.f-pr5{padding-right:5px !important;}
.f-pb5{padding-bottom:5px !important;}
.f-pl5{padding-left:5px !important;}
.f-p10{padding:10px;}
.f-pt10{padding-top:10px !important;}
.f-pr10{padding-right:10px !important;}
.f-pb10{padding-bottom:10px !important;}
.f-pl10{padding-left:10px !important;}
.f-p12{padding:12px;}
.f-pt12{padding-top:12px !important;}
.f-pr12{padding-right:12px !important;}
.f-pb12{padding-bottom:12px !important;}
.f-pl12{padding-left:12px !important;}
.f-p15{padding:15px;}
.f-pt15{padding-top:15px !important;}
.f-pr15{padding-right:15px !important;}
.f-pb15{padding-bottom:15px !important;}
.f-pl15{padding-left:15px !important;}
.f-p18{padding:18px;}
.f-pt18{padding-top:18px !important;}
.f-pr18{padding-right:18px !important;}
.f-pb18{padding-bottom:18px !important;}
.f-pl18{padding-left:18px !important;}
.f-p20{padding:20px;}
.f-pt20{padding-top:20px !important;}
.f-pr20{padding-right:20px !important;}
.f-pb20{padding-bottom:20px !important;}
.f-pl20{padding-left:20px !important;}
.f-p24{padding:24px;}
.f-pt24{padding-top:24px !important;}
.f-pr24{padding-right:24px !important;}
.f-pb24{padding-bottom:24px !important;}
.f-pl24{padding-left:24px !important;}
.f-p30{padding:30px;}
.f-pt30{padding-top:30px !important;}
.f-pr30{padding-right:30px !important;}
.f-pb30{padding-bottom:30px !important;}
.f-pl30{padding-left:30px !important;}
/*- padding none -*/
.f-p0{padding:0px !important;}
.f-pt0{padding-top:0px !important;}
.f-pr0{padding-right:0px !important;}
.f-pb0{padding-bottom:0px !important;}
.f-pl0{padding-left:0px !important;}

/*- Margin -*/
.f-m5{margin:5px;}
.f-mt5{margin-top:5px !important;}
.f-mr5{margin-right:5px !important;}
.f-mb5{margin-bottom:5px !important;}
.f-ml5{margin-left:5px !important;}
.f-m10{margin:10px;}
.f-mt10{margin-top:10px !important;}
.f-mr10{margin-right:10px !important;}
.f-mb10{margin-bottom:10px !important;}
.f-ml10{margin-left:10px !important;}
.f-m12{margin:12px;}
.f-mt12{margin-top:12px !important;}
.f-mr12{margin-right:12px !important;}
.f-mb12{margin-bottom:12px !important;}
.f-ml12{margin-left:12px !important;}
.f-m15{margin:15px;}
.f-mt15{margin-top:15px !important;}
.f-mr15{margin-right:15px !important;}
.f-mb15{margin-bottom:15px !important;}
.f-ml15{margin-left:15px !important;}
.f-m18{margin:18px;}
.f-mt18{margin-top:18px !important;}
.f-mr18{margin-right:18px !important;}
.f-mb18{margin-bottom:18px !important;}
.f-ml18{margin-left:18px !important;}
.f-m20{margin:20px;}
.f-mt20{margin-top:20px !important;}
.f-mr20{margin-right:20px !important;}
.f-mb20{margin-bottom:20px !important;}
.f-ml20{margin-left:20px !important;}
.f-m30{margin:30px;}
.f-mt30{margin-top:30px !important;}
.f-mr30{margin-right:30px !important;}
.f-mb30{margin-bottom:30px !important;}
.f-ml30{margin-left:30px !important;}
/*- Margin none -*/
.f-m0{margin:0px !important;}
.f-mt0{margin-top:0px !important;}
.f-mr0{margin-right:0px !important;}
.f-mb0{margin-bottom:0px !important;}
.f-ml0{margin-left:0px !important;}

/*- Cursor -*/
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}

/*- about smart -*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:0;filter:alpha(opacity:0)}
.smvContainer{margin:0 auto;position:relative}
.context-menu-list{margin:0;padding:0;min-width:180px;max-width:250px;display:inline-block;position:absolute;list-style-type:none}
.context-menu-item{position:relative}
.control-add-flag{cursor:crosshair!important}
.yibuFrameContent{height:100%}
.smartAbs{position:absolute}
.smartFixed{position:fixed!important}
.smart-deleted,.smart-none{display:none;}
.sm-context-menu{background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.15),0 0 1px 1px rgba(0,0,0,.1);content:'';position:absolute;line-height:1.2;padding-top:0;padding-bottom:0;cursor:default;margin:0;font-size:15px;overflow:visible;border-radius:3px}
div.zoomDiv{z-index:999999999;position:absolute;top:0;left:0;width:200px;height:200px;background:#fff;border:1px solid #CCC;display:none;text-align:center;overflow:hidden}
div.zoomMask{position:absolute;background:url(/Content/images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:999999999}
.ui-hide-handler{display:none!important;}

/*- 页面模板布局 -*/
.header {height: 200px;width: 1000px; height: 80px;  position: relative; margin: 0 auto}
.footer {height: 200px;}
.logo{position: absolute;z-index: 1; padding-top: 22px;}
.logo img{ width: 189px; height:33px;;}
.main-layout-wrapper {position: relative;}
.main-layout {position: relative;margin: 0 auto;}
.col-main {float: left;width: 100%;min-height: 1px;}
.col-right {margin-left: -100% !important;overflow: visible;width: 190px;float: right;}
/*.main-layout .main-wrap {margin-right: 190px;}*/
.main-wrap:after {content: '\20';display: block;height: 0;clear: both;}
.sub-wrap {position: relative;width: 100%;}

/*-  所有容器类控件 -*/
.smAreaC{position:relative; }

/*-widget nodata -*/
.m-nodata{padding:12px 14px 12px 10px; border:1px #EEE solid; background-color:#FFF; }
.m-nodata .m-datain{display:table;}
.m-nodata .m-datain .m-dataimg{width:60px; height:auto; float:left; margin-right:6px;}
.m-nodata .m-datain .m-datatext{display:table-cell; vertical-align:middle;line-height:18px; color:#4a4a4a;}


/* 字体颜色 css */
.cf{color:#fff !important}
.c0{color:#000 !important}
.c3{color:#333 !important}
.c6{color:#666 !important}
.c9{color:#999 !important}
.cc{color:#ccc !important}

.kefu{ background: #fff; width: 140px; border: 1px solid #7ccaf0; position: fixed; top:50%; padding: 20px;right: 2px; border-radius: 3px;box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 99999999;  }
.kefu .name{text-align: center; font-size: 18px; padding:0 0 20px 0; margin-top: -30px;}
.kefu .tx{ margin-left: 17.5%; position: absolute; top: -60px; width: 80px; height: 80px; text-align: center;}

.kefu .tx img{width: 80px; height: 80px; border-radius: 50%; border: 1px solid #7ccaf0; padding: 5px; background: #FFF;box-shadow: 0 6px 12px rgba(47, 226, 255, 0.2);}
.kefu .dh,.kefu .qq,.kefu .wx{width: 20px; height: 20px; display: inline-block;vertical-align: sub;padding-right: 20px;}
.kefu .dh{  background: url(../img/dh.png) no-repeat; background-size:20px;}
.kefu .qq{  background: url(../img/qq.png) no-repeat; background-size:20px;}
.kefu .wx{  background: url(../img/wx.png) no-repeat; background-size:20px;}
.kefu .qq_button{ width: 90px; height: 23px; background: url(../img/qq_icon.png) no-repeat; vertical-align: sub; background-size:90px ; display: inline-block; margin-right: 2px;}
.kefu .tx{   position: relative;}
.kefu .tx img {  }
.front, .back {
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
}

/*---定义图片翻转动画---*/
@keyframes toback {
    0% {transform: rotateY(0deg);}
    50% {transform: rotateY(180deg);}
    100% {transform: rotateY(360deg);}
}
@keyframes tofront {
    0% {transform: rotateY(-180deg);}
    50% {transform: rotateY(0deg);}
    100% {transform: rotateY(180deg)}
}

.front {
    animation: toback 4s infinite;
}
.back {
    animation: tofront 4s infinite;
}
/*---在外部加边框和阴影---*/
.front, .back {
    
}


.w-category-list-title_on{background-color: rgb(0, 0, 0); cursor: pointer; display: block;border-radius: 30px; height: 52px; line-height: 52px; margin: 0 3px;font-size: 14px; color: #fff; font-weight: 400;  text-decoration: none; text-align: center;}
.w-category-list-title_on:hover{background:#FF0000; color: #000; }

.w-category-list-title{background:#27ae60; border-radius: 30px;display: block;color: #fff;font-size: 14px; cursor: pointer;height: 52px; line-height: 52px; margin: 0 3px;font-size: 14px; font-weight: 400;  text-decoration: none; text-align: center;}

.w-category-list-title:hover{background:#FF0000;color: #000; }

.smvWrapper{ width: 1000px; margin: 0 auto;}
.w-category-list li{ float: left; width: 25%;}
.w-category-list:before{ content: ""; display: block;clear: both;}
.clear{clear: both;}


.w-list-ul li{ margin-bottom: 30px; line-height: 40px; font-size: 20px; color: #999;}
.w-list-ul li img{ width: 100%;}
.w-line{ width: 100%; height: 1px; border-bottom: 1px solid #eee;}

.new_text{ font-size: 16px; color: #404040; line-height: 25px; padding: 30px 0;}
.new_text img{ max-width: 1000px; margin: 10px 0;}
.fanye{ width: 100%; font-size: 12px; padding-bottom: 30px;}
.fanye:after{ content: ""; width: 100%; height: 1px; display: inline-block; clear: both; }
.fanye a{ color: #666;}
.fanye a:hover{ color: #5ebaf8;}
.fl_l{ float: left;}
.fl_r{ float: right;}
.current{background:#E22434; color: #fff;}
.current:hover{background:#3cc777; color: #fff;}
.cpzs{ width: 100%; display: block;}
.cpzs:after{ content: ""; height: 1px; width: 100%; clear: both; display: inline-block;}
.cpzs li{ width: 31%; margin: 0 1% 1% 0; padding: 0; position: relative; cursor: pointer;display: inline-table;}
.cpzs li:hover .shuoming{ display: block;}
.cpzs li .shuoming{ display: none; background: rgba(0,0,0,.6); width: 100%; height: 100%;  position: absolute;top: 0; left: 0; color: #FFFFFF; font-size: 18px; text-align: center; line-height: 40px;
					    transition: all 0.25s ease-in-out;}
.cpzs li .shuoming h1{ padding-top: 120px; padding-bottom: 10px; font-size: 30px; font-weight: 200;}
.cpzs li img{ width:100%;}
.cpzs_ditle{width: 100%; display: block; padding-bottom: 50px;}
.cpzs_ditle img{ margin-bottom: 20px;}


.linwx{ position: relative;}
.linwx .linwx-bg{display: none;}
.linwx:hover .linwx-bg{display: block; position: absolute; top: -144px; left: -216px;z-index: 99999; width: 220px; height: 220px;}
.linwx-ne{ background: #fff; width: 150px; height: 150px; border: 10px solid #FFFFFF;box-shadow:1px 1px 9px #0000003d ; text-align: center; padding: 10px;}
.linwx-ne img{ width: 150px; height: 150px;}
.sed_banner{ width: 100%; display: block;height: 250px; box-shadow:0px 8px 10px rgba(0,0,0, .12);}
.btnTop {position:fixed;bottom:137px;right:55px;background:#7ccaf0;font:700 14px/24px "";color:#fff;border:0px; width: 70px; height: 70px; border-radius: 50%; line-height: 18px;z-index: 99;}
.dh,.linwx{ cursor:pointer}
/*动画*/
/*底部进入*/
.button_in{
-webkit-animation:bounceInUp 1s .2s ease both;
-moz-animation:bounceInUp 1s .2s ease both;}
@-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)}
}

/*顶部进入*/
.top_in{
-webkit-animation:bounceInDown 1s .2s ease both;
-moz-animation:bounceInDown 1s .2s ease both;}
@-webkit-keyframes bounceInDown{
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 bounceInDown{
0%{opacity:0;
-moz-transform:translateY(-2000px)}
60%{opacity:1;
-moz-transform:translateY(30px)}
80%{-moz-transform:translateY(-10px)}
100%{-moz-transform:translateY(0)}
}


/*中间进入*/
.cont_in{
-webkit-animation:bounceIn 1s .2s ease both;
-moz-animation:bounceIn 1s .2s ease both;}
@-webkit-keyframes bounceIn{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}
}

.left_in{
-webkit-animation:bounceInLeft 1s .2s ease both;
-moz-animation:bounceInLeft 1s .2s ease both;}
@-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)}
}

.danru{
-webkit-animation:fadeInUp 1s .2s ease both;
-moz-animation:fadeInUp 1s .2s ease both;}
@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}