.m_zz{height: 130px;}
.m_zz ul{height: 130px; position: relative; }
.m_zz li{position: relative;float: left; height: 130px;}
.m_zz li em{display: block;height:60px;line-height:60px;overflow: hidden;}
.m_zz li em b{display: block; float: left; font-size: 60px; color: #333333; font-family: "arial"; font-weight: bold;}
.m_zz li em span{display: block; float: left; font-size: 50px; color: #333333;}
.m_zz li em i{display: block; width:26px;height: 26px; line-height: 26px; background: #f1000c;border-radius: 50%; float: left;font-size: 14px;font-weight: normal; text-align: center; color: #fff; font-style: normal; position: relative;top:30px;}
.m_zz li h4{font-size: 18px; color: #666666; text-align: left; font-weight: normal; }
.m_zz li:nth-child(1){width:130px;margin-right: 130px;}
.m_zz li:nth-child(2){width:224px;margin-right: 130px;}
.m_zz li:nth-child(3){width:224px;margin-right: 130px;}
.m_zz li:nth-child(4){width:224px;}
.m_zz li:hover em,.m_zz .cur em{color:#f1000c;}
.m_zz li:hover h4,.m_zz .cur h4{color:#f1000c;}
.m_zz li:hover span,.m_zz .cur span{color:#f1000c;}
.m_zz li:hover b,.m_zz .cur b{color:#f1000c;}

.ppwz{text-align: center;font-size: 36px;color:#333333;}



.g_pro{background: url(../images/cpbg.jpg) no-repeat center top;height: 1576px;padding-top: 89px;box-sizing: border-box;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_pro h2 a{display: block;height: 164px;font-size: 50px;color:#333333;}
.g_pro h2 b{color:#f1000c;}
.g_pro h2 em{display: block;font-size: 24px;color:#666666;font-weight: normal;padding-top: 5px;}
.cpzs{position: absolute;right: -230px;top:-36px;z-index:115;}


.cpwz{height: 276px;}
.cpwz em{display: block;padding-left: 46px;height: 26px;line-height: 26px;font-size:16px;color:#666666;background: url(../images/cpdesc.png) no-repeat 0 1px;margin-bottom:10px;}
.cpwz em:nth-child(1){animation-delay: 0.1s;}
.cpwz em:nth-child(2){animation-delay: 0.2s;}
.cpwz em:nth-child(3){animation-delay: 0.3s;}
.cpwz em:nth-child(4){animation-delay: 0.4s;}
.cpwz em:nth-child(5){animation-delay: 0.4s;line-height: 24px;}


.cpdh{position: absolute;left:-205px;top:0;width:180px;}
.cpdh h3 a{display: block;background: #f1000c;padding-top: 28px;height: 140px;text-align: center;font-size: 28px;line-height: 42px;color:#fff;box-sizing: border-box;}

.cpdhc{background: #f6f6f6;border:1px solid #dbdbdb;padding: 13px 11px 20px;box-sizing: border-box;}
.cpdhc h4 a{display: block;height: 36px;line-height: 36px;background: #f1000c;font-size: 22px;color:#fff;text-align: center;border-radius: 5px;font-weight: normal;}
.cpdhc li a{display: block;border-bottom: 1px dotted #a7a7a7;padding-left: 26px;font-size: 16px;color:#333333;height: 74px;line-height: 74px;background: url(../images/cpfl.png) no-repeat 10px 31px;}





.cphd{height: 140px;margin-bottom: 28px;}
.cphd li{float: left;margin-right: 92px;border-bottom: 5px solid #edeef2;height: 135px;}
.cphd li:last-child{margin-right: 0;}
.cphd li i{width:70px;height: 60px;margin:35px auto 0;display: block;overflow: hidden;}
.cphd li i img{transition: all 0.3s linear 0s;}
.cphd li em{display: block;font-size:20px;color:#666666;}
.cphd li:hover,.cphd .cur{border-bottom:5px solid #f1000c; }
.cphd li:hover em,.cphd .cur em{color:#f1000c;font-weight: bold;}
.cphd li:hover i img,.cphd .cur i img{margin-left: -70px;}

.cplst li{float: left;width:292px;margin:0 9px 32px 0;}
.cplst li:nth-child(4n){margin-right: 0;}
.cplst li i{display: block;width:292px;height: 218px;overflow: hidden;}
.cplst li i img{width:292px;height: 218px;display: block;transition: all 0.3s linear 0s;}
.cplst li em{display: block;width:292px;height: 52px;line-height: 52px;border-top: 1px solid #f1f0ee;border-bottom: 1px solid #f1f0ee;font-size: 16px;color:#333333;position: relative;}
.cplst li em:before{content: "";position: absolute;background: url(../images/cpbtn1.png) no-repeat;width:26px;height: 26px;right: 16px;top:18px;}
.cplst li:hover i img{transform: scale(1.1);}
.cplst li:hover em:before{background: url(../images/cpbtn2.png) no-repeat;}
.cplst li:hover em{color:#f1000c;border-bottom: 1px solid #f1000c;}



.g_gcan{background: url(../images/anbg.jpg) no-repeat center top; padding-top: 24px;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:56px auto 0;}
.g_gcan h2 a{display: block;height: 76px;line-height: 76px; font-size: 50px;color:#333333;text-align: center;}
.g_gcan h2 b{color:#f1000c;}
.anwz{height: 104px;padding: 0 35px;text-align: center;font-size: 20px;line-height: 30px;color:#666666;margin-top: 5px;}


.anhd{height: 150px;}
.anhd li{float: left;padding:26px 40px 0;border-bottom: 5px solid #edeef2;height: 150px;position: relative;box-sizing: border-box;}
.anhd li:before{content: "";position: absolute;width:1px;height: 70px;background: #dcdcdc;right: 0;top:36px;}
.anhd li:last-child:before{background: none;}
.anhd li i{width:60px;height: 60px;margin:0 auto 0;display: block;overflow: hidden;}
.anhd li i img{transition: all 0.3s linear 0s;}
.anhd li em{display: block;font-size:20px;color:#666666;}
.anhd li:hover,.anhd .cur{border-bottom:5px solid #f1000c; }
.anhd li:hover em,.anhd .cur em{color:#f1000c;font-weight: bold;}
.anhd li:hover i img,.anhd .cur i img{margin-left: -60px;}



.m_an{overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.m_an ul{width:50%;float: left;}
.m_an li{float: left;width:50%;position: relative;overflow: hidden;}
.m_an li img{width:100%;display: block;}

.m_an li em{position: absolute;left:0;top:0;width:100%;background:url(../images/sha2.png) no-repeat;height: 100%;padding-top:12.5rem;text-align:center;font-size:18px;color:#fff;box-sizing: border-box;transition: all 0.3s linear 0s; }
.m_an li:hover em{top:0;background:rgba(241,0,12,.8);padding-top: 5rem;font-weight: bold;font-size: 1.1rem;}
.m_an li:hover em:before{content: "";position: absolute;background:url(../images/anbnt.png) no-repeat; background-size:100%; width:1.66rem;height: 1.66rem; left:50%; margin-left: -1.25rem; top:8.3rem;z-index: 0;}

.anbig{float: left;width:50%;position: relative;overflow: hidden;}
.anbig img{width:100%;display: block;}
.anbig em{position: absolute;left:0;top:0;width:100%;background:url(../images/sha1.png) no-repeat;height: 100%;padding-top:23rem;box-sizing: border-box;transition: all 0.3s linear 0s; }
.anbig em b{display: block;padding: 0 0 0 10%;font-size:1.25rem;color:#fff;font-weight: bold;line-height: 2.5rem;}
.anbig em p{font-size: 0.9rem;color: rgba(255,255,255,.7);padding: 0 0 0 10%;line-height: 1.3rem;}


.g_ys{padding:65px 0 200px 0;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_ys h2{display: block;height: 146px;font-size: 50px;color:#333333;text-align: center;}
.g_ys h2 b{color:#f1000c;}
.g_ys h2 em{display: block;font-size: 24px;color:#666666;font-weight: normal;padding-top: 5px;}

.ystit{height: 116px;position: relative;}
.yshd{width:1200px;margin:0 auto;box-sizing: border-box;}
.yshd li{float: left;position: relative;width:273px;margin-right: 35px; padding-left: 74px;box-sizing: border-box;padding-top: 25px; height: 116px;}
.yshd li i{width:60px;left:0;top:18px; overflow: hidden; position: absolute;}
.yshd li:after{content: "";position: absolute; background:url(../images/ysline.jpg) no-repeat;  width:6px;height: 52px; right: 0;top:20px;}
.yshd li:nth-child(4){margin-right: 0;}
.yshd li:nth-child(4):after{background: none;}
.yshd li em{display: block;font-size: 28px;font-weight: bold;color:#222222;}
.yshd li span{display: block;font-size: 12px;color:#b7b7b7;}
.yshd li.on em,.yshd li.on span{color: #f1000c;}
.yshd li.on img{margin-left: -60px;}
.yshd li.on:before{content: "";position: absolute;width:200px;height: 4px;background: #f1000c;left:0;top:112px;}

.ysbd dl{position: relative;}
.ysbd dt{width:100%;}
.ysbd dt img{width:100%;display: block;}

.ysbd dd{position: absolute;left:50%;bottom:-115px;background: #f3f3f3;width:1400px;margin-left: -700px;height: 262px;z-index: 15;padding: 40px 100px 0;box-sizing: border-box;z-index: 111}
.ysbd span{float:left;width:500px;}
.ysbd span i{float: left;width: 233px;height: 165px;overflow: hidden;margin-left: 16px;}
.ysbd span i img{width: 233px;height: 165px;display: block;transition: all 0.3s linear 0s;}
.ysbd span i:hover img{transform: scale(1.1);}
.ysbd .yswz{float: left;width:642px;}
.ysbd .yswz h3{line-height: 50px;font-size: 30px;color:#222222;font-weight: bold;margin-bottom: 20px;}
.ysbd .yswz h3 b{color:#f1000c;}
.ysbd .yswz p{font-size: 16px;line-height: 30px;color:#666666;width:630px;}
.ysbd .yswz p b{color:#f1000c;font-weight: normal;}





/*新闻资讯*/
.new{ height:815px; overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.new h2 a{display: block;height: 130px;font-size: 50px;color:#333333;text-align: center;}
.new h2 b{color:#f1000c;}
.new h2 em{display: block;font-size: 24px;color:#666666;font-weight: normal;padding-top: 5px;}
.new .tit a{display: block; height: 48px;line-height: 48px;border-bottom: 2px solid #e0e0e0;font-size: 24px;color:#f1000c;font-weight: bold;position: relative;margin-bottom: 33px;}
.new .tit a:before{content: "";position: absolute;width:100px;height: 2px;background: #f1000c;left:0;top:48px;}
.new .tit span{font-size:14px;color:#999999;font-weight: normal;}


.dy{ width:556px; height:630px; overflow:hidden;}
.dy dl{ height:392px; border-bottom: 1px solid #f4f4f4;  overflow:hidden;}
.dy dt{ width:553px; height:276px; overflow:hidden; margin-bottom: 16px;}
.dy dt img{ display:block; width:553px; height:276px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}

.dy dd h4{ height:26px; margin-top:10px; font:16px "Microsoft YaHei UI"; font-weight:normal; line-height:26px;}
.dy dd h4 a{ display:block; color:#f1000c;}
.dy dd h4 em{ display:block; float:left; width:70px; height:26px; background:#f1000c; font:16px "Microsoft YaHei UI"; text-align:center; line-height:26px; color:#fff; margin-right:10px;}

.dy dd p{ font:15px "Microsoft YaHei UI"; line-height:25px;  margin-top:8px;}
.dy dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.dy dl:hover dd h4 a,.zhis dl:hover dd h4 a{color:#f1000c; font-weight:bold;}
.dy li{ height:44px; border-top:1px solid #f4f4f4; font:15px "Microsoft YaHei UI"; line-height:44px; overflow:hidden; padding-left:22px; position:relative;}
.dy li a{ display:block; color:#666;}
.dy li em{ float:right;}
.dy li:before{ content:""; position:absolute; top:17px; left:0; width:6px; height:6px; border-radius:6px; border:1px solid #c6c6c6;}
.dy li a:hover,.zhis li a:hover,.faq dt a:hover{ font-weight:bold; color:#f1000c;}

.zhis{ width:550px; overflow:hidden; height:360px;}
.zhis dl{ height:129px; overflow:hidden;}
.zhis dt{ width:217px; height:108px; overflow:hidden; float:left;}
.zhis dt img{ display:block; width:217px; height:108px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.zhis dd{ width:300px; float:right; overflow:hidden;}
.zhis dd h4{ height:34px; font:18px "Microsoft YaHei UI"; font-weight:bold; line-height:34px;}
.zhis dd h4 a{ display:block; color:#292929;}
.zhis dd h4 em{ display:block; float:left; width:70px; height:34px; background:#f1000c; font:16px "Microsoft YaHei UI"; text-align:center; line-height:34px; color:#fff; margin-right:10px;}
.zhis dd p{ font:15px "Microsoft YaHei UI"; line-height:25px;  margin-top:4px;}
.zhis dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.zhis li{ height:44px; border-bottom:1px solid #f4f4f4; font:15px "Microsoft YaHei UI"; line-height:44px; overflow:hidden; padding-left:22px; position:relative;}
.zhis li a{ display:block; color:#666;}
.zhis li em{ float:right;}
.zhis li:before{ content:""; position:absolute; top:17px; left:0; width:6px; height:6px; border-radius:6px; border:1px solid #c6c6c6;}
.zhis li:last-child{ border:0;}

.faq{ width:550px; overflow:hidden; height:225px;}
.faq dl{ margin-bottom:20px;}
.faq dt a{ display:block;font:18px "Microsoft YaHei UI";font-weight:bold; height:27px; line-height:27px; padding-left:47px; background:url(../images/wen.jpg) no-repeat left center; color:#292929;}
.faq dd{ font:15px "Microsoft YaHei UI"; line-height:27px; color:#666; padding-left:47px; background:url(../images/da.jpg) no-repeat left 0; margin-top:8px;}
.faq dd a{ color:#666;}


.g_ab{overflow: hidden;position: relative;background:url(../images/abbgg.jpg) no-repeat center 126px;height: 1160px;box-sizing: border-box;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_ab h2 a{display: block;height: 158px;font-size: 50px;color:#333333;text-align: center;}
.g_ab h2 b{color:#f1000c;}
.g_ab h2 em{display: block;font-size: 24px;color:#666666;font-weight: normal;padding-top: 5px;}
.abwz{height: 606px;}
.abwz dd{float: left;width:555px;}
.abwz dd b{font-weight: normal;font-size: 16px;color:#f1000c;padding-left: 26px;}
.abwz li{font-size: 16px;line-height: 24px;padding-left: 26px;position: relative;margin-bottom: 10px;}
.abwz li:before{content: "";position: absolute;width:4px;height: 4px;background: #f1000c;border-radius: 50%;left:6px;top:12px;}
.abwz dt{float: right;width: 579px;height: 454px;}
.abwz dt img{display: block;width: 579px;height: 454px;}
.abwz dt em{display: block;font-size: 16px;color:#f1000c;margin:20px 0 0 0;text-align: right;}


.zz_q2{height:107px;padding-left: 330px;width:1200px;margin:0 auto;box-sizing: border-box;}
.zz2 ul{height:75px;}
.zz2 ul li a{float: left;width:330px;font-size: 24px;color:#333333;padding-left: 88px;position: relative;box-sizing: border-box;height: 75px;padding-top: 10px;}
.zz2 ul li i{position: absolute;left:0;top:0;width:75px;height: 80px;overflow: hidden;}
.zz2 ul li em{display: block;font-size: 12px;color:#999999;}
.zz2 ul .cur a,.zz2 ul li:hover a{color:#f1000c;font-weight: bold;}
.zz2 ul .cur em,.zz2 ul li:hover em{font-weight: normal;color:#f1000c;}
.zz2 ul .cur i img,.zz2 ul li:hover i img{margin-left: -75px;}

.zz_box2{position:relative;}
.zz-s2 ol li{position:relative;float:left;width:293px;margin-right:9px;background:0 0;padding:0;transition:all .3s linear 0s;overflow:hidden}
.zz-s2 ol li img{width:293px;height:220px;display:block;transition:all .3s linear 0s}
.zz-s2 ol li em{position: relative; display: block; width:293px;height:48px;line-height: 48px; border-bottom: 2px solid #bfbfbe; text-align:center;font-size:14px;color:#666666;}
.zz-s2 ol li em:before{content: ""; position: absolute;width:0;height: 2px;background: #ae0d01;left:0;bottom: -2px;transition: all 0.3s linear 0s;}
.zz-s2 ol li:hover em:before{width:100%;background: #ae0d01;}
.zz-s2 ol li:hover em{color:#ae0d01;}
.zz-s2 ol li:hover img{transform: scale(1.1);}

.zz_box3{position:relative;}
.zz-s3 ol li{position:relative;float:left;width:230px;margin-right:9px;background:0 0;padding:0;transition:all .3s linear 0s;overflow:hidden}
.zz-s3 ol li img{width:230px;display:block;transition:all .3s linear 0s}
.zz-s3 ol li em{position: relative; display: block; width:293px;height:48px;line-height: 48px; border-bottom: 2px solid #bfbfbe; text-align:center;font-size:14px;color:#666666;}
.zz-s3 ol li em:before{content: ""; position: absolute;width:0;height: 2px;background: #ae0d01;left:0;bottom: -2px;transition: all 0.3s linear 0s;}
.zz-s3 ol li:hover em:before{width:100%;background: #ae0d01;}
.zz-s3 ol li:hover em{color:#ae0d01;}
.zz-s3 ol li:hover img{transform: scale(1.1);}

.g_zs2 .ljt,.g_zs2 .rjt{width:30px;height:50px;position: absolute;}
.g_zs2 .ljt{background:url(../images/jt.png) no-repeat;left:-50px;top:88px;}
.g_zs2 .rjt{background:url(../images/jt.png) no-repeat right 0;right:-50px;top:88px;}


 @media screen and (max-width:1401px) {             

.cpdh{display:none;}


}




.g_pp{height: 1040px;background: url(../images/ppbg.jpg) no-repeat center top;padding-top: 66px;box-sizing: border-box;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.m_pp{height: 642px;}
.m_pp h2{height: 86px;line-height: 86px; font-size: 50px;color:#333333;box-sizing: border-box;animation-delay: 0.1s;font-weight: bold;text-align: center;}
.m_pp h2 b{color: #f1000c;}
.m_pp p{font-size: 16px;color:#666666;animation-delay: 0.2s;padding: 0 0 0 22px;height: 68px;padding-top: 12px;box-sizing: border-box;}
.ppmid{height: 546px;}
.midleft{float: left;width:560px;position: relative;}
.midleft h3{position: absolute;left:0;top:34px;font-size: 36px;color:#333333;font-weight: bold;z-index: 11}
.midleft i{position: absolute;left:70px;top:34px;}
.smlst{padding-top: 320px;}
.smlst li{position: relative;height: 32px;line-height: 32px;margin-bottom: 12px;font-size: 16px;color: #666666;padding-left: 75px;}
.smlst li em{position: absolute;left:0;top:0;width:60px;line-height: 32px;text-align: center;font-size: 16px;color:#fff;border-radius: 5px;}
.smlst li:nth-child(1) em{background: #ed8376;}
.smlst li:nth-child(2) em{background: #f1331a;}
.smlst li:nth-child(3) em{background: #d10e0c;}
.smlst li:nth-child(3){line-height: 24px;}
.video{float:right; width:600px;height: 427px;position: relative;margin-bottom: 30px;}
.video img{width:600px;height: 427px;display: block;}
.video:before{content: "";position: absolute;background: url(../images/videogico.png) no-repeat;width:600px;height: 427px;left:0;top:0;}




/* 友情链接 */
.g_link{ height: 68px;}
.g_link h2{float: left; width: 80px;height: 68px;line-height: 68px;font-size: 14px;font-weight: normal;color:#999999;}
.link_c{line-height:68px; overflow:hidden;float: left;width: 1080px; font-size: 14px;}
.link_c a{ white-space:nowrap; padding:0 30px;float: left; height: 68px; line-height:68px; color:#999999;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;}}