/*1029626114@qq.com*/
@charset "utf-8";
.g_pp{padding: 80px 0;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_pp dt{float: left;width:50%;position: relative;margin-right: 5.7%;}
.g_pp dt img{width:100%;display: block;}
/*.g_pp dt a:before{content: "";position: absolute;width:60px;height: 60px;background: url(../images/videoico.png) no-repeat;left:50%;margin-left: -30px;top:50%;margin-top: -30px;}*/
.g_pp dd{float: left;width:30%;padding-top: 1rem;}
.g_pp h3{position: relative;height: 5rem;font-size: 1.4rem;color: #353535;font-weight: bold;padding-top: 2rem;}
.g_pp h3:before{content: "";position: absolute;background: url(../images/pptit.png) no-repeat;width:160px;height: 24px;left:0;top:0;}
.g_pp p{font-size: 16px;line-height: 1.25rem;color:#666666;margin-bottom: 0.8rem;}
.g_pp span{display: block;width:74.2%;margin-bottom: 0.7rem;}
.g_pp span img{width:100%;display: block;}
.g_pp .pplst{width:100%;}
.g_pp .pplst li{float: left;width:26%;margin-right: 9%;}
.g_pp .pplst li:nth-child(3){margin-right: 0;}
.g_pp .pplst i{width:40%;margin:0 auto;display: block;}
.g_pp .pplst i img{width: 100%;display: block;}
.g_pp .pplst h4{text-align: center;font-size: 1rem;color:#353535;font-weight: normal;}
.g_pp .pplst h4 em{display: block;text-align: center;font-size: 14px;color:#adadad;font-weight: normal;}

.g_pp .pplst li:nth-child(1){animation-delay: 0.1s;}
.g_pp .pplst li:nth-child(2){animation-delay: 0.2s;}
.g_pp .pplst li:nth-child(3){animation-delay: 0.3s;}

.g_pp .pplst li:hover i img{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}




.g_fa{background: url(../images/fabg.jpg) no-repeat center top;padding-top: 62px;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_fa h2 a{display: block;height: 162px;text-align: center;font-size:46px;color:#3b3a3d;font-weight: normal;text-transform: uppercase;}
.g_fa h2 em{display: block;font-size:20px;color: #a9a9a9;}
.g_fa h2 span{display: block;font-size:18px;color: #808080;padding-top: 5px;}
.fatit{height: 92px;line-height: 92px;background: #464545;position: relative;margin-bottom: 22px;}
.fatit .fahd li a{display: block; text-align: center; float: left;width:33.333333%;border-right: 1px solid #6f6e6e;border-left: 1px solid #373636;font-size:22px;color:#fff; box-sizing:border-box;}
.fatit .fahd .on a{background: #114c92;}
.famore a{position: absolute;right: 0;top:0;width:33.333333%;font-size:22px;color:#fff;text-align: center;}
.fabd dl{position: relative;}
.fabd dt a{width:100%;overflow: hidden;position:relative;z-index:1;display:block;}
.fabd dt a:before{content:"";position:absolute;height: 600px;left:0;bottom: 0;background: url(../images/ansha.png) no-repeat;width:100%;z-index:20;}
.fabd dt img{display: block;transition: all 0.3s linear 0s;}
.fabd dd{position: absolute;width:100%;height: 600px;left:0;bottom: 0;}
.fabd dl:hover dt img{transform: scale(1.1);}



.faspc{position: absolute;right: 0;top:85px;width: 33.5%;height: 17rem;background: rgba(24,81,148,.9);border-radius: 0.5rem 0 0 0;padding: 1.3rem 3% 0; box-sizing:border-box;z-index:25;}
.faspc h5{text-align: center;line-height: 2rem;text-align: center;font-size: 1rem;color:#fff;margin-bottom: 1.25rem;}
.faspc h6{text-align: center;line-height: 3.2rem;text-align: center;font-size: 0.8rem;color:#fff;font-weight: normal;}
.fasp{width: 100%;position: relative;}
.fasp img{width: 100%;display: block;}
.fasp:before{content: "";position: absolute;width:42px;height: 42px;background: url(../images/video2.png) no-repeat;left:50%;margin-left: -21px;top:50%;margin-top: -21px;}
.fawz{position: absolute;left:5%;bottom: 1.2rem;width:90%;z-index:25;}
.fawz h4 a{display: block;line-height:48px;font-size:24px;color:#fff;}
.fawz p{font-size:18px;color:rgba(255,255,255,.8);}


.g_cptj{padding-top: 65px;padding-bottom: 145px;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_cptj h2 a{display: block;height: 162px;text-align: center;font-size:46px;color:#3b3a3d;font-weight: normal;text-transform: uppercase;}
.g_cptj h2 em{display: block;font-size:20px;color: #a9a9a9;}
.g_cptj h2 span{display: block;font-size:18px;color: #808080;padding-top: 5px;}
.g_cptj h2 b{color:#144e93;}

.g_cptj .cptjc dl{float: left;width:444px !important;margin-right: 32px;position: relative;overflow:hidden;border:1px solid #e6e6e6;box-sizing:border-box;}

.g_cptj .cptjc dt{width:444px;}
.g_cptj .cptjc dt img{display: block;width:444px;}
.g_cptj .cptjc dd{position: absolute;left:0;top:-100%;width:444px;background: #144e93;height: 100%; border:1px solid #144e93;transition: all 0.3s linear 0s; overflow: hidden; box-sizing:border-box;}
.g_cptj .cptjc dd>a{display: block; width: 100%;height: 100%;padding-top: 3.5rem;}
.g_cptj .cptjc h4{display: block;line-height: 48px;text-align: center;font-size:22px;color:#fff;font-weight: bold;}
.g_cptj .cptjc p{font-size: 16px;line-height: 26px;color:#fff;padding: 0 18%;text-align: center;}
.g_cptj .cptjc dl:hover dd{top:0;}



.g_cptj .u_ljt,
.g_cptj .u_rjt{position: absolute;width:40px;height: 60px;}
.g_cptj .u_ljt{background: url(../images/ljt.png) no-repeat;left:-70px;top:130px;}
.g_cptj .u_rjt{background: url(../images/rjt.png) no-repeat;right:-70px;top:130px;}
.g_cptj .u_ljt:hover,.g_cptj .u_rjt:hover{background-position: -40px 0;}


.g_cpystit h2{display: block;height: 172px;text-align: center;font-size:46px;color:#3b3a3d;font-weight: normal;text-transform: uppercase;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_cpystit h2 em{display: block;font-size:20px;color: #a9a9a9;}
.g_cpystit h2 span{display: block;font-size:18px;color: #808080;padding-top: 5px;}

.g_cpysnr{background: url(../images/cptdbg.jpg) no-repeat center top;height: 35rem;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_cpysnr li{float: left;width:16.666666666666%;border-right: 1px solid rgba(255,255,255,.35);height: 35rem;position: relative;box-sizing:border-box;}
.g_cpysnr li dl{box-sizing:border-box; padding-top: 6rem;}

.g_cpysnr li:nth-child(1):before,.g_cpysnr li:nth-child(3):before,.g_cpysnr li:nth-child(3):before{content:""; position: absolute;width:100%;height: 1px; left:0; top:13rem;border-bottom:1px solid rgba(255,255,255,.35);}
.g_cpysnr li:nth-child(1) dl,.g_cpysnr li:nth-child(3) dl,.g_cpysnr li:nth-child(5) dl{margin-top: 13rem;height: 22rem;}

.g_cpysnr li:nth-child(2):before,.g_cpysnr li:nth-child(4):before,.g_cpysnr li:nth-child(6):before{content:""; position: absolute;width:100%;height: 1px; left:0; top:18.5rem;border-bottom:1px solid rgba(255,255,255,.35);}
.g_cpysnr li:nth-child(2) dl,.g_cpysnr li:nth-child(4) dl,.g_cpysnr li:nth-child(6) dl{height: 18.5rem;}


.g_cpysnr li p{margin:1rem 5% 1.5rem;font-size:0.8rem;line-height: 1.1rem;color:#fff;text-align: center;display: none;}
.g_cpysnr li span a{position:relative; display:none; width:70%;height: 1.8rem;line-height: 1.8rem;background: #fff;border-radius: 2rem;text-align: center;font-size:0.92rem;color: #114c92;margin:0 auto;}

.yscode{display:none;position:absolute;right:-260px;top:-230px;width:230px; height:230px; background:#114c92;padding:20% 0 0;box-sizing:border-box;z-index:1542;}
.yscode em{display:block;text-align:center;font-size:12px;color:#fff;}
.g_cpysnr li span a:hover .yscode{display:block;}
.g_cpysnr li:nth-child(6) .yscode{right:120%;}


.g_cpysnr dt{width:4.2rem;margin:0 auto;}
.g_cpysnr dt img{width:100%;display: block;}
.g_cpysnr h3{text-align: center;font-size: 1rem;color:#fff;font-weight: normal;}
.g_cpysnr h3 em{display: block;font-size: 14px;color:rgba(255,255,255,.5);padding-top: 0.2rem;}


.g_cpysnr li:hover dl,.g_cpysnr .cur dl{background: #114c92;padding-top: 2rem;}
.g_cpysnr li:hover p,.g_cpysnr .cur p{display: block;}
.g_cpysnr li:hover span a,.g_cpysnr .cur span a{display: block;}
.g_cpysnr li:nth-child(1):hover:before,.g_cpysnr .cur:nth-child(1):before{width:0;}
.g_cpysnr li:nth-child(2):hover:before,.g_cpysnr .cur:nth-child(2):before{width:0;}
.g_cpysnr li:nth-child(3):hover:before,.g_cpysnr .cur:nth-child(3):before{width:0;}
.g_cpysnr li:nth-child(4):hover:before,.g_cpysnr .cur:nth-child(4):before{width:0;}
.g_cpysnr li:nth-child(5):hover:before,.g_cpysnr .cur:nth-child(5):before{width:0;}
.g_cpysnr li:nth-child(6):hover:before,.g_cpysnr .cur:nth-child(6):before{width:0;}

.g_kfjz{background: #f2f2f2;padding-top: 60px;padding-bottom: 80px;}
.g_kfjz h2 a{display: block;height: 162px;text-align: center;font-size:46px;color:#3b3a3d;font-weight: normal;text-transform: uppercase;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_kfjz h2 em{display: block;font-size:20px;color: #a9a9a9;}
.g_kfjz h2 span{display: block;font-size:18px;color: #808080;padding-top: 5px;}

.kfjztit{position: relative;height: 92px;margin-bottom: 25px;overflow:hidden;}
.kfjzhd{height: 92px;line-height: 92px;background: #464545;}
.kfjzhd li a{display: block; float: left;width:20%;font-size:22px;color:#fff;padding-left: 7%;box-sizing:border-box;border-right: 1px solid #6f6e6e;border-left: 1px solid #373636;position: relative;}
.kfjzhd li i{position: absolute;left:12%;top:15px;width:60px;height: 60px;}
.kfjzhd .on a{background: #114c92;}
.kfjzhd .on i img{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}


.kfmore a{position: absolute;right: 0;top:0;height: 92px;line-height: 92px;width:20%;text-align: center;font-size:22px;color:#fff;}
.kfjzbd dl{background: #fff;}
.kfjzbd dt{float: right;width:50.5%;}
.kfjzbd dt img{width:100%;display: block;transition: all 0.3s linear 0s;}
.kfjzbd dl:hover dt img{transform: scale(1.02);}

.kfjzbd dd{float: left;width:49.5%;padding: 4rem 3% 0 5%;box-sizing:border-box;}
.kfjzbd h4 a{display: block;line-height:30px;font-size: 16px;color:#272727; }
.kfwz{margin-bottom: 1.25rem;}
.kfwz li{position: relative;line-height: 30px;font-size:16px;padding-left: 90px;}
.kfwz li b{position: absolute;left:0;top:0;color:#272727;}
.kfwz li:nth-child(2){margin-bottom: 1rem;}
.kfimg li{float: left;width:30%;margin-right: 3%;position: relative;overflow: hidden;}
.kfimg li img{width:100%;display: block;transition: all 0.3s linear 0s;}
.kfimg li em{position: absolute;left:0;top:0; width:100%;height: 100%;padding-top: 35%;box-sizing:border-box;background: rgba(17,76,146,.8);font-size:14px;color:#fff;text-align: center; display:none}
.kfimg li:hover em{display: block;}
.kfimg li:hover img{transform: scale(1.1);}



.g_ys{padding-top: 65px;}
.g_ys h2{display: block;height: 155px;text-align: center;font-size:46px;color:#3b3a3d;font-weight: normal;text-transform: uppercase;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_ys h2 em{display: block;font-size:20px;color: #a9a9a9;}
.g_ys h2 span{display: block;font-size:18px;color: #808080;padding-top: 5px;}
.ysbd,.ysbd img{width:100%;display: block;overflow: hidden;}

.yshd{padding:0 11%;background: #fff;height: 207px;box-shadow: 14px 3px 38px rgba(193,193,193,.4)}
.yshd dl{float: left;width:20.7%;padding-left: 4%;box-sizing:border-box;position: relative;}
.yshd dl:before{content:"";position: absolute;width:1px;height: 170px;background: #e0e0e0;right: 0;top:38px;}
.yshd dl:after{content:"";position: absolute;width:4px;height: 50px;background: #095faa;right:-1px;top:38px;}
.yshd dl:nth-child(4):before{background: none;}
.yshd dl:nth-child(4):after{background: none;}


.yshd dt{padding-top: 42px;}
.yshd h3{height: 54px;line-height: 54px;font-size:30px;color:#000;}
.yshd span{display: block;font-size: 20px;line-height: 26px;color:#666666;margin-top: 8px;}
.yshd span em{display: inline-block;}
.yshd dd{display: none;}
.yshd dd p{font-size: 16px;line-height: 26px;color:#fff;}

.yshd dl.on{width:34.8%;background: #114c92;height: 270px;position: relative;top:-64px;margin-left: -4px;padding: 36px 5% 0;box-sizing:border-box;}
.yshd dl.on:before{background: none;}
.yshd dl.on:after{background: none;}
.yshd dl.on dd{display: block;}
.yshd dl.on dt{padding-top: 0;}
.yshd dl.on h3,.yshd dl.on em{color:#fff;}
.yshd dl.on span{color:#fff;margin-bottom:13px;}
.yshd dl.on span em{color:#fff;}


.g_news{background: #f2f2f2;padding-top: 70px;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_news h2 a{display: block;height: 148px;text-align: center;font-size:46px;color:#3b3a3d;font-weight: normal;text-transform: uppercase;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_news h2 em{display: block;font-size:20px;color: #a9a9a9;}
.g_news h2 span{display: block;font-size:18px;color: #808080;padding-top: 5px;}

.newshd{height: 48px;line-height: 48px;margin-bottom: 18px;margin-left: 34%;}
.newshd li a{display: block; float: left;font-size: 24px;color:#434343;margin-right: 8%;}
.newshd .on a{color:#114c92;font-weight: bold;}


.newtj{background: #fff;margin-bottom: 36px;}
.newtj dt{float: left;width:31%;overflow: hidden;}
.newtj dt img{width:100%;display: block;transition: all 0.3s linear 0s;}
.newtj dd{float: left; width:69%; padding: 2.5rem 5% 0;box-sizing:border-box; }
.newtj h3 a{display: block;line-height: 44px;font-size: 16px;color:#434343;}
.newtj h3 a:hover{color:#144e93;}
.newtj p{font-size: 16px;color:#666666;line-height: 30px;}
.newtj:hover dt img{transform: scale(1.1);}



.newlst{position: relative;height: 300px;}
.newlst:before{content:"";position: absolute;width:2px;height: 222px;background: #bdbdbd;left:50%;top:0;}
.newlst dl{float: left;width:44%;margin-bottom: 20px;}
.newlst dl:nth-child(2n){float: right;}
.newlst dt{float: left;width:29%;margin-right: 3%;overflow: hidden;}
.newlst dt img{width:100%;display: block;transition: all 0.3s linear 0s;}
.newlst dd{float: left; width:57%;  }
.newlst h4 a{display: block;line-height: 44px;font-size: 16px;color:#434343;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.newlst h4 a:hover{color:#144e93;}
.newlst p{font-size: 16px;color:#666666;line-height: 22px;}
.newlst dl:hover dt img{transform: scale(1.1);}




.g_ab{ overflow: hidden;position: relative;padding-bottom: 66px;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.m_ab{background: url(../images/abbg.jpg) no-repeat center top;height: 671px;padding-top: 66px;box-sizing:border-box;margin-bottom: 43px;}
.content2{width:1200px;margin:0 auto;}
.g_ab h2 a{display: block;height: 160px;text-align: center;font-size:46px;color:#000;font-weight: normal;text-transform: uppercase;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_ab h2 em{display: block;font-size:20px;color:#94918a;}
.g_ab h2 span{display: block;font-size:18px;color: #010000;padding-top: 5px;}
.m_ab p{font-size: 16px;color:#010000;line-height: 26px;text-align: center;}


.zz2{margin:0 auto;  position:relative;width:1400px;}
.zz_q2{float: left;width:23.5%;}
.zz2 ul li a{display: block; height: 82px; line-height: 82px; width:100%; border:1px solid #e2e6e4; border-bottom: none; text-align: center; font-size: 22px;color:#333333;position: relative;box-sizing: border-box;}
.zz2 ul li:nth-child(3) a{border-bottom:1px solid #e2e6e4;}
.zz2 ul .cur a,.zz2 ul li:hover a{color:#fff;font-weight: bold;background: #114c92;}
.zz2 ul .cur a:before{content: "";position: absolute;right:-12px; top:20px;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 0 20px 20px;
border-color: transparent transparent transparent #114c92;
}


.zz_change{float: left;width:76.5%;}
.zz_box2{position:relative;}
.zz-s2 ol li{position:relative;float:left;width:329px; margin-left:28px;transition:all .3s linear 0s;overflow:hidden}
.zz-s2 ol li img{width:329px;display:block;transition:all .3s linear 0s;border:1px solid #ccc;box-sizing:border-box;}
.zz-s2 ol li em{display: block;height: 52px;line-height: 52px;text-align: center;font-size: 16px;color:#464545;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}




  





/* 友情链接 */
.g_link{ height: 68px;background: #0e3d75;}
.g_link h2{float: left; width: 80px;height: 68px;line-height: 68px;font-size: 14px;font-weight: normal;color:#fff;}
.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:#fff;display: block;}
.link_c .lasta a{background: none;}




 @media screen and (min-width:1598px) and (max-width:1740px) {
       .yshd{padding:0 8%;}
       
       
       
        }




@media screen and (max-width:1501px) {
  .content{width: 1200px;margin:0 auto;}
  .g_pp dd{width:40%;}
.g_pp p{font-size: 14px;}
.g_pp h3{height: 4rem;}
.g_pp span{width:50%;}
.fawz h4 a{font-size: 20px;}
.fawz p{font-size: 16px;}
.faspc{height: 20rem;}
.g_cptj .cptjc dl{width:373px!important;}
.g_cptj .cptjc dt{width:373px;}
.g_cptj .cptjc dt img{width: 373px;}
.g_cptj .cptjc dd{width:373px;padding-top: 60px;}
.yshd{padding: 0 2%;}
.yshd dl.on{padding: 15px 2% 0;}
.newlst p{font-size: 14px;}
.zz-s2 ol li{width:260px;}
.zz-s2 ol li img{width:260px;}
.zz2 ul li a{height: 66px;line-height: 66px;}
.zz2 ul .cur a:before{top:15px;}
.yscode{right:-230px;top:-200px;width:200px; height:200px;padding:20% 0 0;}






}














@-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;}}