@charset "utf-8";
/* CSS Document */
html{color:#333;background:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;box-sizing: border-box;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin:0;padding:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
audio, canvas, video{display:inline-block;*display:inline;*zoom:1}
body, button, input, select, textarea{ font: 14px/1.5 "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53" }
body{
    font-family: "Microsoft Yahei";
}
input, select, textarea{font-size:100% }
table {border-collapse:collapse;border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, i, strong, th, var, optgroup{font-style: normal;font-weight: normal}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:500}
ol, ul {list-style:none}
h1, h2, h3, h4, h5, h6{font-weight:normal}
a {color:#333;text-decoration:none}
a:hover{text-decoration:none}
.clearfix {/* 触发 hasLayout */zoom:1; }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility:hidden}
.clearfix:after, .clearfix:before {
    display: table;
    line-height: 0;
    content: "";
}
/*翻页样式*/
.news-pagination{padding-left:30%;width:100%;padding-top:30px}
.page_no,.page_text{padding:3px}.page_no{padding-right:0}
.page_next{padding-left:0}
.page_no a,.page_text a{border:1px solid #ddd;text-decoration:none;color:#666;font-size:12px;display:block;padding:10px 15px 9px}
.page_no a{display:inline-block;margin-right:6px}
.page_no a:hover,.page_text a:hover{border:1px solid #145eff;color:#145eff}
.page_no .page_current,.page_no .page_current:hover{color:#fff;background-color:#145eff;border:1px solid #145eff}

button, input, select, textarea {font-size:100%; margin:0;vertical-align:baseline;*vertical-align:middle}
button, input { line-height: normal }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor:pointer;*overflow:visible}
/*button[disabled], html input[disabled] {cursor:default }*/
input[type="checkbox"], input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0; *height:13px;*width:13px}
input[type="search"] { -webkit-appearance: textfield; -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}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0}
.mright10{margin-right:10px}
.mright20{margin-right:20px}
.mright6{margin-right:6px}
.overflow-hidden{overflow:hidden}
.m-top20{margin-top:20px}
.mtop30{margin-top:30px}
.mtop60{margin-top:60px}
.m-top10{margin-top:10px}
.mbottom10{margin-bottom:10px}
.mbottom20{margin-bottom:20px}
.mleft20{margin-left:20px}
.mleft30{margin-left:30px}
.mright10{margin-right:10px}
.mr30{margin-right:30px}
.mr20{margin-right:20px}
.mt40{margin-top:40px}
.ptop20{padding-top:20px}
.ptop10{padding-top:10px}
.pbottom6{padding-bottom:6px}
.pleft20{padding-left:20px}
.no-padding{padding:0 !important}
.no-padding-left{padding-left:0 !important}
.no-padding-right{padding-right:0 !important}
.padding-left30{padding-left:30px !important}
.text-left{text-align:left !important}
.v-middle{vertical-align:middle}
.t-right{text-align:right}
.h4-f24{font-size:24px;display:inline-block;line-height:34px;padding-bottom:14px;letter-spacing: 1px;}
.text-center{text-align:center !important}
.text-left{text-align:left !important}
.fsize16{font-size:16px !important;letter-spacing: 1px;}
.fsize18{font-size:18px !important; letter-spacing: 1px;}
.fsize14{font-size:14px;letter-spacing: 1px;}
.fsize12{font-size:12px;letter-spacing: 1px;}
.fsize22{font-size:22px;letter-spacing: 1px;}
.fsize20{font-size:20px;letter-spacing: 1px;}
.fsize24{font-size:24px;letter-spacing: 1px;}
.g999{color:#999}
.g666{color:#666}
.g333{color:#333}
.g888{color:#888}
.gfff{color:#fff}
.g009{color:#009de0}
.gff8{color:#ff8800}
.gf00{color:#f00}
.g00b{color:#00ba9c}
.ga2a{color:#a2a2a2}
.g738{color:#738caf}
.g97a{color:#145eff}
.g2e3{color:#2e303f}
.g005{color:#005baa}
.g425{color:#4251b6}
.fontweight100 {font-weight:bold;} 
.fweight{font-weight:bold}
.no-margin-right{margin-right:0 !important}
.no-margin-left{margin-left:0 !important}
.no-border{border:none!important;}
.line-height{line-height:26px}
.line-height24{line-height:24px}
.line-height22{line-height:22px}
.line-height16{line-height:16px}
.line-height40{line-height:40px}
.pull-left{float:left}
.pull-right{float:right}
.position-relative{ position:relative}
/*mpkj-auto*/
.mpkj-auto{width:1200px;margin-right:auto;margin-left:auto}
/*mpkj-nav*/
.home-link{color:#fff;display:inline-block}
.paddingtop64{padding-top:65px}
.hd{width:100%;min-width:1200px;height:65px;top:0;z-index:9999;border-bottom:1px solid #414b51;box-sizing: border-box;}
.hd:hover{border-bottom:1px solid #0000be;}
.hd-floor{width:100%;height:65px;min-width:1200px;position:absolute;top:0;z-index:9998;display:none}
.hd-bg{
    background: #0d0d0d;
}
.logo{width:285px;height:66px;display:inline-block;cursor:pointer;background:url(../images/logo5.png) no-repeat center 3px;*display:inline;*zoom:1}
.nav{width:550px;height:100%;display:inline-block;*display:inline;*zoom:1}
.nav>li{float:left;width:16%;height:65px;font-size:14px;line-height:65px;cursor:pointer;letter-spacing: 1px;box-sizing: border-box;}
.nav>li:hover{border-bottom:3px solid #145eff;}
.nav-right{height:100%;display:inline-block;*display:inline;*zoom:1}
.nav-right>li{float:left;font-size:12px;margin-left:12px;margin-right:12px;line-height:66px;cursor:pointer;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.nav-right>li.regi{width:85px;height:100%;padding:0;margin-left:10px;background:#145eff;font-size:14px}
.nav-right>li.regi a{display:block}
.nav-right>li.regi a:hover{color:#fff}
.nav-right>li:hover a{color:#145eff; }
.nav-right>li .content a{color:#fff;line-height:50px;height:50px;}
.nav-right>li:hover .content a:hover{color:#145eff;}
.memb-cent{display:inline-block;*display:inline;*zoom:1;width:28px;height:24px;background:url(../images/memb-cent.png) no-repeat;vertical-align:middle;margin-right:3px;}
.triangle-down {
    color: #fff !important;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 4px;
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
    position: absolute;
    top: 30px;
    right: 3px;
}
.nav-right a{color:#fff;display:inline-block;letter-spacing: 1px;}

/*二级导航*/
/*产品*/
.nav2{width:100%;background: #0d0d0d;padding-top:30px;padding-bottom:30px;position:absolute;left:0;*top:66px;display:none;}
.nav2-close{width: 100%;height:60px;position:relative;cursor:default;margin-top:30px;}
.nav-arrow-up{display: block;cursor: pointer;width: 28px;height: 28px;background: url(../images/nav-arrow-up.png) no-repeat;background-size:80%;position: absolute;bottom: 0;left: 50%;margin-left: 11.5px;}
.nav2 .pro{cursor:default;border-right: 1px solid #145eff;}
.pro{width:220px;/*height:312px*/;float:left;position:relative}
.pro>li{width:220px;line-height:40px;font-size:14px;margin-bottom:17px;letter-spacing: 1px;}
.pro>li>div{height:40px;width:100%;color:#fff;padding:0 16px;line-height:40px;cursor:pointer;box-sizing:border-box;}
.menu-icon{display:block;float:right;width:28px;height:40px;background-position:right center;background-repeat:no-repeat}
.menubg0{background-image:url(../images/menu-icon.png)}
.menubg1{background-image:url(../images/arrow-r.png)}
.marginbottom28{margin-bottom:28px}
.allpro{width:980px;float:left;/*border-left:1px solid #145eff;height: 340px;*/margin-bottom:16px;display:none;position:absolute;left:100%;top:0;cursor:default;}
.modelwarp{width:180px;float:left}
.model{width:180px;line-height:30px;color:#145eff}
.modelwarp .teshukuai{width:240px;}
                                            
.modelwarp .teshukuai .pro-list li{width:44%;float: left;margin:3% 3%;background: #222;}
.pro-list>li{line-height:22px}
.allpro .pro-list>li>a{display:block;letter-spacing: 1px;}
.pro-list>li>a:hover{color:#009de0}
/*产品中心-所有产品*/
.pro .allpro .modelwarp:nth-child(6){margin-top:30px;}
.pro .allpro .modelwarp:nth-child(7){margin-top:30px;}
.pro .allpro .modelwarp:nth-child(8){margin-top:30px;}
.pro .allpro .modelwarp:nth-child(9){margin-top:30px;}

/*产品中心*/
/*产品中心*/
.severpro{display:block;}
.severpro>.modelwarp{border-left:1px solid #145eff;}
.modelwarp-border{border-left:1px solid #145eff;}
.severpro .model{line-height:40px;color:#fff}
.severpro .modelwarp .tuoguan{margin:0 20px;}
.severpro .modelwarp .tuoguan li{padding-top: 20px;}
.severpro .modelwarp .tuoguan ul li a{background: #222;}
.severpro .modelwarp .tuoguan ul li a:hover{background: #145eff;}
.severpro .modelwarp .tuoguan ul li a p{padding-bottom:10px;}
.severpro .tg-desp,.severpro .tg-desp .model{width:240px;margin-right: 20px;}
.severpro .tg-desp .model p span{padding:0 10px;}
.severpro .bg0warp,.severpro .bg1warp,.severpro .bg2warp,.severpro .bg3warp {
    width: 280px;
    height: 315px;
    float: right;
    padding-left: 16px;
    text-align: center;
    font-weight: 100;
    margin-top:40px;
}
.bg0warp .nav-cloud-icon {
    background: url(../images/ym_ban_bg_aq.png) no-repeat;
    width: 280px;
    height: 190px;
    display: block;
}
.bg1warp .nav-cloud-icon {
    background: url(../images/ym_ban_bg01.png) no-repeat;
    width: 280px;
    height: 190px;
    display: block;
}
.bg2warp .nav-cloud-icon {
    background: url(../images/ruanjiankaifa.png) no-repeat;
    width: 280px;
    height: 190px;
    display: block;
}
.bg3warp .nav-cloud-icon {
    background: url(../images/zengzhidx.png) no-repeat;
    width: 280px;
    height: 190px;
    display: block;
}
/*.severpro .pro-list{margin-bottom: 20px;}*/
.severpro .pro-list a h4{color:#fff;padding-left: 10px;font-weight: bold;}
.severpro .pro-list a p{color:#999;}
.severpro .pro-list a:hover h4,.severpro .pro-list a:hover p{color: #fff;}
.severpro .pro-list{border:none}
.severpro p.pro-list{padding-left:20px;padding-right:20px;color: #dddddd;line-height: 30px;padding-bottom: 20px;letter-spacing: 1px;}
.severpro .pro-list a:hover{background:#145eff}
.severpro .pro-list>li{margin-bottom:4px;font-size:14px}
.severpro .pro-list>li>a{color:#dddddd;padding-left:20px;display:block;line-height:40px;letter-spacing: 1px;padding-right: 15px;}
.severpro .pro-list>li>a.block{border:1px solid #145eff;width:80px;margin-left: 20px;color: #fff;}
.pro-list>li>a:hover{color:#fff;display:block}
.pro-list>li>a{color:#dddddd;padding-left:20px;display:block;line-height:40px;letter-spacing: 1px;}
.severpro .pro-list>li>a:hover{color:#fff;display:block}
.pro-list a{color:#dddddd;letter-spacing: 1px;}
.pro-list a:hover{background:#145eff}
.severpro .bigwidth>.pro-list>li>a:hover{color:#fff;background-color:#145eff}

.model h4 a{color:#fff;display:block;padding-left:30px;letter-spacing: 1px;font-weight: bold;color:#145eff;}
/*.model h4 a:hover{background:#145eff;color:#fff}*/
.pro-active{background-color:#145eff}


/*解决方案*/
.jiejue>.mpkj-auto >ul>li{float: left;width:228px;height: 40px;line-height: 40px;border:1px solid #145eff;margin:0 15px 20px;padding:0 20px;letter-spacing: 1px;}
.jiejue>.mpkj-auto >ul>li>a{color: #fff;display: block;}
.jiejue>.mpkj-auto >ul>li:hover{background-color:#145eff}
/*合作共赢*/   
.hezuo>.mpkj-auto >ul{width:75%;margin:0 auto;}
/*底部信息*/
.footer,.footer-banner,body{min-width:1200px}
body{font-family:"Microsoft Yahei"}strong{font-weight:400}.strong{font-weight:700}::selection{background:#1EACDF;color:#333}::-moz-selection{background:#1EACDF;color:#333}::-webkit-selection{background:#1EACDF;color:#333}
.auto,.autoWidth{margin:0 auto;max-width:1200px;_width:1200px}
.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}.clearfix:after{clear:both}.pull-right{float:right}
.hide{display:none}.show{display:block}.invisible{visibility:hidden}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}
.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.img-circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.footer{font-family:"Microsoft Yahei"}
.clear-float{clear:both}.text-overflow{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}

.suspension{width:54px;height:300px;position:fixed;right:40px;bottom:40px;z-index:999}
.suspension li{position:relative;width:54px;height:54px;margin-top:10px;border-radius: 5px;}
.connect-us,.phone,.qrcode{position:absolute;bottom:-20%;z-index:30}
.connect-us {bottom: -350%;}
.qrcode{bottom: -80%;}
.suspension li:first-child{margin-top:0}
.suspension li .pop-qq{background-image: url(../images/pop-qq.png);}
.suspension li .pop-qrcode{background-image: url(../images/pop-qrcode.png);}
.suspension li .pop-tel{background-image: url(../images/pop-tel.png);}
.suspension li .to-top{background-image: url(../images/to-top.png);}
.suspension li#toTop{transition:all 0.3s;display: none;}
.pop-qq,.pop-qrcode,.pop-tel,.to-top{display:block;width:100%;height:100%;border-radius: 5px;opacity: 0.3;background-color:#000;background-repeat:no-repeat;background-position:center;cursor: pointer;}
.pop-qq:hover,.pop-qrcode:hover,.pop-tel:hover,.to-top:hover{background: #145eff;border:none;background-position: center;opacity: 1;}
.pop-qq{border-color:#145eff;background-color:#145eff;opacity: 0.7}
.phone{width:220px;right:55px;background:#fff;border-radius:10px;-webkit-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);-moz-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);box-shadow:0 6px 12px 0 rgba(0,0,0,.15);padding-bottom: 10px;display:none}
.phone p{font-size: 16px;padding:10px 20px 0;}
.phone p span{color: #145eff;font-weight: bold;}
.connect-us{width:220px;right:55px;background:#fff;border-radius:10px;-webkit-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);-moz-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);box-shadow:0 6px 12px 0 rgba(0,0,0,.15);padding-bottom: 10px;display:none}
.connect-us h6,.phone h6{height:40px;line-height: 40px;border-radius:10px;text-align: center;background: #145eff;font-size: 16px;color:#fff; }
.connect-us ul{margin:10px auto;text-align: center;}
.connect-us ul p{color: #333;font-size: 15px;    text-align: left;margin-left: 20px;padding-top: 5px;}
.connect-us li{display:list-item;width:100%;overflow:hidden;line-height: 30px;height: 30px;margin-top: 5px;}
.connect-us li a:hover{color:#145eff;}
.connect-us li a img{vertical-align: middle;padding:0 5px;}
.qrcode{right:55px;width:150px;height: 150px;border-radius: 10px;background: url(../images/qrcode.jpg);background-size: 100%;-webkit-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);-moz-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);box-shadow:0 6px 12px 0 rgba(0,0,0,.15);display: none;}

.footer{background-color:#0d0d0d}
.footer-floor1{width:100%;padding:40px 0 20px}
.footer-floor3{width:100%;padding-bottom: 20px;padding-top: 15px;}
.footer-floor3 ul li{float: left;color: #fff;height: 30px;line-height: 30px;margin:0px 10px}
.footer-floor3 ul li a{color: #cccccc;letter-spacing: 1px;}
.footer-floor3 ul li a:hover{color: #1426ff;}
.footer-floor3 ul li.link{font-size: 18px;}
.company-box,.footer-list{padding-left:20px}
.footer-list{width:66%;/* height:100%; */border-left:1px solid #414b51;float:left}
.footer-list ul{float:left;width:25%}
.footer-list li{line-height:30px;letter-spacing: 1px;}
.footer-list li a{color:#cccccc;font-size:14px;letter-spacing: 1px;}
.footer-floor2 a:hover,.footer-list li a:hover{color:#1426ff;}
.footer-list li a:hover{color:#1426ff}
.footer-list .flist-title{font-size:18px;color:#fff;margin-bottom:15px}
.footer-left{width:32%;float:left}
.company-logo{height:40px;background:url(../images/bottom_19.png) left no-repeat}
.company-logo span{display:inline-block;margin-left:136px;margin-top:-5px;width:126px;height:40px;background:url(../images/bottom_16.gif) left no-repeat;letter-spacing: 1px;}.company-name{margin-top:20px;line-height:25px;font-size:14px;color:#fff}.official-plat{width:100%;/* height:100%; */margin-top:20px;position:relative}.official-plat ul{width:100%}.official-plat ul li{float:left;margin-left:15px;width:40px;height:40px}.official-plat ul a{display:block}.official-plat ul li span{display:inline-block;width:40px;height:40px;background-repeat:no-repeat;background-position:center}
.official-plat li .weixin-logo{background-image:url(../images/bottom_25.png)}
.official-plat li .weibo-logo{background-image:url(../images/bottom_23.png)}
.official-plat li .qq-logo{background-image:url(../images/bottom_27.png)}
.official-plat li .email-logo{background-image:url(../images/bottom_29.png)}
.official-plat li:hover .weixin-logo{background-image:url(../images/bottom_25_hover.png)}
.official-plat li:hover .weibo-logo{background-image:url(../images/bottom_23_hover.png)}
.official-plat li:hover .qq-logo{background-image:url(../images/bottom_27_hover.png)}
.official-plat li:hover .email-logo{background-image:url(../images/bottom_29_hover.png)}
.official-plat>p{display:inline-block;width:132px;height:132px;border:1px solid #ddd;background-color:#fff}
.official-plat .weibo,.official-plat .weixin{top:-145px;background-image:url(../images/plat_qrcode.png);display:none;position:absolute;background-repeat:no-repeat}
.official-plat .weixin{left:24px;background-position:0 0}
.official-plat .weibo{left:-32px;background-position:-132px 0}
.corner{border:10px solid transparent;border-top:10px solid #fff;position:absolute;bottom:-20px;right:50%;margin-right:-10px;z-index:10;*height:0}

.footer-banner-button,.footer-banner-text{position:relative;z-index:20}
.five-superiority{width:100%;height:120px;border-bottom:1px solid #414b51}
.five-superiority-list li{float:left;width:25%;height:120px}
.five-superiority-list li a{white-space:nowrap;display:block;line-height:120px;padding-left:130px;background-repeat:no-repeat;background-position:50px center;font-size:18px;color:#fff;letter-spacing: 1px;}.compensate_ico a{background-image:url(../images/bottom_03.png)}
.retreat_ico a{background-image:url(../images/bottom_05.png)}.technology_ico a{background-image:url(../images/bottom_07.png)}.prepare_ico a{background-image:url(../images/bottom_09.png)}
.footer-floor2{width:100%;border-top:1px solid #000;padding:20px 0 30px;text-align:center;letter-spacing: 1px;}
.footer-floor2 .mpkj-auto{position: relative;}
.footer-floor2 .mpkj-auto a img.img-responsive{width:75px;position: absolute; top: -10px; left: 250px;}
.footer-floor2 p{text-align:center;color:#fff;font-size:13px;line-height:30px}
.footer-floor2 p span{font-family:PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif}
.footer-floor2 a{color:#fff}.foot-link{margin:0 15px;text-decoration:none}



.footer-banner{position:relative;/*background:#0993fd;*/height:180px;overflow:hidden;color:#fff;text-align:center; margin-top: -20px;background:url(../images/footer_bg001.jpg) center;}
.footer-banner-text{padding-top:45px;font-size:22px}
.footer-banner-button a{display:inline-block;margin-top:50px;width:200px;height:40px;line-height:40px;border:1px solid #fff;color:#fff;font-size:18px;}
.footer-banner-button a:hover{color:#333;background-color:#fff}
.footer-bubble{position:absolute}
.bubble-1{top:120px;left:70%;z-index:10;margin-left:-120px;width:55px;height:120px;background:url(../images/rocket.png);-webkit-animation:bubble-animate-1 linear 3s infinite;-moz-animation:bubble-animate-1 linear 3s infinite;-o-animation:bubble-animate-1 linear 3s infinite;animation:bubble-animate-1 linear 3s infinite}
.bubble-2{top:40px;left:38%;z-index:11;width:64px;height:45px;background:url(../images/footer_bubble_1.png);-webkit-animation:bubble-animate-2 linear 24s infinite;-moz-animation:bubble-animate-2 linear 24s infinite;-o-animation:bubble-animate-2 linear 24s infinite;animation:bubble-animate-2 linear 24s infinite}
.bubble-3{top:50px;left:48%;z-index:12;width:90px;height:50px;background:url(../images/footer_bubble_3.png);-webkit-animation:bubble-animate-3 linear 28s infinite;-moz-animation:bubble-animate-3 linear 28s infinite;-o-animation:bubble-animate-3 linear 28s infinite;animation:bubble-animate-3 linear 28s infinite}
.bubble-4{top:110px;left:18%;z-index:12;width:90px;height:50px;background:url(../images/footer_bubble_2.png);-webkit-animation:bubble-animate-4 linear 40s infinite;-moz-animation:bubble-animate-4 linear 40s infinite;-o-animation:bubble-animate-4 linear 40s infinite;animation:bubble-animate-4 linear 40s infinite}
@-webkit-keyframes bubble-animate-1{from{top:120px}to{top:-120px}}
@-moz-keyframes bubble-animate-1{from{top:120px}to{top:-120px}}
@-o-keyframes bubble-animate-1{from{top:120px}to{top:-120px}}
@keyframes bubble-animate-1{from{top:120px}to{top:-120px}}
@-webkit-keyframes bubble-animate-2{from,to{top:40px;left:35%}50%{top:40px;left:10%}}
@-moz-keyframes bubble-animate-2{from,to{top:40px;left:35%}50%{top:40px;left:10%}}
@-o-keyframes bubble-animate-2{from,to{top:40px;left:35%}50%{top:40px;left:10%}}
@keyframes bubble-animate-2{from,to{top:40px;left:35%}50%{top:40px;left:10%}}
@-webkit-keyframes bubble-animate-3{from,to{top:60px;left:60%}50%{top:60px;left:80%}}
@-moz-keyframes bubble-animate-3{from,to{top:60px;left:60%}50%{top:60px;left:80%}}
@-o-keyframes bubble-animate-3{from,to{top:60px;left:60%}50%{top:60px;left:80%}}
@keyframes bubble-animate-3{from,to{top:60px;left:60%}50%{top:60px;left:80%}}
@-webkit-keyframes bubble-animate-4{
    from,to{top:110px;left:18%}50%{top:110px;left:88%}
    }
@-moz-keyframes bubble-animate-4{
    from,to{top:110px;left:18%}50%{top:110px;left:88%}
    }
@-o-keyframes bubble-animate-4{
    from,to{top:110px;left:18%}50%{top:110px;left:88%}
    }
@keyframes bubble-animate-4{
    from,to{top:110px;left:18%}50%{top:110px;left:88%}
    }

.signfooter{background-color:#f2f4f5;border-top:1px solid #ddd;text-align:center}
.footer-signfooter{width:100%;padding:25px 0 30px}
.footer-signfooter a,.footer-signfooter p{margin-top:8px;font-size:12px;color:#999}
.signfooter-nav{margin-top:25px}
.signfooter-nav-list{display:inline-block}
.signfooter-nav-list li{position:relative;float:left;margin:0 30px;height:20px;line-height:20px}
.signfooter-nav-list li:before{position:absolute;left:-30px;top:4px;content:"";height:14px;width:1px;background:#ddd}
.signfooter-nav-list li:first-child:before{width:0;height:0}
.signfooter-nav-list li a{display:inline-block;font-size:16px;color:#666}
.show-captcha{height:30px}
.signfooter-foot-link{margin-left:15px;text-decoration:none;color:#b6e2f2}
.signfooter-foot-link:hover{text-decoration:underline}