/*1029626114@qq.com*/
@charset "utf-8";
.g_guide{background: url(../images/ppbg.jpg) no-repeat center top; background-size: cover; height: 25.8rem;padding-top: 4.1rem;box-sizing: border-box;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.m_guide{margin:0 13.5%;}
.g_guide dl{position: relative;}
.g_guide dd{float: left;width:48%;position: relative;z-index: 11}
.g_guide dd h2{width:85%;}
.g_guide dd h2 img{width:100%;display: block;}
.g_guide dd p{font-size: 16px;color:#666666;line-height: 1.1rem;margin-bottom: 1.6rem;}
.g_guide ul{height: 4.4rem;border:1px solid #dfdfdf;box-sizing: border-box;width:100%;}
.g_guide li{position: relative;float: left;width:25%;padding-top:0.4rem;}
.g_guide li i{display: block; font-size: 1.4rem;color:#0061c2;text-align:center;width:100%;text-transform: uppercase;font-weight: bold; font-style:normal;}
.g_guide li i img{width:100%;display: block;}
.g_guide li span{display: inline-block;font-size: 1.1rem;}
.g_guide li em{display: block;text-align:center;font-size: 20px;color:#1c1d1d;}
.g_guide li:before{content: "";position: absolute;width:1px;height: 3rem;background: #d5d5d5;right: 0;top:0.8rem;}
.g_guide li:last-child:before{background:none;}

.g_guide span a{display: block;width:6.4rem;height: 1.66rem;line-height: 1.66rem;text-align:center;font-size: 0.8rem;color:#fff;margin-top: 1.25rem;
background: #006eb9; /* Old browsers */
background: -moz-linear-gradient(left,  #006eb9 0%, #00c67d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #006eb9 0%,#00c67d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #006eb9 0%,#00c67d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006eb9', endColorstr='#00c67d',GradientType=1 ); /* IE6-9 */
}
.g_guide dt{position: absolute;right:-1%;top:0; width:51.4%;background: url(../images/spbg.jpg) no-repeat;background-size:cover;padding: 1rem 5% 0 5%;box-sizing: border-box;height: 20.2rem;}
.g_guide dt img{width:100%;display: block;}



.g_pro{background: #f6f6f6;padding-top: 65px;padding-bottom: 50px;}
.g_pro h2 a{height: 130px;display: block;text-align:center;font-size: 44px;color:#231916;font-weight: normal;}
.g_pro h2 em{display: block;font-size: 30px;color:#333333;}
.fltit{margin-bottom: 13px;}
.fltit dl{margin-bottom: 8px;background: #fff;}
.fltit dt{width:14%; float:left;
	background: #006eb9; /* Old browsers */
background: -moz-linear-gradient(left,  #006eb9 0%, #00c67d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #006eb9 0%,#00c67d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #006eb9 0%,#00c67d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006eb9', endColorstr='#00c67d',GradientType=1 ); /* IE6-9 */
}
.fltit dt a{display: block;padding-top: 28px;text-align:center;font-size: 24px;color:#fff;}
.fltit dt em{display: block;font-size: 12px;color: rgba(255,255,255,.3);text-transform: uppercase;}
.fltit dd{float: left;width:86%;padding: 17px 0 0 0;}
.fltit dd a{display: inline-block;font-size: 18px;line-height: 38px; height: 38px; position: relative;padding: 0 1.6%;}
.fltit dd .on,.fltit dd a:hover{color:#0063c0;font-weight: bold;}
.fltit dd a:before{content: "";position: absolute;width:1px; height: 18px; background: #b8b8b8;right: 0;top:12px;}


.fltit dl:nth-child(1),.fltit dl:nth-child(1) dt{height: 105px;}
.fltit dl:nth-child(2),.fltit dl:nth-child(2) dt{height: 85px;}
.fltit dl:nth-child(2) dd{padding-top: 0;}
.fltit dl:nth-child(2) li{float: left;width:170px;height: 85px;}
.fltit dl:nth-child(2) li img{width:170px;height: 85px;display: block;transition: all 0.3s linear 0s;}
.fltit dl:nth-child(2) li:hover img{transform: scale(1.1);}
.fltit dl:nth-child(2) dd a:before{background: none;}
.fltit dl:nth-child(2) dt a{padding-top: 20px;}


.m_pro dl{float: left;width:23.5%;margin:0 2% 26px 0;}
.m_pro dl:nth-child(4n){margin-right: 0;}
.m_pro dt{width:100%;overflow: hidden;}
.m_pro dt img{width:100%;display: block;transition: all 0.3s linear 0s;}
.m_pro dl:hover dt img{transform: scale(1.1);}

.m_pro dd{background: #fff;padding-top: 32px;height: 80px; }
.m_pro h4 a{display: block;text-align:center;font-size: 20px;color:#333333;font-weight: normal;}
.m_pro h4 em{display: block;font-size: 12px;color:#666666;text-transform: uppercase;}
.m_pro dl:hover h4 a{color:#0062c1;}

.g_fa{padding-top: 60px;padding-bottom: 92px;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_fa h2 a{height: 130px;display: block;text-align:center;font-size: 44px;color:#231916;font-weight: normal;}
.g_fa h2 em{display: block;font-size: 30px;color:#333333;}
.g_fa .fatit{float: left;width:23.5%;}
.g_fa .fahd{background: #ececec;border:1px solid #cdcdcd;border-right: none;}
.g_fa .fahd li a{display: block; padding-left: 70px;font-size:20px;color:#333333;line-height: 88px; height: 88px;border-bottom: 1px solid #cdcdcd;background: url(../images/faico1.png) no-repeat 40px 35px;}
.g_fa .fahd li:last-child a{height: 90px;line-height: 90px;}
.g_fa .fahd li a:hover,.g_fa .fahd .on a{background: url(../images/faico2.png) no-repeat 40px 35px; color:#333333;font-weight: bold;}
.famore a{display: block;height: 125px;padding-left: 70px;font-size:20px;color:#fff;line-height: 125px;background:#585858 url(../images/faico3.png) no-repeat 40px 53px;}

.g_fa .fabd{float: right;width:76.5%;} 
.g_fa .fabd dt{border:1px solid #d5d5d5;box-sizing: border-box;}
.g_fa .fabd dt,.g_fa .fabd dt img{width:100%;display: block;}
.g_fa .fabd dd{height: 125px;position: relative;padding: 17px 170px 0 27px;box-sizing: border-box;
	background: #006eb9; /* Old browsers */
background: -moz-linear-gradient(left,  #006eb9 0%, #00c67d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #006eb9 0%,#00c67d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #006eb9 0%,#00c67d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006eb9', endColorstr='#00c67d',GradientType=1 ); /* IE6-9 */
}
.g_fa .fabd h3 a{display: block;line-height: 32px;font-size: 22px;font-weight: bold;color:#fff;}
.g_fa .fabd p{font-size: 16px;line-height: 28px;color:#fff;}
.g_fa .fabd span a{right: 30px;top:45px;background: #fff;width:115px;height: 45px;line-height: 45px;font-size: 16px;font-weight: bold;color:#00ae6a;text-align: center;position: absolute;}


.g_an{background: #f6f6f6;padding-top: 65px;padding-bottom: 50px;}
.g_an h2 a{height: 140px;display: block;text-align:center;font-size: 44px;color:#231916;font-weight: normal;}
.g_an h2 em{display: block;font-size: 30px;color:#333333;}

.antit{margin-bottom: 16px;}
.antit li a{position: relative;width:19.7%;margin:0 0.3% 5px 0;box-sizing: border-box;float: left;border:1px solid #dbdbdb;background: #f5f5f5;padding-left: 7%;font-size: 20px;color:#252525; height: 2.8rem;line-height: 2.8rem;transition: all 0.3s linear 0s;}
.antit li i{position: absolute;width:2.5rem;height: 2.5rem;overflow: hidden;left:12%;top:0.3rem;}
.antit li i img{width:5rem;display: block;transition: all 0.3s linear 0s;}
.antit li a:nth-child(5n){margin-right: 0;}
.antit li a:hover,.antit li.on a{color: #fff;
background: #006eb9; /* Old browsers */
background: -moz-linear-gradient(left,  #006eb9 0%, #00c67d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #006eb9 0%,#00c67d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #006eb9 0%,#00c67d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006eb9', endColorstr='#00c67d',GradientType=1 ); /* IE6-9 */
}
.antit li a:hover i img,.antit li.on i img{margin-left: -2.5rem;}

.m_an dl{float: left;width:23.5%;margin:0 2% 0 0;}
.m_an dl:nth-child(4n){margin-right: 0;}
.m_an dt{width:100%;border:1px solid #d5d5d5;overflow: hidden;}
.m_an dt img{width:100%;display: block;transition: all 0.3s linear 0s;}
.m_an dl:hover img{transform: scale(1.1);}
.m_an dd{ height: 70px;line-height: 70px; border-top: none;}
.m_an h4 a{display: block;text-align:center;font-size: 18px;color:#333333;font-weight: normal;}
.m_an dl:hover h4 a{color:#0062c1;font-weight: bold;}


.g_yftd{background: url(../images/yfbg.jpg) no-repeat center top;height: 1050px;padding-top: 60px;box-sizing: border-box;}
.g_yftd h2{height: 130px;display: block;text-align:center;font-size: 44px;color:#231916;font-weight: normal;}
.g_yftd h2 em{display: block;font-size: 30px;color:#333333;}
.g_yftd p{padding: 0 11%;text-align: center;font-size: 16px;line-height: 32px;color:#666666;height: 495px;}
.g_yftd ul{margin:0 5%;}
.g_yftd li{float: left;width:32.5%;margin-right: 1.1%;position: relative;overflow: hidden;}
.g_yftd li:nth-child(3){margin-right:0;}
.g_yftd li img{width:100%;display: block;transition: all 0.3s linear 0s;}
.g_yftd li:hover img{transform: scale(1.1);}
.g_yftd li span{position: absolute; background:rgba(0,0,0,.5); left:0;top:0;padding-top: 5rem;text-align:center;width:100%; height:100%;}
.g_yftd li span b{display: block;font-size: 22px;font-weight: normal;color:#fff;}
.g_yftd li span em{display: block; width:120px;height: 42px;line-height: 42px;background: #005ec4;border-radius: 2rem;text-align:center; font-size: 14px;font-weight: normal;color:#fff; margin:0.5rem auto 0;}
.g_yftd li:hover span em{
	background: #006eb9; /* Old browsers */
background: -moz-linear-gradient(left,  #006eb9 0%, #00c67d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #006eb9 0%,#00c67d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #006eb9 0%,#00c67d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006eb9', endColorstr='#00c67d',GradientType=1 ); /* IE6-9 */
}


.ystit h2{height: 150px;display: block;text-align:center;font-size: 44px;color:#231916;font-weight: normal;border-bottom: 1px solid #dededf;}
.ystit h2 em{display: block;font-size: 30px;color:#333333;}

.g_ys{overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;position: relative;}
.yshd{height: 100px;}
.yshd li{float: left;width:25%; padding-top: 27px; padding-left: 10%;box-sizing: border-box; position: relative;font-size: 24px;color:#333333;}
.yshd li b{position:absolute;left:15%;top:15px;font-size: 55px;color:#999999;font-weight: normal;}
.yshd li em{display: block;font-size: 55px;color:#999999;font-size: 12px;color:#666666;text-transform: uppercase;}
.yshd li:before{content: "";position: absolute;width:1px;height: 53px;background: #dfdfdf;right: 0;top:30px;}
.yshd li:nth-child(4):before{background: none;}
.yshd li.on{color: #005ec4;}
.yshd li.on b,.yshd li.on em{color: #005ec4;}



.ysbd dl{position: relative;}
.ysbd dt{width:100%;}
.ysbd dt img{width:100%;display: block;}
.ysbd dd{position: absolute;left:58%;top:4.16rem;width:33%;}
.ysbd h3{height:7rem;font-size: 2rem;line-height: 3rem;color:#333333;font-weight: normal; }
.ysbd p{font-size: 16px;line-height: 1.25rem;}
.ysbd p em{display: block;}
.g_ys .u_ljt,.g_ys .u_rjt{width: 3rem;height: 3rem;position: absolute;z-index: 1552}
.g_ys .u_ljt{background: url(../images/ljt.png) no-repeat; background-size: 100%; left:78%;top:27rem;}
.g_ys .u_rjt{background: url(../images/rjt.png) no-repeat;background-size: 100%;left:82%;top:27rem;}





/**/
.newsbj{padding:90px 0 68px;overflow: hidden; font-family:"Microsoft Yahei";}
.newsbj h2 a{display: block; height: 164px;display: block;text-align:center;font-size: 44px;color:#231916;font-weight: normal;}
.newsbj h2 em{display: block;font-size: 30px;color:#333333;}

.news{width:1400px;  position: relative;margin:0 auto;}
.news1{width:73.571%; max-width: 1030px; float: left;}
.news1 dl{background:#fff;box-shadow: 5px 8px 10px #e4e5e6;margin-bottom: 17px;height:225px;}
.news1 dt{width:300px;height:225px;float: left;overflow: hidden;}
.news1 dt img{width: 100%;display: block;}
.news1 dd{padding:25px 80px 0 32px; box-sizing: border-box; float: left;width:728px;}
.news1 dd h4{font-size:24px;color:#333;height: 42px;line-height: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: normal;}
.news1 dd h4 a{color:#333}
.news1 dd p{ line-height: 24px;font-size: 16px;color:#999999;margin: 10px 0 15px;}
.news1 dd span{height:36px;display: block; line-height: 36px;}
.news1 dd span .news_btn{display: block;width:140px;height: 36px;}
.news1 dd span .news_btn img{width:100%;display: block;}

.news1 dd span i{ font-size: 13px;color: #999999;float: right;font-style:normal;}
.news1 ul{background: #fff;height:91px;width:100%;box-shadow: 5px 8px 10px #e4e5e6;}
.news1 li{width: 33%;padding-left: 27px;box-sizing: border-box;height: 91px;float: left;padding-top:20px;}
.news1 li p{ font-size: 18px;color:#333333; line-height: 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; height: 32px;}
.news1 li i{ font-size: 13px;color: #999999;display: block;font-style:normal}


.news2{width:24.357%;box-sizing: border-box; max-width: 341px; float: right;box-shadow: 5px 8px 10px #e4e5e6;background: #fff;}
.news2 h3 a{display: block; font-size:24px;color:#fff;height: 80px;line-height: 80px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: normal; padding-left: 28px;
	background: #006eb9; /* Old browsers */
background: -moz-linear-gradient(left,  #006eb9 0%, #00c67d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #006eb9 0%,#00c67d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #006eb9 0%,#00c67d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006eb9', endColorstr='#00c67d',GradientType=1 ); /* IE6-9 */}


.news2_c{padding:25px 17px 20px 24px;}
.news2 dl{padding-bottom: 10px;border-bottom: 1px solid #e9e9e9;margin-bottom:29px;clear: both;overflow: hidden;}
.news2 dt{width:95px;height:71px;float: right;overflow: hidden;}
.news2 dt img{width: 100%;display: block;}
.news2 dd{ float: left;width:181px;}
.news2 dd p{font-size:14px;color:#333333;height: 53px;line-height: 22px;font-weight: normal;}
.news2 dd i{ font-size: 13px;color: #999999;display: block;font-style:normal;}
.news dl img{-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;}
.news dl:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);} 


.abtit h2 a{display: block; height: 154px;display: block;text-align:center;font-size: 44px;color:#231916;font-weight: normal;}
.abtit h2 em{display: block;font-size: 30px;color:#333333;}


.g_zj{background: #f1f1f1;height: 32.2rem;overflow: hidden;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_zj .ab{width:50%;float: left;}
.g_zj .ab img{width:100%;display: block;}
.g_zj .abr{float: left;width:50%;padding: 5.8rem 0 0 4%;box-sizing: border-box;width:32%;}
.g_zj .abr h3 a{display: block;font-size:1.5rem;color:#393939;font-weight: normal;height: 3rem;}
.g_zj .abr p{font-size:16px;line-height: 1.25rem;color:rgba(57,57,57,.7);}
.g_zj .abr p em{display: block;margin-bottom: 1rem;}

.g_zj .abhd{height: 1.7rem;line-height: 1.7rem;border:1px solid #aaaaaa;margin-bottom: 3px;}
.g_zj .abhd li a{display: block; height: 1.7rem;line-height: 1.7rem; float: left;width:33.333%;text-align:center;font-size:16px;color: #1b1b1b;border-right:1px solid #aaaaaa;box-sizing: border-box;}
.g_zj .abhd li:nth-child(3) a{border-right: none;}
.g_zj .abhd .on a{color:#fff;
	background: #006eb9; /* Old browsers */
background: -moz-linear-gradient(left,  #006eb9 0%, #00c67d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #006eb9 0%,#00c67d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #006eb9 0%,#00c67d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006eb9', endColorstr='#00c67d',GradientType=1 ); /* IE6-9 */
}

.g_zj .abbd li{float: left;width:33.333%;border-right: 2px solid #fff;box-sizing: border-box;overflow: hidden;}
.g_zj .abbd li img{width:100%;display: block;transition: all 0.3s linear 0s;}
.g_zj .abbd li:hover img{transform: scale(1.1);}

.g_kstd{padding-top: 63px;height: 280px;}
.g_kstd h2{background: url(../images/kstit.jpg) no-repeat;height: 70px;line-height: 46px;text-align:center;font-size:24px;color:#3f3f3f;}
.g_kstd dl{margin-bottom: 1px;background: url(../images/tdbg1.jpg) no-repeat;height: 48px;}
.g_kstd dl:nth-child(2){background: url(../images/tdbg2.jpg) no-repeat;height: 96px;}

.g_kstd dt{width:152px; float:left;}
.g_kstd dt a{display: block;text-align:center;font-size: 16px;color:#fff;font-weight: bold;}
.g_kstd dd{float: left;width:1046px;}
.g_kstd dd p{float: left;width:960px;}
.g_kstd dd a{display: inline-block; float: left; font-size: 14px;line-height: 48px; height: 48px; color:#666666; position: relative;padding: 0 1.5%;}
.g_kstd dd a:hover{color:#0063c0;}
.g_kstd dd a:before{content: "";position: absolute;width:1px; height: 12px; background: #979797;right: 0;top:18px;}
.g_kstd dd span a{float: right;font-size: 14px;color:#666666;}
.g_kstd dd span a:before{background: none;}
.g_kstd dl:nth-child(1),.g_kstd dl:nth-child(1) dt{height: 48px;line-height: 48px;overflow: hidden;}
.g_kstd dl:nth-child(2),.g_kstd dl:nth-child(2) dt{height: 96px;line-height: 96px;overflow: hidden;}





@media screen and (max-width:1401px) {
	.header,.content{ width:1200px; }
	.g_nav li a{padding: 0 30px;}
	.m_guide{margin:0 3.5%;}
	.g_guide dt{width: 45%;}

	.g_guide li em{font-size: 16px;}
	.g_guide dd p{font-size: 14px;}
	.g_fa .fahd li a{height: 72px;line-height: 72px;background: url(../images/faico1.png) no-repeat 40px 27px;font-size:18px;}
	.g_fa .fahd li:last-child a{height: 93px;line-height: 93px;background: url(../images/faico1.png) no-repeat 40px 35px;}
	.g_fa .fahd li a:hover,.g_fa .fahd .on a{background: url(../images/faico2.png) no-repeat 40px 27px;}
	.g_fa .fahd li:last-child a:hover,.g_fa .fahd .on:last-child a{background: url(../images/faico2.png) no-repeat 40px 35px;}
	.g_fa .fabd p{font-size: 14px;}
	.ysbd dd{width:38%;}
	.ysbd p{font-size: 14px;}
	.news{width: 1200px;}
	.news1 dd{padding:25px 40px 0 32px; width:582px;}
	.news2 dd{ width:145px;}
.g_zj .abr{width:45%;}
.g_zj .abr p{font-size:14px;}

}


@media screen and (max-width:1601px) {
   .g_zj .abr{width:42%;}


}






/* 友情链接 */
.g_link{ height: 52px;background: #006eb9; /* Old browsers */
background: -moz-linear-gradient(left,  #006eb9 0%, #00c67d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #006eb9 0%,#00c67d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #006eb9 0%,#00c67d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006eb9', endColorstr='#00c67d',GradientType=1 ); /* IE6-9 */}
.g_link h2{float: left;color:#fff; width: 76px;height: 52px;line-height: 52px;font-size: 14px;font-weight: normal;}
.link_c{line-height:52px; overflow:hidden;float: left;width: 1080px; font-size: 14px;}
.link_c a{ white-space:nowrap; padding:0 30px;float: left; height: 52px; line-height:52px; 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;}}