@charset "gb2312";
*{margin:0;padding:0;}
ol,ul,li{list-style:none;}
body{ color:#333333; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:14px; line-height:200%;}
a{ color:#333333; text-decoration:none;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;transition:all ease 300ms}
a:hover{ color:#FF6600;}
input,button,select,textarea{ outline:none;}
img{ border:none;}
.cr{float:right;}
.cl{float:left;}

#wrapper{ padding:0; margin:0 auto;}
.header{ height:117px; background:url(../images/headBg.jpg) repeat-x;}
.top{ height:32px; width:1150px; margin:0 auto; color:#97C1E9; overflow:hidden; line-height:32px;}
.top span{background:url(../images/ico-home.png) left center no-repeat;padding-left:25px;font-size:14px; font-weight:normal; float:left; height:32px;}
.topnav{ float:right;}
.topnav div{ width:84px; border-left:1px solid #244e86; border-right:1px solid #244e86; float:left; height:32px; text-align:center;}
.topnav .div2{ border-left:none;}
.topnav a{ color:#dfdfdf; text-decoration:none;}
.topnav a:hover{ color:#eeeeee;}
.lmbox{ clear:both; height:85px; width:1150px; margin:0 auto; overflow: hidden;}
.logo{ height:85px; width:220px; float:left;}
.menu{ height:85px; width:918px; float:right;}
.menu li{ height:85px; width:100px; float:left; margin-left:2px;}
.menu li a{ display:block;padding-top:50px; line-height:32px; text-align:center; color:#FFFFFF; height:35px;}
.menu li #menu1{ background:url(../images/Menu1.gif) no-repeat;}
.menu li #menu2{ background:url(../images/Menu2.gif) no-repeat;}
.menu li #menu3{ background:url(../images/Menu3.gif) no-repeat;}
.menu li #menu4{ background:url(../images/Menu4.gif) no-repeat;}
.menu li #menu5{ background:url(../images/Menu5.gif) no-repeat;}
.menu li #menu6{ background:url(../images/Menu6.gif) no-repeat;}
.menu li #menu7{ background:url(../images/Menu7.gif) no-repeat;}
.menu li #menu8{ background:url(../images/Menu8.gif) no-repeat;}
.menu li #menu9{ background:url(../images/Menu9.gif) no-repeat;}

.menu li #menu1:hover,.menu li #menu1.curr{ background:url(../images/Menu1_1.gif) no-repeat;}
.menu li #menu2:hover,.menu li #menu2.curr{ background:url(../images/Menu2_1.gif) no-repeat;}
.menu li #menu3:hover,.menu li #menu3.curr{ background:url(../images/Menu3_1.gif) no-repeat;}
.menu li #menu4:hover,.menu li #menu4.curr{ background:url(../images/Menu4_1.gif) no-repeat;}
.menu li #menu5:hover,.menu li #menu5.curr{ background:url(../images/Menu5_1.gif) no-repeat;}
.menu li #menu6:hover,.menu li #menu6.curr{ background:url(../images/Menu6_1.gif) no-repeat;}
.menu li #menu7:hover,.menu li #menu7.curr{ background:url(../images/Menu7_1.gif) no-repeat;}
.menu li #menu8:hover,.menu li #menu8.curr{ background:url(../images/Menu8_1.gif) no-repeat;}
.menu li #menu9:hover,.menu li #menu9.curr{ background:url(../images/Menu9_1.gif) no-repeat;}

.banner{ position: relative; width:100%; height:497px; overflow: hidden; }
.banner .pic li{ height:497px; display: block; width:100%;}
.pic dl{width:1000px;margin:0px auto;}
.pic dl a{display:block;width:185px;height:40px;margin-top:380px;margin-left:650px;}
.banner .prev,
.banner .next { width:45px; height:99px; position:absolute; top:191px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.banner .prev { background-image:url(../images/index.png); background-position:-112px 0; left:0 }
.banner .next { background-image:url(../images/index.png); background-position:-158px 0; right:0 }
.banner .prev:hover,
.banner .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }

.caseColumn{ height:570px; background:url(../images/caseColumnBg.jpg) no-repeat center;}
.caseDesc{ color:#FFFFFF; font-size:18px; line-height:180%; font-family:"微软雅黑"; text-align:center; padding-top:30px; padding-bottom:10px;}
.caseDesc span{ font-size:20px;}
.caseList{ overflow:hidden; width:1150px; margin:0 auto; overflow:hidden;}
.caseList li{ width:255px; height:160px; border:5px #FF9900 solid; float:left; margin:12px 11px; _margin:15px 10px; overflow:hidden;}
.caseList li:hover img,.caseImgList li:hover img{transform: scale(1.2, 1.2);transition: .3s transform;}
.morecase{ text-align:center; padding-top:8px;}
.morecase:hover img{transform: scale(1.1, 1.1);transition: .3s transform;}
.serverColumn{ padding:30px 0; width:1150px; margin:0 auto;}
.serverTitle{ font-size:24px; font-family:"微软雅黑"; color:#067cce; line-height:200%;}
.serverList{ overflow:hidden; padding-top:10px;}
.serverList li{ width:200px; padding:0 15px; float:left; text-align:center;}
.serverList li .serverText_cn{ font-size:18px; font-family:"微软雅黑"; padding-top:15px;}
.serverList li .serverText_en{ font-size:12px; font-family:"微软雅黑"; color:#8f8f8f;}
.serverList li img{border:1px #fff solid}
.serverList li:hover img{border:1px #ccc solid;transform: scale(1.2, 1.2);transition: .3s transform;}
.noline li:hover img{border:0px}
.red{color:#ff0000}

.clearfix:after{content:"";clear:both;font-size:0;line-height:0;display:block;width:100%;height:1px}
.ihead{width:100%;text-align:center;margin-bottom:40px}
.ihead h2{font-size:32px;color:#222;line-height:50px;margin-bottom:5px;font-weight:400}
.ihead h3{font-size:32px;color:#067CCE;line-height:50px;margin-bottom:5px;font-weight:400}
.ihead p{font-size:16px;line-height:30px;color:#666}
.iproduct{width:100%;background:#F3F3F3;padding:50px 0 40px}
.iproduct .list{width:1150px;margin:0 auto}
.iproduct li{float:left;width:240px;height:340px;padding:15px;border:1px solid #e1e1e1;background:#FFF;margin-left:20px;text-align:center}
.iproduct li:first-child{margin-left:0}
.iproduct h3{font-size:24px;line-height:60px;}
.iproduct li:hover h3{color:#FF6600}
.iproduct .icon{width:240px;height:160px;margin-bottom:10px;position:relative;overflow:hidden}
.iproduct .icon .a{position:absolute;left:0;top:0;z-index:2}
.iproduct .icon-1 .b{position:absolute;z-index:3;width:95px;height:70px;top:50px;left:135px}
.iproduct .icon-2 .b{position:absolute;z-index:3;width:34px;height:30px;top:40px;left:83px}
.iproduct .icon-2 .c{position:absolute;z-index:3;width:54px;height:48px;top:70px;left:130px}
.iproduct .icon-3 .b{position:absolute;z-index:3;width:47px;height:52px;top:55px;left:145px}
.iproduct .icon-4 .b{position:absolute;z-index:1;width:75px;height:75px;top:15px;left:88px}
.iproduct li:hover .icon-1 .b{-webkit-animation:sosCircle 1s linear infinite;-moz-animation:sosCircle 1s linear infinite;-ms-animation:sosCircle 1s linear infinite;animation:sosCircle 1s linear infinite}
.iproduct li:hover .icon-2 .b{-webkit-animation:bounceIn 1s linear infinite;-moz-animation:bounceIn 1s linear infinite;-ms-animation:bounceIn 1s linear infinite;animation:bounceIn 1s linear infinite}
.iproduct li:hover .icon-2 .c{-webkit-animation:bounceIn 1s linear .5s infinite;-moz-animation:bounceIn 1s linear .5s infinite;-ms-animation:bounceIn 1s linear .5s infinite;animation:bounceIn 1s linear .5s infinite}
.iproduct li:hover .icon-3 .b{-webkit-animation:fade 1s linear infinite;-moz-animation:fade 1s linear infinite;-ms-animation:fade 1s linear infinite;animation:fade 1s linear infinite}
.iproduct li:hover .icon-4 .b{-webkit-animation:rotate 1s linear infinite;-moz-animation:rotate 1s linear infinite;-ms-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}
.iproduct p{line-height:25px;color:#666;font-size:16px;margin-bottom:15px}
.iproduct a{display:block;width:100%;padding:8px 0;line-height:25px;font-size:18px;background:#199AD7;color:#fff}
.iproduct li:hover a{background:#FF6600;color:#fff}
.iproduct li:hover{border-color:#FF6600}

.hColumn{ height:268px; padding:25px 0; border-top:1px solid #dedede; background:url(../images/hcolumnbg.gif) repeat-x;}
.hColumnBox{ width:1150px; margin:0 auto; overflow:hidden;}
.hnews{ width:420px; padding-right:30px; height:268px; float:left; border-right:1px dotted #bebebe;}
.hnews ul{ overflow:hidden; padding-top:25px;}
.hnews ul li{ height:36px; line-height:36px; padding-left:15px; background:url(../images/infoIco.gif) no-repeat left center;}
.hnews ul li span{ float:right;}
.hPackage{ width:660px; height:268px; float:right; padding-right:10px;}
.slideTxtBox{ float:right; width:660px; height:220px; overflow:hidden; text-align:left; padding-top:25px;}
.slideTxtBox .hd{ height:28px; line-height:24px; font-size:12px;}
.slideTxtBox .hd ul{ overflow:hidden; zoom:1;}
.slideTxtBox .hd ul li{ float:left; width:94px; margin-right:10px;}
.slideTxtBox .hd ul li a{ display:block; text-align:center; background:url(../images/pkBg.gif) no-repeat; color:#fff; height:28px;}
.slideTxtBox .hd ul li a:hover{ text-decoration:none;}
.slideTxtBox .hd ul li.on a{ background:url(../images/pkCurrBg.gif) no-repeat;}
.slideTxtBox .bd{ padding:15px 0;}
.slideTxtBox .bd li{ line-height:24px; overflow:hidden;}
.tcImg{ height:160px; width:150px; margin-right:20px; float:left;border:1px #ddd solid}
.tcTxt{ margin-left:170px;}
.tcTxt .spanT{ font-weight:bold; color:#f66a0c;}
.tcTxt b{ font-weight:bold; color:#f66a0c;}

.hColumnTitle{ font-size:24px; font-family:"微软雅黑"; color:#067cce;}
.hColumnTitle span{ font-size:18px;}
.hColumnTitle img{ float:right;}

.footer{ clear:both; height:342px; background:#195ca1 url(../images/footBg.jpg) no-repeat center top;;}
.clBox{ width:1150px; margin:0 auto; height:313px;}
.footContact{ overflow:hidden; height:210px;}
.fcText{ width:520px; float:left; overflow:hidden; padding-top:28px; padding-right:35px;}
.phoneBox{ height:44px; background:url(../images/phoneIcon.png) no-repeat; padding-left:64px; font-size:30px; font-family:"微软雅黑"; color:#FFFFFF; line-height:44px;}
.ContBox{ padding-top:15px; color:#FFFFFF;}
.fcBox1{ padding-left:33px; background:url(../images/fIcon1.png) no-repeat 8px 8px; width:200px; float:left; line-height:30px;}
.fcBox2{ padding-left:33px; background:url(../images/fIcon2.png) no-repeat 8px 8px; width:250px; float:right; line-height:30px;}
.fcBox3{ padding-left:33px; background:url(../images/fIcon3.png) no-repeat 8px 8px; width:200px; float:left; line-height:30px;}
.fcBox4{ padding-left:33px; background:url(../images/fIcon4.png) no-repeat 8px 8px; width:250px; float:right; line-height:30px;}
.fcBox5{ padding-left:33px; background:url(../images/fIcon5.png) no-repeat 8px 8px; width:200px; float:left; line-height:30px;}
.fcImg{ padding-top:36px;}
.friendlink{ overflow:hidden; padding-top:8px;}
.friendlink li{float:left;margin-right:30px; height:30px; line-height:30px;}
.friendlink li a{ color:#FFFFFF;}
.friendlink li a:hover{ color:#FFFF00;}
.copyright{ height:28px; background:#013274; line-height:28px; color:#97C1E9; text-align:center;}

.ibanner{ width:100%; height:320px; overflow: hidden;}
.ibannerBox{ width:1150px; margin:0 auto; height:320px; overflow:hidden; font-family:"微软雅黑"; color:#FFFFFF;}
.webTitle{ font-size:36px; padding-top:40px; line-height:200%;}
.webTextAd{ font-size:20px; line-height:200%; height:100px;}
.webColumnNav{ overflow:hidden;}
.webColumnNav img{ margin-right:20px;}

.columnNavBox{ width:132px; height:37px; text-align:center; line-height:37px; float:left; margin-right:10px;}
.columnNavBox a{ display:block; height:37px; color:#FFFFFF; background:url(../images/columnNav2.png) no-repeat;}
.columnNavBox a:hover,.columnNavBox a.columnCurr{ background:url(../images/columnNav1.png) no-repeat;}
.main{ padding:25px 0; width:1150px; margin:0 auto; height:auto !important; height:350px; min-height:350px;}
.main p{ margin-bottom:12px;}
body{background:#f1f2f4;}
.main{width:1120px;margin:0 auto;background:#fff;background:#FFF;margin-bottom:40px;padding:30px;margin-top:40px;}
.main div font{font-size:16px;font-family:"微软雅黑";height:25px;}

.casenav{height:70px;background:#eeeeee;border-bottom:1px #ccc solid;}
.casenav ul{width:1110px;margin:0 auto;font-size:16px;}
.casenav ul li{width:200px;line-height:68px;border-bottom:2px #FF6600 solid;}
.caseImgList{width:1180px;margin:0 auto;}
.caseImgList li{ width:352px; height:260px; float:left; margin:22px 12px; _margin:30px 11px; overflow:hidden;}
.caseImgBox{ border:1px #dddddd solid;overflow:hidden;}
.caseImgList li:hover .caseImgBox{border:1px #ff9900 solid;}
.caseImgBox img{width:350px;height:220px;}
.caseTextBox{padding-top:10px;font-size:16px;font-family:"微软雅黑";}
.caseTitle{ font-size:30px; font-family:"微软雅黑";}
.caseTitle span{ float:right; font-size:12px; font-family:"宋体";}
.caseTime{ font-size:24px; padding:5px 0 15px;border-bottom:1px #ccc solid}
.caseShowDesc{ overflow:hidden;}
.caseTextShow{ width:308px; float:left; background:#f3f3f3;}
.caselogo{ padding:3px;}
.caseDescCont{ padding:30px 15px;}
.caseDescTitle{ font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.caseContShow{ font-size:12px; padding:10px 0;}
.caseUrl{ color:#1b78d3; text-decoration: underline;}
.SM{ background:#ebebeb; padding:15px;}
.SM_title{ font-family:"微软雅黑"; font-size:18px; font-weight:bold;}
.SM_cont{ font-size:12px; line-height:200%; padding:5px 0;}
.caseShowContent{ width:760px; float:right; height:auto !important; height:750px; min-height:750px;  padding:20px;font-size:16px;}
.caseShowContent IMG{float:right}

.seo_c_1{ overflow:hidden; height:305px; border-bottom:1px dashed #9d9d9d; padding-bottom:20px;}
.seo_c_1_l{ width:270px; float:left; height:305px; font-family:"微软雅黑"; font-size:18px;}
.seo_c_1_l p{ margin-bottom:25px; background:url(../images/dIcon.gif) no-repeat left 13px; padding-left:15px;color:#1b78d3}
.seo_c_1_r{ padding-left:350px;}

.seo_c_2{ overflow:hidden; padding:25px 0;}
.seo_c_2_p{ font-size:24px; font-family:"微软雅黑"; color:#1b78d3; padding-bottom:20px;}
.seo_c_2_p span{ color:#f66a0c;}
.seo_c_2_l{ width:510px; float:left; font-family:"微软雅黑"; font-size:14px;}
.seo_c_2_l p{ margin-bottom:0px; background:url(../images/dIcon.gif) no-repeat left 13px; padding-left:15px;}
.seo_c_2_r{ margin-left:510px;}

.seo_c_3{ overflow:hidden; height:64px; background:url(../images/liucheng.jpg) no-repeat; padding-left:156px;}
.seo_c_3 div{ font-size:14px; width:167px; padding-left:30px; text-align:center; line-height:64px; float:left;}

.seo_c_4{ clear:both; padding:25px 0;}
.seo_c_4_p{ font-size:24px; font-family:"微软雅黑"; color:#1b78d3; padding-bottom:20px;}
.ysTitle{ font-weight:bold; color:#f66a0c;}
.ysCont{ padding-bottom:25px;}

.seo_c_5{ overflow:hidden; background:url(../images/seo_c_5_fbg.jpg) no-repeat bottom; padding-bottom:3px;}
.seoCase{ overflow:hidden; background:url(../images/seo_c_5_bg.jpg) repeat-y; padding:0 35px;}
.seoCaseCont{ border-top:1px dashed #9d9d9d; height:202px;}
.seoCaseContLeft{ width:570px; float:left; padding-top:20px;}
.seoCaseContRight{ margin-left:610px; padding-top:10px;}
.seoTitle{ font-weight:bold; color:#f66a0c;}
.seoCaseContBox{ }
.seoCaseContBox span{ color:#1b78d3;}

.seo_c_6{ clear:both; padding:25px 0; background:url(../images/cnbg.jpg) no-repeat right bottom; height:120px; padding-left:30px;}
.seo_c_6_p{ font-size:24px; font-family:"微软雅黑"; color:#1b78d3;}
.seoCn{ width:700px; height:60px;}
.seocontact{ color:#f66a0c;}

.serviceWt{ color:#1b78d3; font-weight:bold;}
.WtTab{ overflow:hidden; padding-top:10px;}
.WtTab td{ padding-bottom:20px;}
.serviceLc{ overflow:hidden; border-top:1px solid #cecece; padding-top:15px;}
.serviceLcImg{ width:540px; float:left;}
.serviceLcTxt{ margin-left:540px; width:500px; padding-top:20px;}
.serviceLcTxt p{ margin-bottom:30px;}

.contact{ overflow:hidden; margin-bottom:15px;}
.contactTitle{ width:220px; float:left; padding-right:40px; border-right:1px solid #ececec; text-align:right; font-family:"微软雅黑";}
.cT1{ font-size:22px; font-family:"微软雅黑"; padding-bottom:20px;}
.cT2{ color:#1b78d3; font-size:40px; font-family:"微软雅黑"; padding-bottom:30px;}
.cT3{ font-size:30px; font-family:"微软雅黑"; padding-bottom:30px;}
.contactCont{ margin-left:300px;}
.contactCont H2{ font-family:"微软雅黑"; margin-bottom:12px;}
.contactCont p{ margin-bottom:8px;}

.message{ overflow:hidden; padding:15px 0; border-top:1px solid #cecece; border-bottom:1px solid #cecece;}
.messageTxt{ font-size:12px;}
.TxtInput{ height:38px; border:1px solid #cecece; width:430px; background:#f0f0f0 url(../images/kjBg.jpg) repeat-x top;}
.AreaInput{ height:90px; border:1px solid #cecece; width:873px !important; width:870px; background:#f0f0f0 url(../images/kjBg.jpg) repeat-x top;}

.pay{ padding-top:15px;}
.pTitle{ color:#1b78d3; font-size:20px; font-family:"微软雅黑";}
.payTab{ overflow:hidden;}
.payTab td{ padding-bottom:25px;}

.wzjsbox{ height:356px;}
.wzjsImg{ width:300px; float:left; padding-left:25px;}
.wzjsDesc{ margin-left:360px; height:286px; background:url(../images/wzjsBg.jpg) no-repeat; width:720px; padding:35px 25px 30px 35px; font-size:12px;}
.wzjsDesc span{ color:#f66b0c; font-weight:bold;}
.wzjsCont{ padding:30px 0;}

.cpwjList{ overflow:hidden;}
.cpwjList li{ float:left; width:300px; margin:20px 40px}
.cpImg{ text-align:center;}
.cpName{ color:#1b78d3; text-align:center; padding:5px 0 15px;}
.cpDesc{ font-size:12px;}
.cpCont{ overflow:hidden; border-top:1px solid #cecece; padding:20px 0;}
.cpContImg{ width:670px; float:left;}
.cpContTxt{ width:460px; margin-left:670px;}
.cpContTitle{ color:#1b78d3; text-align:center; padding:15px 0 30px 0;}
.moreCp{ margin-top:30px; color:#f66c0c;}

.lastNews{ width:283px; padding:15px 20px;; border:1px solid #dfdfdf; float:left; background:#fcfcfc; margin-bottom:30px;}
.lnName{ font-size:18px; color:#1b78d3; font-family:"微软雅黑";}
.lastNewsTitle{ padding-top:15px; font-size:14px;}
.lastNewsTitle a{ color:#1b78d3;}
.lastNewsTitle a:hover{ color:#FF0000;}
.lastNewsTitle span{ color:#747474;}
.lastNewsDesc{ font-size:12px;}
.lastNewsDesc a{ color:#f66a0c;}
.lastNewsDesc a:hover{ color:#FF0000;}
.Newsbox{ margin-left:370px; width:760px;}
.NewsList{ overflow:hidden;}
.NewsList li{ background:url(../images/newsline.gif) repeat-x center; padding:5px 0;}
.NewsList li .nTitle{ padding-right:6px; background:#FFFFFF;}
.NewsList li .nTime{ padding-left:6px; background:#FFFFFF; float:right;}

.NewsTitle{ float:left;width:66%;height:40px; font-size:22px;border-bottom:1px solid #cecece;padding-bottom:5px; margin-bottom:20px;background:url(../images/qy.jpg) no-repeat left top;padding-left:4%}
.NewsInfo{ float:right;width:30%;height:40px;font-size:12px; text-align:right; border-bottom:1px solid #cecece;padding-bottom:5px; margin-bottom:20px;}
.newsmore{width:530px;height:300px;padding:10px;border: 1px solid #dddddd;BORDER-TOP: #BDDAF7 3px solid;}
.newsmore li{BORDER-BOTTOM: #dddddd 1px dashed;height:30px;}
.newsmore span{float:right;color:#666666}

.ymSearch{ height:190px; background:url(../images/Domain.jpg) no-repeat 30px top; padding-left:205px;}
.ymTable{ overflow:hidden; text-align:center; color:#1b78d3;}
.ymInput{ border:#d8d8d8 1px solid; height:20px; line-height:20px; float:left; width:200px;}
.ymBtn{ width:80px; height:22px; border:none; background:url(../images/btn.jpg) no-repeat; float:left; margin-left:20px;}

.kjTable{ text-align:center;}
.kjTable th{ color:#FFFFFF;}

.ymMore{ text-decoration:underline; color:#1b78d3;}
.ymMore:hover{ color:#FF0000;}
.pages{clear:both;float:left;margin:0px;padding:0px;width:100%; height:35px;line-height:35px; text-align:center;padding-bottom:20px;z-index:999; }

@-webkit-keyframes sosCircle{0%{-webkit-transform:translate(0,0)}
12.5%{-webkit-transform:translate(-8px,3px)}
25%{-webkit-transform:translate(-15px,0)}
37.5%{-webkit-transform:translate(-18px,-8px)}
50%{-webkit-transform:translate(-15px,-15px)}
65.5%{-webkit-transform:translate(-8px,-18px)}
75%{-webkit-transform:translate(0,-15px)}
87.5%{-webkit-transform:translate(3px,-8px)}
100%{-webkit-transform:translate(0,0)}}

@keyframes sosCircle{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
12.5%{-webkit-transform:translate(-8px,3px);-moz-transform:translate(-8px,3px);-ms-transform:translate(-8px,3px);transform:translate(-8px,3px)}
25%{-webkit-transform:translate(-15px,0);-moz-transform:translate(-15px,0);-ms-transform:translate(-15px,0);transform:translate(-15px,0)}
37.5%{-webkit-transform:translate(-18px,-8px);-moz-transform:translate(-18px,-8px);-ms-transform:translate(-18px,-8px);transform:translate(-18px,-8px)}
50%{-webkit-transform:translate(-15px,-15px);-moz-transform:translate(-15px,-15px);-ms-transform:translate(-15px,-15px);transform:translate(-15px,-15px)}
65.5%{-webkit-transform:translate(-8px,-18px);-moz-transform:translate(-8px,-18px);-ms-transform:translate(-8px,-18px);transform:translate(-8px,-18px)}
75%{-webkit-transform:translate(0,-15px);-moz-transform:translate(0,-15px);-ms-transform:translate(0,-15px);transform:translate(0,-15px)}
87.5%{-webkit-transform:translate(3px,-8px);-moz-transform:translate(3px,-8px);-ms-transform:translate(3px,-8px);transform:translate(3px,-8px)}
100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}

@-webkit-keyframes bounceIn{
	0%{opacity:1;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
	20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
	40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
	60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
	80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
	100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}

@keyframes bounceIn{
	0%{opacity:1;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
	20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
	40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
	60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
	80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
	100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}

@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}}
@keyframes rotate{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes fade{
	0%{opacity:.5}
	20%{opacity:.8}
	40%{opacity:.6}
	60%{opacity:.9}
	80%{opacity:.7}
	100%{opacity:1}
}
@keyframes fade{
	0%{opacity:.5}
	20%{opacity:.8}
	40%{opacity:.6}
	60%{opacity:.9}
	80%{opacity:.7}
	100%{opacity:1}
}