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

.g_guide{background:url(../images/ppbg.jpg) no-repeat center top;padding-top: 70px;height: 585px;overflow:hidden;}
.g_guide dl{height: 357px;}
.g_guide dt{float: left;width:527px;height: 300px;position: relative;}
.g_guide dt img{width:527px;height: 300px;display: block;}

.g_guide dd{float: right;width:575px;margin-right: 25px;}
.g_guide h3{height: 156px;font-size:32px;font-weight: bold;color:#000000;padding-bottom:10px;}
.g_guide h3 em{display: block;font-size:24px;font-weight: bold;color:#007731;}
.g_guide p{font-size:14px;color:#666666;line-height: 30px;height: 130px;}
.g_guide span a{display: block;width:170px;height: 40px;line-height: 40px;background: #02893a;text-align: center;font-size:16px;color:#fff;}

.m_guide{height: 150px;background: #fff;box-shadow: 0 0 30px rgba(0,0,0,.1);padding-top: 15px;box-sizing: border-box;}
.m_guide li{float: left;width:240px;text-align: center;font-size:24px;color:#000000;position: relative;}
.m_guide li i{display: block;width:90px;margin:0 auto;}
.m_guide li i img{transition: all 0.3s linear 0s;}

.m_guide li em{display: block;font-size:12px;color: rgba(0,0,0,.5);transition: all 0.3s linear 0s;}
.m_guide li:before{content: "";position: absolute;background:url(../images/ppline.jpg) no-repeat;width:2px;height: 83px;right: 0;top:20px;}
.m_guide li:last-child:before{background: none;}
.m_guide li:nth-child(1){animation-delay: 0.1s;}
.m_guide li:nth-child(2){animation-delay: 0.2s;}
.m_guide li:nth-child(3){animation-delay: 0.3s;}
.m_guide li:nth-child(4){animation-delay: 0.4s;}
.m_guide li:nth-child(5){animation-delay: 0.5s;}
.m_guide li:nth-child(6){animation-delay: 0.6s;}

.m_guide li:hover i img{transform: scale(1.1);}
.m_guide li:hover em{padding-top:5px;}

.g_pro{padding: 2rem 0; overflow:hidden;}
.g_pro h2 a{display: block; /*background:url(../images/title.png) no-repeat center top;height: 185px;*/padding-top: 1px;box-sizing: border-box;text-align: center;font-size:25px;color:#212121;}
.g_pro h2 em{display: block;font-size:18px;color:#333333;font-weight: normal;}
.g_pro .fltit{height: 110px;background: #fff;border-radius: 10px;box-shadow: 8px 0 24px rgba(0,0,0,.1);margin-bottom: 50px;}
.g_pro .fltit h3 a{display: block;float: left;width:180px;background: #02893a;padding: 10px 0 0 0;text-align: center;font-size:36px;font-weight: bold;color:#fff;border-radius: 10px 0 0 10px; height: 100px;}
.g_pro .fltit li a{display: block; float: left;padding: 20px 44px 0;text-align: center;font-size: 16px;color:#000;position: relative;transition: all 0.3s linear 0s;}
.g_pro .fltit li a:before{content: "";position: absolute;width:1px;height: 64px;background: #d9d9d9;right: 0;top:24px;}
.g_pro .fltit li em{display: block;line-height: 36px;}
.g_pro .fltit li:last-child a:before{background: none;}
.g_pro .fltit li:nth-child(1){animation-delay: 0.1s;}
.g_pro .fltit li:nth-child(2){animation-delay: 0.2s;}
.g_pro .fltit li:nth-child(3){animation-delay: 0.3s;}
.g_pro .fltit li:nth-child(4){animation-delay: 0.4s;}
.g_pro .fltit li:nth-child(5){animation-delay: 0.5s;}
.g_pro .fltit li:nth-child(6){animation-delay: 0.6s;}
.g_pro .fltit li a:hover{ transform: translateY(-10px);	}



.g_pro .m_fltj{overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_pro dt{float: left;width:50%;}
.g_pro dt img{width:100%;display: block;transition: all 1s ease 0s;border-radius:10px;}
.g_pro dl:hover dt img{transform: scale(1.02);}
.g_pro dd{float: left;width:50%;padding-left: 6%;box-sizing: border-box;}
.g_pro h3 a{display: block; padding-top: 1rem; height:4.16rem;font-size:1.66rem;color:#212121; }
.g_pro h3 em{display: block;font-size:0.8rem;font-weight: normal;color:#000000;}
.g_pro p{font-size:0.8rem;color:#666666;height: 3.5rem;}
.flr{width:52%;}
.flr i{width:100%;display: block;overflow: hidden;}
.flr i img{width:100%;display: block;border-radius: 10px 10px 0 0;transition: all 1s ease 0s;}
.flr:hover i img{transform: scale(1.1);}
.flr span{display: block;height: 2.3rem;line-height: 2.3rem;background: #313131;border-radius: 0 0 10px 10px;}
.flr span a{display: block;float: left;width:50%;position: relative;padding-left: 15%;box-sizing: border-box;font-size:0.8rem;color:#fff;}
.flr span a:nth-child(1){background: #02893a;border-radius: 0 0 0 10px;}
.flr span a:nth-child(1):before{content: "";position: absolute;background:url(../images/cpbtn1.png) no-repeat; background-size: 100%; width:0.92em;height: 0.92rem;left:65%;top:0.8rem;}
.flr span a:nth-child(2):before{content: "";position: absolute;background:url(../images/cpbtn2.png) no-repeat; background-size: 100%; width:0.92em;height: 0.92rem;left:65%;top:0.8rem;}

 @media screen and (max-width:1366px) {             
.flr{width:62%;}
.g_pro p{height:2.8rem;}


}






.g_morecp{height: 424px;overflow:hidden;}
.g_morecp h2 a{display: block;height: 92px;position: relative;}
.g_morecp h2 a:before{content: "";position: absolute;width:455px;height: 1px;background: #ccc;left:0;top:28px;}
.g_morecp h2 a:after{content: "";position: absolute;width:455px;height: 1px;background: #ccc;right:0;top:28px;}
.g_morecp h2 b{font-size:30px;font-weight: bold;color:#fff;width:240px;height: 56px;line-height: 56px;background: #02893a;border-radius: 35px;text-align: center; margin:0 auto;display: block;}
.m_morecp li{float: left;width:289px;margin-right: 12px;}
.m_morecp li i{width:289px;height: 217px;overflow: hidden;}
.m_morecp li i img{width:289px;height: 217px;display: block;border-radius: 25px;transition: all 1s ease 0s;}
.m_morecp li:hover i img{transform: scale(1.03);}
.m_morecp li em{display: block;height: 56px;line-height: 56px;text-align: center;font-size:18px;color:#000000;transition: all 0.3s linear 0s;}
.m_morecp li:hover em{color:#026e2e;font-weight: bold;padding-top: 10px;}
.g_morecp .u_ljt,.g_morecp .u_rjt{width: 36px; height: 36px; text-indent: -9999px;  position: absolute;z-index: 1000}
.g_morecp .u_rjt{background: url(../images/ljt.png) no-repeat;left:-50px;top:182px;}
.g_morecp .u_ljt{background: url(../images/rjt.png) no-repeat;right:-50px;top:182px;}
.g_morecp .u_ljt:hover,.g_morecp .u_rjt:hover{background-position: -36px 0;}



.g_wecan{background: url(../images/webg.jpg) no-repeat center top;height: 880px;padding-top: 42px;box-sizing: border-box;overflow:hidden;}
.g_wecan h2{display: block; /*background:url(../images/title.png) no-repeat center top;*/height: 195px;padding-top: 1px;box-sizing: border-box;text-align: center;font-size:25px;color:#fff;}
.g_wecan h2 em{display: block;font-size:18px;color:#fff;font-weight: normal;}
.g_wecan dl{float: left;width:288px;height: 504px;margin-right: 16px;position: relative;transition: all 0.3s linear 0s;overflow: hidden;}
.g_wecan dl:nth-child(4){margin-right: 0;}

.g_wecan dd{position: absolute;left:0;top:0;width:288px;height: 504px;padding-top: 57px;box-sizing: border-box;border-radius: 10px;background: rgba(0,0,0,.5);}
.g_wecan h3{width:164px;height: 106px;border:3px solid #fff;border-radius: 10px;margin:0 auto;padding-top: 12px;text-align: center;font-size:36px;color:#fff;font-weight: normal;margin-bottom: 30px;}
.g_wecan h3 b{display: block;color:#00672a;}

.g_wecan ul{opacity: 1}
.g_wecan li{height: 36px;line-height: 36px;font-size:15px;color:#fff;padding-left: 80px;}
.g_wecan dl:hover dd,.g_wecan .cur dd{background: rgba(0,103,42,.9);}
.g_wecan dl:hover ul,.g_wecan .cur ul{opacity: 1}
.g_wecan dl:hover h3,.g_wecan .cur h3{background: #fff;border:3px solid #fff;color:#00672a;}
.g_wecan dl:hover{transform: scale(1.02);}




.g_xban{height: 170px;margin-top: -90px;position:relative;}
.xbanimg{width:1200px;height: 170px;}
.xbanimg img{width:1200px;height: 170px;display: block; border-radius: 10px;}
.xbanwz{position: absolute;left:0;top:0;width:1200px;height: 170px;padding: 22px 0 0 310px;box-sizing: border-box;}
.xbanwz h2{height: 110px;font-size:22px;color:#fff;font-weight: bold;}
.xbanwz h2 em{display: block;font-size:10px;color:#fff;font-weight: normal;padding-top: 1px;}
.xbanwz p{font-size:16px;color:#fff;}
.bancode{position:absolute;right: 100px;top:30px; background:url(../images/bancodebg.png) no-repeat;width:84px;height: 84px;}
.bancode i{display: block;padding: 15px 0 13px 12px;width:58px;height: 58px;overflow: hidden;}
.bancode i img{width:58px;height: 58px;display: block;}
.bancode em{display: block;line-height: 36px;text-align: center;font-size:14px;color:#fff;}

.g_hz{background:url(../images/koubimg.jpg) no-repeat center top;height: 1460px;margin-top: -80px;padding-top: 120px;box-sizing: border-box;}
.g_hz h2 a{display: block;/*background:url(../images/title.png) no-repeat center top;*/height: 195px;padding-top: 20px;box-sizing: border-box;text-align: center;font-size:25px;color:#212121;}
.g_hz h2 em{display: block;font-size:18px;color:#333333;font-weight: normal;}
.g_hz p a{display: block;width:1200px;height: 550px;}



.cases{width:100%;min-width:1200px;position:relative;overflow:hidden;padding:45px 0 0;height:1032px;}
.cases h2{display: block; /*background:url(../images/title.png) no-repeat center top;*/height: 250px;padding-top: 20px;box-sizing: border-box;text-align: center;font-size:25px;color:#212121;}
.cases h2 em{display: block;font-size:18px;color:#333333;font-weight: normal;}

.casetit{position: absolute;left:98px;top:190px;}

.casetit ul{width:1000px;height:128px; background: #fff;border-radius: 10px;box-shadow: 5px 0 15px rgba(0,0,0,.1); margin:0 auto;z-index: 11;position: relative;}
.casetit ul li{float:left;position:relative;width:200px;height:128px;}
.casetit ul li:before{content: "";position: absolute;width:1px;height: 93px;background: #d1d2d3; right:0;top:18px;}
.casetit ul li:nth-child(5):before{background: none;}
.casetit ul li i{width:56px;height:62px;display: block;margin:20px auto 0;overflow: hidden;}
.casetit ul li i img{width:112px;height:62px;-webkit-transition:all .5s;transition:all .5s}
.casetit ul li em{display: block;font-size: 20px;color:#000;font-weight: normal;text-align: center;margin-top: 6px;}
.casetit ul li.on i img{margin-left:-56px}
.casetit ul li.on{background: #007d34;}
.casetit ul li.on em{color:#fff;}
.casetit ul li.on:before{background: none;}
.casetit ul li:nth-child(1).on{border-radius: 10px 0 0 10px;}
.casetit ul li:nth-child(4).on{border-radius: 0 10px 10px 0;}
.cases dl{width:1200px;height:769px;position:relative;margin:0 20px 0 0;}
.cases dl dt{width:1200px;height:650px;line-height:0;overflow:hidden}
.cases dl dt img{width:1200px;height:650px;transition: all 0.3s linear 0s;border-radius: 10px;}
.cases dl dd{display:none;position: absolute;right: 0;top:570px;width:1200px;height: 205px;background:#fff; box-shadow: 1px 1px 8px 4px rgba(0,0,0,.1); padding: 12px 0 0 40px;box-sizing: border-box; border-radius: 0 0 10px 10px ;}
.cases h5{float: left;width:300px;font-size:30px;color:#212121;position: relative;padding-top:25px;}
.cases h5 em{display: block;font-size:20px;color:#212121;font-weight: normal;}
.cases h5 b{color:#02893a;font-weight: normal;}
.cases h5:before{content: "";position: absolute;width:1px;height: 105px;background: #e5e5e5;left:290px;top:15px;}
.cases .wzcon{float:left;width:800px;}
.cases p{font-size:16px;color:#4c4c4c;line-height:32px;overflow:hidden;padding-left: 22px;background: url(../images/ysico.png) no-repeat 5px 10px;}
.cases .p1{margin-top: 15px;}
.cases dl:hover dt img{transform: scale(1.1);}
.ys_con{position:relative}
.ys_con .tempWrap{overflow:visible!important}
.cases dl.cur dt{transition: all 0.3s linear 0s;}
.cases dl.cur dd{display:block}
.cases dl.cur dt img{opacity:1;transform: scale(1.1);}
.cases .prev,.cases .next{width: 62px;height: 62px;overflow: hidden;position: absolute;z-index: 155;}
.cases .prev{background: url(../images/ljt2.png) no-repeat;left:-42px;top:547px;}
.cases .next{background: url(../images/rjt2.png) no-repeat;right:-42px;top:547px;}


.g_jglc{background: url(../images/lcbg.jpg) no-repeat center top;height: 877px;overflow:hidden;}
.g_jglc h2{display: block; /*background:url(../images/title.png) no-repeat center top;*/height: 208px;padding-top: 20px;box-sizing: border-box;text-align: center;font-size:25px;color:#212121;}
.g_jglc h2 em{display: block;font-size:18px;color:#333333;font-weight: normal;}
.g_jglc dt{background:url(../images/lcbg.png) no-repeat;width:80px;height: 80px;}
.g_jglc h3{font-size:28px;font-weight: normal;color:#252525;position: relative;}
.g_jglc h3:before{content: "";position: absolute;width:9px;height: 9px;background: #007d34;left:-13px;top:13px;border-radius: 50%;}
.g_jglc h3 em{display: block;font-size:16px;color:#252525;}
.g_jglc dl:hover h3{color:#007d34;font-weight: bold;}
.g_jglc dl{position: absolute;transition: all 0.3s linear 0s;}
.g_jglc dl:nth-child(1){left:0;top:165px;}
.g_jglc dl:nth-child(1) dd{float:left;width:162px;}
.g_jglc dl:nth-child(1) dt{float: right;}

.g_jglc dl:nth-child(2){left:260px;top:40px;width:150px;}
.g_jglc dl:nth-child(2) dd{position: absolute;left:0;top:0;}
.g_jglc dl:nth-child(2) dt{position: absolute;left:69px;top:50px;}

.g_jglc dl:nth-child(3){left:486px;top:0;width:120px;}
.g_jglc dl:nth-child(3) dd{position: absolute;left:0;top:0;}
.g_jglc dl:nth-child(3) dt{position: absolute;left:30px;top:68px;}

.g_jglc dl:nth-child(4){left:686px;top:25px;width:140px;}
.g_jglc dl:nth-child(4) dd{position: absolute;left:20px;top:0;}
.g_jglc dl:nth-child(4) dt{position: absolute;left:0;top:72px;}

.g_jglc dl:nth-child(5){left:840px;top:136px;width:230px;}
.g_jglc dl:nth-child(5) dd{position: absolute;left:85px;top:0;}
.g_jglc dl:nth-child(5) dt{position: absolute;left:0;top:38px;}

.g_jglc dl:nth-child(6){left:964px;top:276px;width:236px;}
.g_jglc dl:nth-child(6) dd{position: absolute;left:112px;top:0;}
.g_jglc dl:nth-child(6) dt{position: absolute;left:0;top:8px;}

.lctel{position: absolute;right:-36px;top:630px;width:460px;}
.lctel h4{height: 66px;line-height: 66px;text-align: center;font-size:36px;color:#212121;}
.lctel span{display: block;height: 66px;line-height: 66px;background: #02893a;padding-left: 75px;position: relative;font-size:20px;color:#fff;border-radius: 45px;position: relative;}
.lctel span b{display: inline-block;font-size:25px;color:#fff;}
.lctel span:before{content: "";position: absolute;background:url(../images/lctel.png) no-repeat;width:52px;height: 52px;left:8px;top:8px;}


.g_jglc dl:nth-child(1){animation-delay: 0.1s;}
.g_jglc dl:nth-child(2){animation-delay: 0.2s;}
.g_jglc dl:nth-child(3){animation-delay: 0.3s;}
.g_jglc dl:nth-child(4){animation-delay: 0.4s;}
.g_jglc dl:nth-child(5){animation-delay: 0.5s;}
.g_jglc dl:nth-child(6){animation-delay: 0.6s;}
.g_jglc dl:nth-child(7){animation-delay: 0.7s;}



/* 新闻 */
.g_newcon{height:790px;padding-top: 56px;background:url(../images/newbg.jpg) no-repeat;overflow: hidden;box-sizing: border-box;}
.g_newcon h2 a{display: block; background:url(../images/title.png) no-repeat center top;height: 168px;padding-top: 50px;box-sizing: border-box;text-align: center;font-size:40px;color:#212121;}
.g_newcon h2 em{display: block;font-size:18px;color:#333333;font-weight: normal;}
.newtit{height: 50px;line-height: 50px;border-bottom: 1px solid #dde2e0;position: relative;margin-bottom: 30px;}
.newtit span{position: absolute;right: 0;top:0;line-height: 50px;font-size:14px;color:#000000;}
.newtit span a{color:#000000;}
.newtit li a{display: block; float: left;padding-left: 36px;line-height: 50px;font-size:18px;color:#2e2e2e;margin-right: 56px;position: relative;}
.newtit li i{position: absolute;left:0;top:11px;width:32px;height:32px;overflow: hidden;}
.newtit .on a:before{content: "";position: absolute;width:100%;height: 2px;background: #00672a;left:0;top:50px;}
.newtit .on i img{margin-left: -32px;}
.newtit .on a{color:#00672a;font-weight: bold;}
.g_newcon .m_new1{width:590px;float: left; }
.g_newcon .u_dlst3{position: relative;}
.g_newcon .u_dlst3 dt{width: 588px; height: 294px;margin-bottom: 24px; overflow: hidden;position: relative; }
.g_newcon .u_dlst3 dt img{width: 588px; height: 294px;display: block;transition: all 0.3s linear 0s;}
.g_newcon .u_dlst3 dt:hover img{transform: scale(1.1)}
.g_newcon .u_dlst3 dd h4{height: 60px;}
.g_newcon .u_dlst3 dd h4 a{ font-size: 18px; display: block; color: #000000;font-weight: normal;}
.g_newcon .u_dlst3 dd h4 a:hover{color:#00672a;}
.g_newcon .u_dlst3 dd h4 em{display: block;font-size:14px;color:#666666;padding-top: 5px;}
.g_newcon .u_dlst3 p{font-size: 14px;line-height: 24px;color:#666666;}
.g_newcon .u_dlst3 p a{color:#00672a;}

.g_newcon .m_new2{float: right;width: 546px;}
.g_newcon .new2c{height: 326px;border-bottom: 1px solid #c5cac7;margin-bottom: 15px;}
.g_newcon .m_new2 dl{height: 131px;margin-bottom: 30px;}
.g_newcon .m_new2 dt{float: left;width:232px;height: 131px;overflow: hidden;}
.g_newcon .m_new2 dt img{width:232px;height: 131px;display: block;transition: all 0.3s linear 0s;}
.g_newcon .m_new2 dl:hover dt img{transform: scale(1.1);}

.g_newcon .m_new2 dd{float: right;width: 292px;padding-top: 18px;}
.g_newcon .m_new2 h4 a{display: block;height: 32px;line-height: 32px;font-size: 18px;font-weight: normal;color: #000000;margin-bottom: 16px;}
.g_newcon .m_new2 h4 a:hover{color: #007d34;}
.g_newcon .m_new2 p{font-size: 14px;line-height: 24px;height: 48px;color: #666666; overflow: hidden;}
.g_newcon .m_new2 p a{color: #007d34;}
.g_newcon .u_lst6 li{height: 30px;line-height: 30px;overflow: hidden; }
.g_newcon .u_lst6 li a{ font-size: 14px; color: #666666;display: block;height: 30px;line-height: 30px;}
.g_newcon .u_lst6 li span{font-size: 14px; color: #666666;}
.g_newcon .u_lst6 li a:hover{color: #007d34;}





/**/
.about{height:1078px; position: relative;overflow: hidden; padding-top: 48px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; background:url(../images/abbg.jpg) no-repeat center top;}
.about h2 a{display: block; background:url(../images/title.png) no-repeat center top;height: 524px;padding-top: 50px;box-sizing: border-box;text-align: center;font-size:40px;color:#212121;}
.about h2 em{display: block;font-size:18px;color:#333333;font-weight: normal;}
.abo-tit p{font-size: 14px; color:#666666; line-height: 30px;background: #fff;box-shadow: 1px 1px 8px 4px rgba(0,0,0,.1);height: 140px;border-radius: 10px;padding: 40px 96px 0; box-sizing: border-box; margin-bottom: 38px;}
.abo-tit p a{color: #0a742a}


.abo-qh .abhd{width:178px;margin-right: 57px; padding: 39px 0 0 31px; float:left;}
.abo-qh .abhd ul li{height:42px; line-height: 42px;border:1px solid #c6c6c6;border-radius: 5px; margin-bottom: 20px;text-align: center;font-size:16px;color:#000;}
.abo-qh .abhd ul li a{color:#000;font-size: 16px;}
.abo-qh .abhd ul li:hover,.abo-qh .abhd ul .cur{background:#0a742a;border:1px solid #0a742a;}
.abo-qh .abhd ul li:hover a,.abo-qh .abhd ul .cur a{color: #fff;}



.abo-qh .abo-list{width:930px;  overflow: hidden;float:right; box-sizing: border-box;position: relative;}
.abo-qh .abo-list ul li{float:left;width:280px; margin:0 16px;position: relative;}
.abo-qh .abo-list ul li img{width:280px;height: 210px;display: block;border-radius: 5px;}
.abo-qh .abo-list ul li em{display: block; text-align:center;font-size: 16px;color:#000000;line-height: 50px;}







.g_link {
  position: relative;
  margin-top: -60px;
  width: 1200px;
  margin-left: -600px;
  left: 50%;
}
.g_link .content {
  width: 400px;
  margin: 0 auto;
  float: right;
}
.g_link h2{float: left;width: 80px;font-size: 14px;color: rgba(255,255,255,.4);}

.link_c {
  overflow: hidden;
  width: 280px;
  font-size: 14px;
}
.link_c a {
  white-space: nowrap;
  padding: 0 6px;
  float: left;
 color: rgba(255,255,255,.4);
  display: block;
}
.link_c a:hover {
  color: rgba(255,255,255,.9);
}







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