/*1029626114@qq.com*/

.g_pp{background: #f3f3f3;padding-top: 87px;height: 555px;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_pp h2{text-align: center;height: 60px;line-height: 60px;font-size: 40px;color:#333333;font-weight: bold;margin-bottom: 15px;}
.g_pp p{font-size: 16px;line-height: 30px;color: #666666;text-align: center;height: 100px;}
.g_pp .video{display: block;}
.g_pp .video h3{float: left;width:50%;background:url(../image/pptit.jpg) no-repeat;height: 278px;padding: 83px;text-align: center;font-size: 36px;color:#fff;box-sizing: border-box; font-weight: normal;}
.g_pp .video h3 em{display: block; font-size: 20px;color:#fff;padding-top: 5px;}
.g_pp .video span{display: block;float: left;width:50%;position: relative;}
.g_pp .video span img{width: 100%;display: block;}
/*.g_pp .video span:before{content: "";position: absolute;background: url(../images/spico.png) no-repeat; background-size: cover; width:64px;height: 64px;left:50%;margin-left: -32px;top:112px;}*/


.g_pro{padding-top: 60px;height: 920px;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_pro h2 a{display: block;text-align: center;font-size: 45px;color:#333333;font-weight: bold;height: 133px;}
.g_pro h2 em{display: block;font-size: 20px;color:#666666;font-weight: normal;padding-top: 5px;}
.g_pro .cpleft{float: left;width:267px;}
.g_pro .cpleft h3 a{display: block;height: 267px;height: 153px;background:url(../image/cptit1.jpg) no-repeat;padding: 48px 0 0 0;text-align: center;font-size: 30px;color:#fff;font-weight: bold; box-sizing: border-box;}
.g_pro .cpleft h3 em{display: block;font-size: 14px;color:rgba(255,255,255,.5);font-weight: normal;}
.g_pro .cpfl{border:2px solid #e4e4e4;border-top: none;padding: 30px 30px 28px;}
.g_pro .cpfl h4{display: block;height: 56px;line-height: 56px;background: #122b88;position: relative;padding-left: 13px;font-size: 18px;color:#fff;width:202px;box-sizing: border-box; margin-bottom: 20px;}
.g_pro .cpfl h4:before{content: "";position: absolute;background:url(../image/cpflico2.png) no-repeat;width: 22px;height: 22px;left:164px;top:16px;}

.g_pro .cpfl ul{padding: 20px 0;}
.g_pro .cpfl li a{display: block; padding-left: 26px;font-size: 16px;line-height: 46px;color:#666666;}
.g_pro .cpfl li a:hover{color:#db252d;font-weight:bold;}
.g_pro .cpfl .on{}
.g_pro .cpfl .on:before{background:url(../image/cpflico1.png) no-repeat}
.g_pro .cpr{float: right;width:900px;}

.g_pro .cptj{margin-bottom: 25px;height: 392px;overflow: hidden;}
.g_pro .cptj dt{float: left; width: 522px;margin-bottom: 22px;overflow: hidden;}
.g_pro .cptj dt img{width:522px;height: 392px; display: block;transition: all 0.3s linear 0s;}
.g_pro .cptj dt:hover img{transform: scale(1.1);}
.g_pro .cptj dd{float: left;background:#f2f2f2;width:374px;height: 392px;padding: 65px 0 0 62px;box-sizing: border-box; }
.g_pro .cptj h4 a{display: block;line-height: 40px;font-size: 30px;color: #333333;font-weight: bold;transition: all 0.3s linear 0s;margin-bottom: 9px;}
.g_pro .cptj p{font-size: 14px;color: #666666;line-height: 24px;margin-bottom: 68px;padding-right: 30px;}
.g_pro .cptj span a{display: block;width:152px;height: 44px;line-height: 44px;background: #122b88;color: #fff;position: relative;padding-left: 29px;font-size: 16px;color: #fff;border-radius: 50px;box-sizing: border-box;}
.g_pro .cptj span a:before{content: "";position: absolute;background:url(../image/cpbtn.png) no-repeat;width: 20px;height: 20px;left:106px;top:14px;}

.cplst li{float: left;width:280px;margin-right: 27px;}
.cplst li img{width:280px;display:block;}
.cplst li:nth-child(3){margin-right: 0;}
.cplst li:nth-child(6){margin-right: 0;}
.cplst li:nth-child(9){margin-right: 0;}
.cplst li i{display: block;box-shadow:0 0 20px rgba(0,0,0,.1)}
.cplst li i img{display: block;transition: all 0.3s linear 0s;}
.cplst li em{display: block;line-height: 56px;font-size: 16px;color:#666666;text-align: center;}
.cplst li:hover img{transform: scale(1.05);}
.cplst li:hover em{color:#122b88;font-weight: bold;}

.g_cpys{background: #f3f3f3;padding-top: 74px;height: 758px;box-sizing: border-box;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_cpys h2{display: block;text-align: center;font-size: 45px;color:#333333;font-weight: bold;height: 143px;}
.g_cpys h2 em{display: block;font-size: 20px;color:#666666;font-weight: normal;padding-top: 5px;}
.g_cpys .content{width: 1250px;}
.g_cpys dl{float: left;width:250px;padding: 50px 30px 0;box-sizing: border-box;border-right: 1px solid #d3d3d3;height: 465px;position: relative;}
.g_cpys dl:nth-child(5){border-right: none;}
.g_cpys dt{width: 76px; height: 76px; margin:0 auto;border:3px solid #122b88;border-radius: 50%;margin-bottom: 17px;}
.g_cpys h3{line-height: 40px;font-size: 20px;color:#333333;text-align: center;margin-bottom: 40px;}
.g_cpys p{font-size: 14px;line-height: 26px;color:#666666;text-align: center; margin-bottom: 33px;}
.g_cpys span a{display: none;}
.g_cpys dl:hover,.g_cpys .cur{background: #122b88;}
.g_cpys dl:hover:before,.g_cpys .cur:before{content: "";position: absolute;background:url(../image/sha.jpg) no-repeat;width: 461px;height: 76px;left:-112px;top:465px;}
.g_cpys dl:hover dt img,.g_cpys .cur dt img{background: #fff;border-radius: 50%;-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.g_cpys dl:hover h3,.g_cpys .cur h3{color:#fff;transition: all 0.3s linear 0s;}
.g_cpys dl:hover p,.g_cpys .cur p{color:#fff;}
.g_cpys dl:hover span a,.g_cpys .cur span a{display: block;width: 136px;height: 40px;line-height: 40px;background: #fff;border-radius: 25px;padding-left: 51px;font-size: 14px;color:#666666; box-sizing: border-box;position: relative; margin:0 auto;}
.g_cpys dl:hover span a:before,.g_cpys .cur span a:before{content: "";position: absolute;background:url(../image/cpxx.png) no-repeat;width: 30px;height: 30px;left:20px;top:6px;}
.g_cpys dl:hover h3,.g_cpys .cur h3{padding-top:10px;}



.g_wt{background:url(../image/wtbg.png) no-repeat center top;height: 498px;position: relative;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;margin-top: -80px;}
.g_wt .m_wt{padding: 180px 0 0 500px;}
.g_wt h2{height: 94px;font-size: 40px;color:#fff;font-weight: normal;padding-left: 40px;}
.g_wt li{height: 30px;line-height: 30px;float: left;width:350px;font-size: 13px;color:#fff;padding-left: 2px;box-sizing: border-box;position: relative;}
.g_wt li b{display: inline-block; font-weight: normal;margin-right: 5px; width:16px;height: 16px;line-height: 16px;color:#fff;font-size: 12px;text-align: center;border:1px solid #fff;border-radius: 50%;left:0;top:2px;}
.g_wt .wtcon{height: 130px;}
.wtbtn a{display: block;width:180px;height: 48px;line-height: 48px;background: #122b88;border-radius: 25px;position: relative;padding-left: 40px;font-size: 15px;color:#fff; margin-left: 500px; margin-top: 20px; box-sizing: border-box;}
.wtbtn a:before{content: "";position: absolute;background:url(../image/kfico.png) no-repeat;width: 34px;height: 34px;left:115px;top:8px;}


/*应用案例*/ 
.case{clear: both;font-size:14px;font-family:"Microsoft Yahei";position: relative;padding:68px 0 0;z-index: 1;color: #666; }
.case h2 a{display: block;text-align: center;font-size: 45px;color:#333333;font-weight: bold;height: 143px;}
.case h2 em{display: block;font-size: 20px;color:#666666;font-weight: normal;padding-top: 5px;}
.case_t li a{display: block; height: 95px; margin-bottom: 40px; float: left;position: relative;color: #666;font-size: 20px;padding: 0 20px;}
.case_t li a:before{content: "";position: absolute;width:1px;height: 72px;background: #e6e6e6;right: 0;top:8px;}
.case_t li:last-child a:before{background: none;}
.case_t li em{display: block;width: 60px;height: 58px;margin: 0 auto 8px;overflow: hidden;}
.case_t li em img{display: block;transition: all 0.3s linear 0s;}
.case_t li:hover em img{transform: scale(1.1);-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.case_t li:hover a{color:#122b88;font-weight:bold;}




.case_c{width: 100%;max-width: 1920px;margin: 0 auto;max-height: 510px;overflow: hidden;} 
.case_c dl{width:24%;float: left;margin: 0 1% 88px 0;position: relative;padding: 0 0 84px;} 
.case_c dt,.case_c dt img{width:100%;display: block;overflow: hidden;} 
.case_c dd{position: absolute;width: 93%;height: 128px;left: 3.5%;bottom: 0;background:#fff;color: #333;box-sizing:border-box;overflow:hidden;padding: 26px 46px 0;border-radius:2px;box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.05);} 

.case_c dd span{position: absolute;right: 0;top: 0;width: 21%;height: 128px;border-left: 1px solid #dcdcdc;}
.case_c dd span a{display: block;width: 100%;height: 128px;background:url(../image/ico02.png) no-repeat center #fff;}
.case_c dd h4{display: block;font-size: 20px;line-height:34px;height:34px;font-weight: normal;}
.case_c dd p{width: 79.5%;display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.case_c dd h4 a{display: block;color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} 
.case_c dl:hover dd{background: #f1f1f1;}
.case_c dl:hover span a{background:url(../image/ico03.png) no-repeat center #122b88;}
@media screen and (max-width: 1780px) { 
    .case_c{max-height: 460px;} 
    .case_t{height: 133px;font-size: 18px;}
} 
@media screen and (max-width: 1680px) { 
    .case_c{max-height: 430px;}
    .case_t{height: 133px;font-size: 16px;}
 } 
@media screen and (max-width:1480px) { 
    .case_c{max-height: 400px;} 
}

.prev1,.next1{width:36px;height:36px;display: block;cursor: pointer;top:95%;right:47%; z-index: 9;overflow: hidden;}
.prev1{left: 47%;}
.yshd{position: absolute;left:48%;top:95%;}
.yshd li{float: left;width:10px;height: 10px;background: #333333;border-radius: 50%;margin:0 5px;}
.yshd li.on{background: #122b88}


.g_ys{width:100%;min-width:1200px;position:relative;overflow:hidden;padding:70px 0 0;height:930px;background: #f3f3f3; margin-top: 70px;}
.ystit{height: 150px;border-bottom: 1px solid #b8b8b8;}
.ystit h2{display: block;text-align: center;font-size: 45px;color:#333333;font-weight: bold;height: 143px;}
.ystit h2 em{display: block;font-size: 20px;color:#666666;font-weight: normal;padding-top: 5px;}
.casetit{height:90px;overflow:hidden;}
.casetit ul{width:1200px;height:90px;margin:0 auto;padding-left: 23px;box-sizing: border-box;overflow:hidden;}
.casetit ul li{float:left; width: 246px; line-height: 90px; padding-left: 95px; position:relative;font-size:24px;color:#333333;font-weight: bold;margin-right: 60px;box-sizing: border-box;}
.casetit ul li:nth-child(4){margin-right: 0;}
.casetit ul li:before{content:"";position:absolute;width:4px;height:4px;border:2px solid #c6c6c6;border-radius: 50%; right:-30px;top:40px}
.casetit ul li:nth-child(4):before{border:none;}
.casetit ul li i{width:60px;height:60px;position: absolute;left:36px;top:15px;overflow: hidden;}
.casetit ul li i img{width:120px;height:60px;-webkit-transition:all .5s;transition:all .5s}
.casetit ul li.on i img{margin-left:-60px}
.casetit ul li.on:after{content: "";position: absolute;width:100%;height: 2px;background: #c80005;left:0;top:-1px;} 

.g_ys dl{width:1200px;height:690px;position:relative;margin:0 10px 0 0}
/*.g_ys dl:before{content: "";position: absolute;width:100%;height: 690px;background: rgba(255,255,255,.8);left:0;top:0;z-index:14;}*/
.g_ys dl dt{width:1200px;height:690px;line-height:0;overflow:hidden;position:relative;z-index:11;}
.g_ys dl dt img{width:1200px;height:690px;opacity:0.3;}
.g_ys dl dd{width:1200px;height:140px;position:absolute;bottom:0;left:0;background:rgba(255,255,255,.94);padding:26px 30px 0 220px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none;z-index:12;}
.g_ys dl dd h5{font-size:24px;color:#333333;line-height:40px;height:40px;font-weight:bold;position:relative}
.g_ys dl dd p{font-size:14px;color:#666666;line-height:24px;overflow:hidden}
.g_ys dl dd span{position: absolute;left:0;top:0;width:170px;height: 140px;background: #122b88;padding: 16px 0 0 0;}
.g_ys dl dd span:before{content: "";position: absolute;right:-15px;top:50px;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 0 20px 20px;
border-color: transparent transparent transparent #122b88;
}
.g_ys dl dd span i{display: block;width: 60px;margin:0 auto;}
.g_ys dl dd span i img{display: block;width: 60px;}
.g_ys dl dd span em{display: block;font-size: 26px;color:#fff;text-align: center;}


.ys_con{position:relative}
.ys_con .tempWrap{overflow:visible!important}
.g_ys dl.cur dd{display:block}
.g_ys dl.cur dt img{opacity:1;transition: all 0.3s linear 0s;}
.g_ys dl.cur:before{background: none;}



.g_ys .prev,.g_ys .next{width:62px;height:62px;position:absolute;cursor:pointer;display:block;z-index:1520}
.g_ys .prev{left:-140px;top:316px}
.g_ys .next{right:-140px;top:316px}
.g_ys .prev{background:url(../image/ljt2.png) no-repeat;width:62px;height:62px;display:block}
.g_ys .next{background:url(../image/rjt2.png) no-repeat right 0;width:62px;height:62px;display:block}

.newline{background:url(../image/newline.jpg) no-repeat center top;height: 66px;}


.g_news{padding: 0 0 80px 0;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_news h2{height:145px;text-align:center;font-size:48px;color:#333}
.g_news h2 a{display:block;color:#333}
.g_news h2 em{display:block;font-size:20px;color:#666;font-weight:400;padding-top:5px}

.g_news .newleft{float: left;width: 42.8%;}
.g_news h3 a{display: block;height: 58px;line-height: 58px;border-bottom: 1px solid #ccc;font-size: 20px;color:#333333;font-weight: bold;padding-left: 42px;position: relative;margin-bottom: 24px;}
.g_news h3 i{position: absolute;left:0;top:10px;}
.g_news h3 span{font-size: 14px;color:#666666;font-weight: normal;}
.g_news h3 a:before{content: "";position: absolute;width:116px;height: 2px;background: #122b88;left:0;top:57px;}
.newtj{margin-bottom: 22px;border-bottom: 1px solid #d6d6d6;}
.newtj dt{width: 100%;margin-bottom: 22px;overflow: hidden;}
.newtj dt img{width: 100%;display: block;transition: all 0.3s linear 0s;}
.newtj dt:hover img{transform: scale(1.1);}
.newtj h4 a{display: block;position: relative;padding-left: 95px;margin-bottom: 10px; line-height: 40px;font-size: 16px;color: #333333;font-weight: bold;}
.newtj:hover h4 a{color: #122b88}

.newtj h4 em{position: absolute;left:0;top:5px;width:82px;height: 28px;line-height: 28px;background: #122b88;border-radius: 50px;text-align: center;font-size: 16px;color:#fff;}
.newtj p{font-size: 14px;color: #666666;line-height: 24px;padding-bottom: 16px;}
.newtj p a{color:#122b88;}
.newlst li a{display: block;line-height: 34px;font-size: 14px;color:#666666;position: relative;padding-left: 26px;}
.newlst li b{font-weight:normal;}
.newlst li a:hover{color:#122b88;font-weight: bold;}
.newlst li a:hover b{font-weight:bold;}
.newlst li em{position: absolute;left:0;top:10px;width:16px;height: 16px;background: #17191d;line-height: 16px;text-align: center;font-size: 14px;color:#fff;}
.newlst li span{font-size: 14px;color:#999;font-weight: normal;}
.newlst li a:hover em{background: #122b88;}
.newlst li a:hover span{color:#122b88;font-weight: bold;}


.g_news .newr{float: right;width:50%;}
.newrup{border-bottom: 1px solid #ccc;padding-bottom: 32px;margin-bottom: 20px;}
.newrup dt a{display: block;line-height: 28px;font-size: 16px;color:#424242;font-weight: bold;margin-bottom: 20px;}
.newrup dt a:hover{color: #122b88}
.newrup dd p{font-size: 14px;line-height: 24px;color:#666666;}
.newrup dd p a{color:#122b88;}
.newrgd{margin-bottom: 26px;}
.newrgd li a{display: block;line-height: 40px;position: relative;padding-left: 22px;font-size: 14px;color:#666666;}
.newrgd li a:hover{color: #122b88;font-weight: bold;}
.newrgd li a:before{content: "";position: absolute;background:url(../image/wdico.jpg) no-repeat;width: 12px;height: 12px;left:0;top:13px;}
.newrgd li span{font-size: 14px;color:#999;font-weight: normal;line-height:40px;}
.newmore,.newmore img{width: 100%;display: block;}
.newrgd li:hover span{color: #122b88;font-weight: bold;}


.g_ab{overflow: hidden;position: relative;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto 84px;}
.g_ab .ab{width:100%;}
.g_ab .ab img{width:100%;display: block;}
.g_ab .m_ab{height:242px;position: relative; width: 1560px; left:50%;margin-top:-128px;margin-left:-600px;background: #fff;box-shadow: 4px 0 24px rgba(192,192,192,.35);margin-bottom: 68px;}
.g_ab .abwz{padding: 50px 0 0 78px;position: relative;width: 1200px;box-sizing: border-box;}
.g_ab h2 a{display: block;width:314px;height: 168px;background: #122b88;padding: 36px 0 0 0;text-align: center;font-size: 40px;font-weight: bold;color:#fff;position: absolute;right: 0;top:-84px;box-sizing: border-box;}
.g_ab h2 em{display: block;font-size: 16px;font-weight: normal;color:#fff;padding-top: 6px;}
.g_ab h3 a{display: block;line-height: 60px;font-size: 30px;color:#333333;margin-bottom: 22px;font-weight: bold;}
.m_ab p{font-size: 14px;color:#666666;line-height: 28px;}


.m_ablst dl{float: left;width:400px;}
.m_ablst dt{width: 400px;height: 192px;display: block;overflow: hidden;}
.m_ablst dt img{width: 400px;height: 192px;display: block;transition: all 0.3s linear 0s;}
.m_ablst dd{background: #f6f6f6;height: 192px;padding: 38px 0 0 0;box-sizing: border-box;}
.m_ablst i{width: 64px;height: 64px;margin:0 auto 10px;border:2px solid #a0a0a0;border-radius: 50%;overflow: hidden;display: block;}
.m_ablst i img{width:128px;display: block;transition: all 0.3s linear 0s;}
.m_ablst h4{font-size: 24px;font-weight: normal;text-align: center;color:#333333;}
.m_ablst h4 em{display: block;font-size: 14px;font-weight: normal;text-align: center;color:#ababab;}
.m_ablst dl:hover i{background: #122b88;border:2px solid #122b88;}
.m_ablst dl:hover i img{margin-left: -64px;-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.m_ablst dl:hover dt img{transform: scale(1.1);}







/* 友情链接 */
.g_link{ height: 66px;background: #122b88;}
.g_link h2{float: left; width: 120px;height: 66px;line-height: 66px;font-size: 20px;font-weight: normal;color: #fff;}
.link_c{line-height:66px; overflow:hidden;float: left;width: 1080px; font-size: 14px;}
.link_c a{ white-space:nowrap; padding:0 30px;float: left; height: 66px; line-height:66px; color:#fff;display: block;}
.link_c .lasta a{background: none;}




@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}
.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}
.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}
.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}
.fa-bounceIn{-webkit-animation:bounceIn 3s infinite linear;animation:bounceIn 3s infinite linear}



@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@-webkit-keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}

@keyframes bounceIn{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(2);transform:scale(2);opacity:1}
100%{opacity:0}
}




html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 15px;}}
@media screen and (min-width: 1280px) {html {font-size: 16px;}}
@media screen and (min-width: 1366px) {html {font-size: 17px;}}
@media screen and (min-width: 1440px) {html {font-size: 18px;}}
@media screen and (min-width: 1600px) {html {font-size: 20px;}}
@media screen and (min-width: 1920px) {html {font-size: 24px;}}