/*1029626114@qq.com*/
@charset "utf-8";

.g_pp{background:url(../images/spbg.jpg) no-repeat center bottom;height: 880px;padding-top: 76px;box-sizing: border-box;}
.g_pp h2{height: 83px;text-align: center;font-size:40px;color:#af0000;animation-delay: 0.1s;}
.g_pp p{text-align: center;font-size:16px;line-height: 36px;color:#666666;height: 230px;animation-delay: 0.2s;}
.g_pp .video a{display: block; margin-left: 196px;width:785px;height: 350px;overflow: hidden;position: relative;}



.g_pro{background:url(../images/pjbg.jpg) no-repeat center top;height: 958px;padding-top: 83px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.g_pro h2 a{display: block;height: 162px;text-align: center;font-size: 45px;color: #000;position: relative;}
.g_pro h2 em{display: block;font-size: 20px;color: #0b0b0b;font-weight: normal;}
.g_pro h2:before{content: "";position: absolute;width:74px;height: 3px;background: #af0000;left:50%;margin-left: -37px;top:115px;}
.g_pro .flhd{float: left;width: 270px;}
.flhd h3 a{display: block; background: #af0000;height: 100px;padding: 22px 0 0 28px;font-size:26px;font-weight: bold;color:#fff;box-sizing: border-box;}
.flhd h3 em{display: block;font-size:20px;color:#fff;text-transform:uppercase;font-weight: normal;}
.fllst{background: #fff;}
.fllst li a{display: block;height: 96px;border-bottom: 1px solid #d4d4d4;padding: 22px 0 0 27px;box-sizing: border-box;font-size:16px;font-weight: normal;color:#282828;}
.fllst li span{display: block;font-size:12px;color:rgba(40,40,40,.2);text-transform: uppercase;padding-top: 6px;}
.fltel{background: #af0000;height: 146px;padding-top: 20px;}
.fltel b{display: block;background:url(../images/fltel.jpg) no-repeat 33px 0;padding-left: 82px;line-height: 45px;font-size:18px;color:#fff;margin-bottom: 10px;}
.fltel em{display: block;background:url(../images/fltel5.jpg) no-repeat;height: 94px;padding-top: 9px;box-sizing: border-box;text-align: center;font-size:22px;color:#fff;}


.flimg{float: right;width:907px;position: relative;}
.g_pro .flimg dt{width:907px;height: 485px;overflow: hidden;position: relative;}
.g_pro .flimg dt img{width:907px;height: 485px;display: block;transition: all 0.3s linear 0s;}
.g_pro .flimg dt em{font-size:25px;color:#282828;position: absolute;right: 55px;top:420px;}
.g_pro .flimg dt em b{color:#af0000;font-size:35px;}
.g_pro .flimg dl:hover dt img{transform: scale(1.1);}
.g_pro .flbd dd{background: #fff;height: 166px;padding: 18px 25px 0 36px;box-sizing: border-box;}
.g_pro .flbd h4 a{display: block;height: 38px;line-height: 38px;position: relative;font-size: 18px;font-weight: normal;color: #282828;margin-bottom: 8px;}
.g_pro .flbd li{height: 26px;line-height: 26px;font-size:14px;color:rgba(40,40,40,.8);}
.g_pro .flbd li b{display: inline-block; width:176px;font-weight: normal;color:#282828;margin-right:20px;}
.g_pro .flbd li em{display:inline-block;width:627px;vertical-align:top;}
.flimg .u_ljt,.flimg .u_rjt{width: 43px;height: 43px;position: absolute;}
.flimg .u_ljt{background:url(../images/ljt.png) no-repeat;left:15px;top:248px; }
.flimg .u_rjt{background:url(../images/rjt.png) no-repeat;right:15px;top:248px;}
.flimg .u_ljt:hover,.flimg .u_rjt:hover{background-position: -43px 0}


.m_cphot{background:url(../images/bjbg.jpg) no-repeat center top;height: 708px; overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.m_cphot h2 a{display: block;height: 152px;text-align: center;font-size: 45px;color: #000;position: relative;}
.m_cphot h2 em{display: block;font-size: 20px;color: #0b0b0b;font-weight: normal;}
.m_cphot h2:before{content: "";position: absolute;width:74px;height: 3px;background: #af0000;left:50%;margin-left: -37px;top:90px;}

.m_cphot .cplst dl{float: left;width: 285px;margin-right: 18px;transition: all 0.3s linear 0s;}
.m_cphot .cplst dt{width: 285px;height: 285px;overflow: hidden;}
.m_cphot .cplst dt img{width: 285px;height: 285px;display: block;border: 1px solid #c4c4c4;box-sizing: border-box;}
.m_cphot .cplst dd{height: 115px;background: #fff;padding: 15px 20px 0;}
.m_cphot .cplst h4 a{display: block;font-size: 18px;height: 32px;line-height: 32px;color: #171717;font-weight: normal;background:url(../images/cpbtn1.jpg) no-repeat right 6px;margin-bottom: 6px;}
.m_cphot .cplst p{line-height: 18px;font-size: 14px;color: #979797;}
.m_cphot .cplst dl:hover dd{background: #af0000}
.m_cphot .cplst dl:hover h4 a{color: #fff;background:url(../images/cpbtn2.jpg) no-repeat right 6px;}
.m_cphot .cplst dl:hover p{color:rgba(255,255,255,.6);}
.m_cphot .cplst dl:hover{transform: translateY(-22px);}
.m_cphot .u_ljt,.m_cphot .u_rjt{width: 142px;height: 45px;position: absolute;}
.m_cphot .u_ljt{background:url(../images/ljt2.png) no-repeat;left:-165px;top:306px; }
.m_cphot .u_rjt{background:url(../images/rjt2.png) no-repeat;right:-165px;top:306px;}




.g_cpys{background:url(../images/ysbg.jpg) no-repeat center top;height: 1110px;padding-top: 67px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.g_cpys h2{height: 146px;padding-top: 60px;text-align: center;font-size: 36px;color:#333333;font-weight: bold;}
.g_cpys h2 em{display: block;font-size: 18px;color:#333333;font-weight: normal;padding-top: 8px;}

.cpysgy{position: absolute;}
.moren dt{float: left;width: 66px;height: 66px;background: #313f81;line-height: 66px;font-size: 36px;color: #fff;text-align: center;border-radius: 50%;}
.moren dd{float: left;width: 230px;margin-left: 12px;}
.moren h3{height: 42px;font-size: 32px;color:#3a3a3a;font-weight: bold;}
.moren p{font-size: 18px;color:#3a3a3a;margin-top: 10px;margin-bottom: 14px;}
.moren span a{display: block;padding-left: 35px;line-height: 32px;font-size: 14px;color:#3a3a3a;}
.cpys1 p{margin-top: 35px;}
.moren dl:nth-child(3n) dd{width:200px;}
.cpys2 dd{width:222px;}
.cpys4 dd{width:208px;}
.cpys6 dd{width:232px;}
.cpys1{left:0;top:80px;}
.cpys2{left:896px;top:100px;}
.cpys3{left:0;top:382px;}
.cpys4{left:910px;top:380px;}
.cpys5{left:18px;top:630px;}
.cpys6{left:870px;top:618px;}

.g_cpys .hover{display: none;}
.g_cpys .cur .hover{display: block;}
.g_cpys .cur .moren{display: none;}
.g_cpys .hover{width:505px;height: 270px;background: rgba(255,255,255,.95);border-radius: 30px 0 20px 0;margin-top: -60px;position: relative;box-shadow: 1px 3px 5px rgba(0,0,0,.2)}
.g_cpys .hover i{position: absolute;left:348px;top:100px;}
.g_cpys .hover i img{width: 120px;height: 120px;display: block;border-radius: 50%;}
.g_cpys .hover h3{height: 74px;line-height: 74px;padding-left: 115px;font-size: 32px;font-weight: bold;color:#fff;position: relative;background: #3c4987;border-radius: 30px 0 0 0;margin-bottom: 35px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.g_cpys .hover h3 b{position: absolute;left:20px;top:12px;background: #d20f09;width:75px;height: 75px;line-height: 75px;text-align: center;font-size: 48px;color:#fff;font-weight: normal;border-radius: 50%;}
.g_cpys .hover p{padding-left: 32px;width:288px; font-size: 15px;color:#000000;line-height: 24px;margin-bottom: 12px;}
.g_cpys .hover span a{padding-left: 32px;display: block;font-size: 16px;color:#3c4987;font-weight: bold;}
.cpysgy:hover .hover{display: block;}
.cpysgy:hover .moren{display: none;}

.g_gsys{background:url(../images/ysbg.jpg) no-repeat center top;height: 2429px;overflow: hidden;padding-top: 100px;}
.g_gsys h2{height: 186px;text-align: center;font-size: 45px;color:#fff;font-weight: bold;}
.g_gsys h2 em{display: block;font-size: 18px;color:#fff;font-weight: normal;padding-top: 18px;}
.ysimg1{position: absolute;left:0;top:186px;}
.ysimg2{position: absolute;right:-360px;top:792px;}
.ysimg3{position: absolute;left:-360px;top:1257px;}
.ysimg4{position: absolute;right:0;top:1722px;}
.ysgy h3{font-size: 30px;font-weight: bold;color:#000000;animation-delay: 0.1s;margin-bottom: 20px;}
.ysgy li{position: relative;padding-left:36px;line-height: 29px;font-size:14px;color:#090909;}
.ysgy li:before{content: "";position: absolute;width:5px;height: 5px;background: #9c0000;border-radius: 50%;left:15px;top:12px;}
.ysgy li:nth-child(1){animation-delay: 0.1s;}
.ysgy li:nth-child(2){animation-delay: 0.2s;}
.ysgy li:nth-child(3){animation-delay: 0.3s;}

.ysgy .ysmore a{display: block;margin-top: 22px;width:265px;height: 46px;line-height: 46px;border: 1px solid #282828;border-radius: 30px;padding-left: 30px;position: relative;font-size:18px;color:#000000;box-sizing: border-box;}
.ysgy .ysmore a:before{content: "";position: absolute;background:url(../images/ysjt2.png) no-repeat;width: 32px;height: 18px;right:8px;top:16px;}
.g_gsys .content:before{content: "";position: absolute;background:url(../images/ysico.jpg) no-repeat;width: 68px;height: 36px;left:0;top:2286px;}
.ysgy .ysmore a:hover{background: #9c0000;color:#fff;border: 1px solid #9c0000;}
.ysgy .ysmore a:hover:before{background:url(../images/ysjt1.png) no-repeat;}

.ysgy{position: absolute;}
.m_ys1{left:665px;top:373px;width:612px;}
.m_ys2{left:0;top:822px;width:558px;}
.m_ys3{left:665px;top:1330px;width:538px;}
.m_ys4{left:0;top:1840px;width:538px;}

.lt01{left:568px;top:418px;animation-delay: 0.1s;}
.lt02{left:568px;top:930px;animation-delay: 0.3s;}
.lt03{left:568px;top:1447px;animation-delay: 0.5s;}
.lt04{left:568px;top:1962px;animation-delay: 0.7s;}



/**/
.case{height:1000px;padding-top:53px;background:#f1f1f1; overflow: hidden;position: relative;}
.case h2 a{height: 126px;border-bottom: 1px solid #a8a8a8; text-align: center;font-size:44px;color:#000000;font-weight: bold;display: block;position: relative;width: 1200px;margin:0 auto 66px;}
.case h2 em{display: block;font-size:20px;color: #0b0b0b;font-weight: normal;padding-top: 6px;}
.case h2 a:before{content: "";position: absolute;width:74px;height: 3px;background: #af0000;margin-left: -37px;left:50%;top:124px;}
.case .case_con{margin: 0 auto;width:1200px; position: relative;}
.case .case_con dl{width: 1200px;height: 806px;position: relative;margin:0 40px;transition: .5s;}
.case .case_con dl dt{width: 1200px;height: 675px;line-height: 0;}
.case .case_con dl dt img{width: 1200px;height: 675px;transition: all 0.3s linear 0s;}
.case .case_con dl dd{width: 550px;height: 200px;background:#af0000; position: absolute;bottom: 66px;left:0;padding: 34px 0 0 34px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: none;}
.case .case_con h3 a{display: block;position: relative;height: 50px;line-height: 50px;margin-bottom: 40px; font-size: 28px;color:#fff;font-weight: normal;margin-bottom: 15px;}
.case .case_con h3 b{display: inline-block;padding-right: 32px;background: url(../images/antit.jpg) no-repeat right 24px;margin-right: 6px;}
.case .case_con h3 em{font-size:24px;color:#fff;}
.case .case_con dl dd p{font-size:16px;line-height: 30px;color:rgba(255,255,255,.86);padding-right: 40px;}
.case .case_con .tempWrap {overflow: visible !important; margin-left: -40px;}
.case .case_con dl.cur dd {display: block;}

.anjt{position: absolute;left:50%;bottom: 116px;width:1200px;margin-left: -600px;z-index: 155}
.anjt .u_ljt,.anjt .u_rjt{width: 143px;height: 46px;position: absolute;}
.anjt .u_ljt{left:900px;top:0;background: url(../images/ljt3.png) no-repeat;}
.anjt .u_rjt{left:1058px;top:0;background: url(../images/rjt3.png) no-repeat;}


.g_kf{padding-top: 64px;height: 1030px;}
.g_kf h2 a{height: 86px;border-bottom: 1px solid #a8a8a8; text-align: center;font-size:44px;color:#000000;font-weight: bold;display: block;position: relative;width: 1200px;margin:0 auto 62px;}
.g_kf h2 em{display: block;font-size:20px;color: #0b0b0b;font-weight: normal;padding-top: 6px;}
.g_kf h2 a:before{content: "";position: absolute;width:74px;height: 3px;background: #af0000;margin-left: -37px;left:50%;top:84px;}
.g_kf dl{float: left;width:366px;margin-right: 47px;height: 366px;margin-bottom: 74px;border-bottom: 1px solid #b8b7b7;position: relative;}
.g_kf dl:nth-child(3n){margin-right: 0;}
.g_kf dt{width: 366px;height: 206px;overflow: hidden;margin-bottom: 23px;}
.g_kf dt img{width:366px;height: 206px;display: block;transition: all 0.3s linear 0s;}
.g_kf dl:hover dt img{transform: scale(1.1);}

.g_kf h3 a{display: block;line-height: 36px;font-size:20px;color:#000000;margin-bottom: 15px;font-weight: normal;}
.g_kf p{font-size:14px;line-height: 22px;color: rgba(51,51,51,.8)}
.g_kf dl:before{content: "";position: absolute;width:0;height: 1px;background: #af0000;transition: all 0.3s linear 0s;left:0;bottom: -1px;}
.g_kf dl:hover:before{width:100%;}


.g_news8{padding-top: 72px;height: 752px;background: #f1f1f1;}
.g_news8 h2 a{height: 109px;border-bottom: 1px solid #a8a8a8; text-align: center;font-size:44px;color:#000000;font-weight: bold;display: block;position: relative;width: 1200px;margin:0 auto 57px;}
.g_news8 h2 em{display: block;font-size:20px;color: #0b0b0b;font-weight: normal;padding-top: 6px;}
.g_news8 h2 a:before{content: "";position: absolute;width:74px;height: 3px;background: #af0000;margin-left: -37px;left:50%;top:108px;}

.g_news8 .gsdt{float: left;width: 608px;}
.g_news8 .gsdt h3{height: 46px;line-height: 46px;position: relative;padding-left: 45px;font-size:20px;color:#181818;margin-bottom: 30px;}
.g_news8 .gsdt h3 a{color: #181818;}
.g_news8 .gsdt h3 i{position: absolute;left:0;top:7px;width: 36px;height: 36px;overflow: hidden;}
.g_news8 .gsdt h3 span{font-weight: normal;font-size:18px;color:#282828;}

.g_news8 .dttj{height: 222px;}
.g_news8 .dttj dt{width: 336px;height: 168px;overflow: hidden;float: left;}
.g_news8 .dttj dt img{width: 336px;height: 168px;display: block;transition: all 0.3s linear 0s;}
.g_news8 .dttj dt:hover img{transform: scale(1.1);}
.g_news8 .dttj dd{float: right;width:255px;}
.g_news8 .dttj h4{height: 30px;line-height: 30px;margin-bottom: 10px;font-size: 16px;font-weight: normal;color:#333333;position: relative;overflow: hidden;}
.g_news8 .dttj h4 a{color:#333333;}
.g_news8 .dttj h4 a:hover{color: #af0000;}
.g_news8 .dttj p{font-size: 14px;line-height: 28px;color:rgba(54,54,54,.6);overflow: hidden;}
.g_news8 .dttj span{display: block;margin-top: 16px;font-size:13px;color:#3e3e3e;line-height: 30px;}
.g_news8 .dtlst li{padding-left: 15px;height: 34px;line-height: 34px;font-size: 16px;color: #222222;margin-bottom: 15px;position: relative; }
.g_news8 .dtlst li a{color: #222222;}
.g_news8 .dtlst li a:hover{color: #af0000;}
.g_news8 .dtlst li:before{content: "";position: absolute;width:4px;height: 4px;border: 1px solid #d1d1d1;border-radius: 50%;left:0;top:15px;}
.g_news8 .dtlst li span{color:#9b9a9a;font-size:12px;}


.g_news8 .newr{float: right;width: 565px;}
.g_news8 .bk{height: 334px;}
.g_news8 .bk h3{height: 46px;line-height: 46px;position: relative;padding-left: 45px;font-size:20px;color:#181818;margin-bottom: 30px;}
.g_news8 .bk h3 a{color: #181818;}
.g_news8 .bk h3 i{position: absolute;left:0;top:7px;width: 36px;height: 36px;overflow: hidden;}
.g_news8 .bk h3 span{font-weight: normal;font-size:18px;color:#282828;}
.g_news8 .bk dl{height: 152px;position: relative;}
.g_news8 .bk dl:before{content: "";position: absolute;width:350px;height: 1px;background: #dedede;right:0;top:120px;}
.g_news8 .bk dt{width: 228px;height: 114px;overflow: hidden;float: left;margin-right: 16px;}
.g_news8 .bk dt img{width: 228px;height: 114px;display: block;transition: all 0.3s linear 0s;}
.g_news8 .bk dt:hover img{transform: scale(1.1);}
.g_news8 .bk dd{float: left;width: 318px;}
.g_news8 .bk h4{height:42px;line-height: 42px;overflow: hidden;font-size: 18px;color: #222222;font-weight: normal; }
.g_news8 .bk h4 a{color: #222222;}
.g_news8 .bk h4 a:hover{color: #af0000;}
.g_news8 .bk p{font-size: 14px;line-height: 22px;color: rgba(102,102,102,.7);height: 44px;overflow: hidden;}



.g_show{height: 558px;padding-top: 65px;overflow: hidden;}
.g_show .content{width:1250px;margin:0 auto;position: relative;}
.g_show h2 a{height: 86px;border-bottom: 1px solid #a8a8a8; text-align: center;font-size:44px;color:#000000;font-weight: bold;display: block;position: relative;width: 1200px;margin:0 auto 62px;}
.g_show h2 em{display: block;font-size:20px;color: #0b0b0b;font-weight: normal;padding-top: 6px;}
.g_show h2 a:before{content: "";position: absolute;width:74px;height: 3px;background: #af0000;margin-left: -37px;left:50%;top:84px;}

.m_show{height: 360px;}
.g_show .content:before{content: "";position: absolute;width:1277px;height: 4px;background: #d9d9d9;left:0;top:210px;z-index: 14}
.m_show dl{float: left;width: 240px;margin-right: 6px;transition: all 0.3s linear 0s;position: relative;text-align: center;}
.m_show dl:before{content: "";position: absolute;width:13px;height: 13px;background: #af0000;border-radius: 50%;left:50%;margin-left: -6px;top:56px;z-index: 155}

.m_show dt{width: 240px;height: 120px;overflow: hidden;margin-top: 112px;}
.m_show dt img{width: 240px;height: 120px;display: block;box-sizing: border-box;}
.m_show dd{position: absolute;top:0;left:0;width:240px;height: 320px;}
.m_show em{display: block;margin-top: 13px; line-height:30px;font-size:20px;color:#0d0409;margin-bottom: 30px; }
.m_show h3 a{display: block;font-size: 16px;height: 28px;line-height: 28px;color: #0d0409;font-weight: normal;margin-bottom: 158px;}
.m_show p{line-height: 22px;font-size: 14px;color: #222222;text-align: center; padding:0 22px;}

.g_show .u_ljt,.g_show .u_rjt{width: 142px;height: 45px;position: absolute;}
.g_show .u_ljt{background:url(../images/ljt2.png) no-repeat;left:-165px;top:306px; }
.g_show .u_rjt{background:url(../images/rjt2.png) no-repeat;right:-165px;top:306px;}






/**/
.about{height:978px; position: relative;overflow: hidden;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; background:url(../images/abbg.jpg) no-repeat center top;}
.abo-tit{position: absolute;width:472px;height: 647px;background:url(../images/abbg1.png) no-repeat;left:-50px;top:0;padding: 86px 49px 0 50px;box-sizing: border-box;z-index:15;}
.abo-tit h4{height:175px;}
.abo-tit h4 a{font-size: 36px; color:#000000; font-weight: bold;}
.abo-tit h4 em{display: block;font-size:30px;color:#af0000;padding-top: 11px;font-weight: normal;}
.abo-tit p{font-size: 14px; color:#000000; line-height: 30px;margin-bottom: 70px;}
.abo-tit span a{display: block;position: relative;width:190px;height: 40px;line-height: 40px;background: #af0000;padding-left: 40px;font-size: 16px;color:#fff;box-sizing: border-box;}
.abo-tit span a:before{content: "";position: absolute;background:url(../images/abbtn.jpg) no-repeat;width: 22px;height: 15px;left:124px;top:13px;}

.abo-qh{height:230px;padding-top: 684px;}
.abo-qh .abhd{width:190px; float:left;}
.abo-qh .abhd ul li{height:46px; line-height: 46px; background:#c7c7c7; margin-bottom: 8px;padding:0 0 0 66px; box-sizing: border-box;position: relative;font-size: 15px;}
.abo-qh .abhd ul li a{color:#000;}
.abo-qh .abhd ul li i{position: absolute;left:17px;top:3px;width:40px;height: 40px;overflow: hidden;}
.abo-qh .abhd ul li i img{display: block;}

.abo-qh .abhd ul li.cur{background:#af0000;}
.abo-qh .abhd ul li.cur a{color: #fff;}
.abo-qh .abhd ul li.cur i img{margin-left: -40px;}

.abo-qh .abo-list{width:956px; overflow: hidden;float:right;}
.abo-qh .abo-list ul li{float:left;width:316px; margin-right: 6px;}
.abo-qh .abo-list ul li img{width:316px;height: 158px;display: block;}
.abo-qh .abo-list ul li em{display: block;line-height: 30px;font-size: 18px;color:#000000;text-align: center;}











/* 友情链接 */
.g_link {
  position: relative;
  margin-top: -70px;
  width: 1200px;
  margin-left: -600px;
  left: 50%;
}
.g_link .content {
  width: 214px;
  margin: 0 auto;
  float: right;
}
.g_link h2{float: left;width: 112px;font-size: 14px;font-weight: normal;color: #888888}

.link_c {
  overflow: hidden;
  width: 300px;
  font-size: 14px;
}
.link_c a {
  white-space: nowrap;
  padding: 0 6px;
  float: left;
  color:#888888;
  display: block;
}
.link_c a:hover {
  color:#000;
}




@-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}
.fa-flipInX{-webkit-animation:bounce 3s infinite linear;animation:bounce 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;}}