/*头部导航*/
em,i{ font-style:normal;}
html, body {max-width: 1920px;min-width: 1300px;width: 100%;position: relative;height: 100%;margin:0 auto; overflow: hidden;}
.indexDOM {width: 100%;height: 100%; overflow: hidden; position:relative; }
.indexDOM .swiper-container-vertical > .indexDOM .swiper-pagination-bullets .swiper-pagination-bullet{margin: 25px 0;}
.indexDOM .swiper-pagination-bullet{background: #cf0110;width: 8px;height: 8px;border-radius: 50%;opacity: 1;margin: 16px 4px;}
.indexDOM .swiper-container-vertical > .indexDOM .swiper-pagination-bullets{right:5%;}
.indexDOM .swiper-pagination-bullet-active{border: 4px solid #cf0110;margin: 0; width: 8px;height: 8px;background: #fff;}

.gallery-thumbs {
  height: 100px;width: 100%;position: absolute;left:0;bottom: 0;
  box-sizing: border-box; line-height: 100px;
}
.gallery-thumbs .swiper-slide {
width: 16%;margin: 0 2%; border-top:1px solid #b1aea8; 
  font-size: 16px;color: #fff;text-align: center;
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;font-weight: bold;
}


/*头部*/
.sper1{min-width:1200px;max-width:1920px; width:100%; height:100%; margin:0 auto; position:relative;overflow:hidden;}
.top2{ min-width:1200px;max-width:1920px;width:100%; margin:0 auto; position:relative; height:95px; overflow:hidden; z-index:6; background:rgba(255,255,255,0.7);}
.top1{ min-width:1200px;max-width:1920px;width:84%; margin:0 auto; position:relative; height:95px; overflow:hidden;}
.logo{ width:17.75%; float:left; margin-top:23px;}
.logo img{ display:block; width:100%;}
.nav{ width:51.25%; float:right;}
.nav h5{ width:116px; height:24px; background:url(../images/lx.png) no-repeat; text-align:center; line-height:24px; float:right; margin-top:10px; font-size:14px; font-weight:normal; padding-left:20px;}
.nav ul{ height:45px;}
.nav li{ float:left; font-size:18px; line-height:45px; position:relative;margin-left:6.8%;}
.nav li:nth-child(1){ margin-left:0;}
.nav li a{ color:#333;}
.nav li:before{content: "";position: absolute;width:0;height:3px;bottom:0;left:0;z-index:0;background:#e62129;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.nav .cur a,.nav li a:hover{color:#e62129;}
.nav li.cur:before,.nav li:hover:before{width: 100%;}
@media (min-width: 1200px) and (max-width: 1400px) {
.nav{ width:57.25%;}
.nav li{margin-left:4.6%;}
}
@media  (min-width:1600px) and(max-width: 2560px) {
.nav li{margin-left:5.6%;}
.nav li:last-child{ margin-left:0; float:right;}
}



/*第一屏*/
.banner{ position:absolute;top:0; z-index:1;overflow:hidden;min-width:1200px;max-width:1920px; width:100%; height:100%;margin:0 auto;}
.banner img{ display:block; width:100%; height:100%;}
.banner .banner_l {position: absolute;top:45%; z-index: 9; width:50px; height:50px;border: 0; outline: none; border-radius:90px;font-size: 20px;left:5%; color:#fff; background:rgba(207,1,16,0.5); text-align:center; line-height:50px; font-family:"宋体"; cursor:pointer;}
.banner .banner_r {position: absolute;top:45%; z-index: 9; width:50px; height:50px;border: 0; outline: none; border-radius:90px;font-size: 20px;right:5%; color:#fff; background:rgba(207,1,16,0.5); text-align:center; line-height:50px; font-family:"宋体"; cursor:pointer;} 
.banner .swiper-pagination{bottom: 2rem !important; z-index: 1}
.banner .swiper-pagination .swiper-pagination-bullet{width: 8px; height: 8px;margin:0 0.2rem !important;background:rgba(207,1,16,0.5); opacity: 1; position: relative; border-radius:10px;}
.banner .swiper-pagination .swiper-pagination-bullet-active{width: 15px; border:0;}
 

/*第二屏*/
.guide{ position:relative;min-width:1200px;max-width:1920px; width:100%; height:100%;margin:0 auto; overflow:hidden;}
.guide ul{min-width:1200px;max-width:1920px;width:84%; margin:3.2% auto 3%;height:110px;}
.guide li{ font-size:18px; color:#444; width:26%; float:left;}
.guide li:nth-child(2){ width:35%;}
.guide li span{ display:block; font-size:72px;font-family:Impact;}
.guide li span b{ display:inline-block; float:left; font-family:"Century Gothic","Arial";}
.guide li em{ font-weight:normal; font-size:18px; display:inline-block; float:left; margin-top:30px;}
.guide li:last-child{ float:right; width:12%;}
.guide1{ background:#f3f1ef url(../images/guide_bg.jpg) no-repeat center top; background-size:100% auto; width:100%; height:100%;}
.guide2{min-width:1200px;max-width:1920px;width:84%; margin:0 auto; padding-top:6rem;}
.guide2 h2{ padding:0 0 0 6.8%; font-size:54px; color:#000000; background:url(../images/video.png) no-repeat 33% 0.6rem;}
.guide2 h2 em{ display:block;}
.guide2 p{ font-size:18px; line-height:32px; color:#333; margin:2% 0 2% 6.8%; width:52.5%;}
.guide2 h5{ margin:0 0 0 6.8%;}
.guide2 h5 b{ display:block; width:4.375rem; float:left;}
.guide2 h5 b img{ display:block; width:100%; border:0.3rem solid #fff; box-sizing:border-box;}
.guide2 h5 em{ display:block; width:16%; font-size:42px; color:#444; line-height:4.375rem; font-weight:normal; float:left;}
.guide2 h5 span{ display:block; width:13.25%; float:left; font-size:16px; line-height:26px; color:#444; margin:1rem 0 0 1.3%; font-weight:normal;}
@media (min-width: 1200px) and (max-width: 1400px) {
.guide2 h2{ font-size:42px; background:url(../images/video.png) no-repeat 36% 0.6rem;}
.guide2 p{ font-size:14px;line-height:26px;}
.guide ul{ height:94px;margin:2.6% auto 2.2%;}
.guide li span{font-size:60px;}
.guide2 h5 span{ width:16.25%;}
}

/*第三屏*/
.pro{position:relative;min-width:1200px;max-width:1920px; width:100%; height:100%;margin:0 auto; overflow:hidden;}
.pro_con{position:relative; width:100%; height:100%;margin:0 auto; overflow:hidden;}
.pro h2{ font-size:112px; font-weight:bold; color:#fff; position:absolute; top:5rem; left:8%; background:url(../images/pro_line.png) no-repeat left bottom; padding-bottom:2rem; z-index:3;}
.pro h2 a{ color:#fff;}
.pro h2 b{ color:#cf0110;}
.pro dl{ position:relative;}
.pro dt img{ display:block; width:100%; height:100%;}
.pro dd{ width:100%; position:absolute; top:0; right:8%;padding-top:4rem; z-index:0; color:#fff; text-align:right; font-size:14px; background:rgba(0,0,0,0.5); height:100%;}
.pro dd p{ padding-bottom:18px; margin-bottom:18px; position:relative;}
.pro dd p:before{ content:""; position:absolute; bottom:0; right:0; width:20px; height:2px; background:#fff;}
.pro dd p b{ display:block; font-size:34px;}
.pro dd p sup{ font-size:20px;}
.pro dd p:last-child:before{ background:none;}
.pro_tit{ height:80px;width:100%; position:absolute; bottom:50px; z-index:2; }
.pro_tit ul{ border-right:1px solid #fff; width:84%; margin:0 auto;height:80px;}
.pro_tit li{ float:left;border-left:1px solid #fff; box-sizing:border-box; width:16.6%; text-align:center; font-size:20px; font-weight:bold;height:80px;}
.pro_tit li a{ display:block; color:#fff;}
.pro_tit li b{ display:block; width:47px; height:47px; margin:0 auto 13px;}
.pro_tit li b img{ display:block; width:100%;}
.pro_tit .cur b img,.pro_tit li:hover img{ background:#cf0110; padding:8px; border-radius:50px; border:1px solid #fff; box-sizing:border-box;}
.pro_tit li:nth-child(1).cur img,.pro_tit li:nth-child(1):hover img{padding:4px;}
@media (min-width: 1200px) and (max-width: 1400px) {
.pro h2{ font-size:62px;}
.pro dd{ top:1rem;}
.pro dd p{ padding-bottom:10px; margin-bottom:10px;}
.pro dd p b{ font-size:24px;}
.pro dd p sup{ font-size:14px;}
}

/*第四屏*/
.yous{position:relative;min-width:1200px;max-width:1920px; width:100%; height:100%;margin:0 auto; overflow:hidden; background:#fff url(../images/ys_bg.jpg) no-repeat center bottom; background-size:100% auto;}
.yous h2{ width:32.625%; height:auto; margin:2rem auto 0; position:relative;}
.yous h2 img{ display:block; width:100%;}
.yous h2 em{ display:block; font-size:20px; color:#333; position:absolute; top:15px; left:50%; font-weight:normal;}
.yous h2 b{ color:#cf0110;}
.yous2{ width:98%; margin:0 auto;}
.yous2 dl{ width:21%; float:left; position:relative; padding:2.5rem 2.75rem 1rem; box-sizing:border-box; margin:0 2%; height:18rem;}
.yous2 dl:nth-child(4n):before{ background:none;}
.yous2 dl:before{ content:""; position:absolute; top:20%; right:-10%; width:1px; height:60%; background:#b4b6b4;}
.yous2 dt{ font-size:22px; color:#333; font-weight:bold;}
.yous2 dt b{ display:block; width:65px; height:60px; overflow:hidden; margin:10px 0 0;}
.yous2 dt b img{ display:block; width:100%;transition: .5s;}
.yous2 dt em{ display:block; font-size:16px; font-weight:normal; line-height:24px; margin:9px 0 12px;}
.yous2 dt i{ display:block; background:url(../images/ys_arr.png); width:20px; height:20px;}
.yous2 dd{ display:none;}
.yous2 dd p{ font-size:14px; line-height:20px; color:#333; height:60px;}
.yous2 dd em{ display:block; width:60px; height:60px; background:url(../images/ys_b.png) no-repeat; background-size:100% 100%; text-align:center;color:#fff; line-height:70px; font-size:24px; font-style:italic; position:absolute; bottom:8px; right:8px;}
 /*bottom:8px; right:8px;*/
.yous2 .cur{ background:url(../images/zq011.png) no-repeat; background-size:100% 100%;}
.yous2 dl:nth-child(2).cur{background:url(../images/zq022.png) no-repeat; background-size:100% 100%;}
.yous2 dl:nth-child(3).cur{background:url(../images/zq033.png) no-repeat; background-size:100% 100%;}
.yous2 dl:nth-child(4).cur{background:url(../images/zq044.png) no-repeat; background-size:100% 100%;}
.yous2 dl:nth-child(5).cur{background:url(../images/zq055.png) no-repeat; background-size:100% 100%;}
.yous2 dl:nth-child(6).cur{background:url(../images/zq066.png) no-repeat; background-size:100% 100%;}
.yous2 dl:nth-child(7).cur{background:url(../images/zq077.png) no-repeat; background-size:100% 100%;}
.yous2 dl:nth-child(8).cur{background:url(../images/zq088.png) no-repeat; background-size:100% 100%;}
/*.yous2 .cur{ background:url(../images/ys_bg1.png) no-repeat; background-size:100%;}*/
/*.yous2 dl:nth-child(2).cur{background:url(../images/ys_bg5.png) no-repeat; background-size:100% 100%;}*/
/*.yous2 dl:nth-child(3).cur{background:url(../images/ys_bg2.png) no-repeat; background-size:100% 100%;}*/
/*.yous2 dl:nth-child(4).cur{background:url(../images/ys_bg6.png) no-repeat; background-size:100% 100%;}*/
/*.yous2 dl:nth-child(5).cur{background:url(../images/ys_bg3.png) no-repeat; background-size:100% 100%;}*/
/*.yous2 dl:nth-child(6).cur{background:url(../images/ys_bg7.png) no-repeat; background-size:100% 100%;}*/
/*.yous2 dl:nth-child(7).cur{background:url(../images/ys_bg4.png) no-repeat; background-size:100% 100%;}*/
/*.yous2 dl:nth-child(8).cur{background:url(../images/ys_bg8.png) no-repeat; background-size:100% 100%;}*/
.yous2 .cur dt em{ font-weight:bold;}
.yous2 .cur dt i{ display:none;}
.yous2 .cur dt b{ margin:10px 0 10px;}
.yous2 .cur dt b img{ margin-top:-60px;}
.yous2 .cur dd{ display:block;transition: .5s;}
@media (min-width: 1200px) and (max-width: 1400px) {
.yous h2 em{font-size:16px;left:48%;}
.yous2 dl{  padding:1rem 1.6rem 1rem; box-sizing:border-box; margin:0 2%; height:16rem;}
.yous2 dt{ font-size:16px;}
.yous2 dt b{ width:50px; height:46px;margin:20px 0 10px;}
.yous2 .cur dt b img{ margin-top:-46px;}
.yous2 dt em{ font-size:12px; margin:3px 0 7px; line-height:18px;}
.yous2 dd p{ font-size:12px; line-height:16px; color:#333; height:48px;}
.yous2 dd em{  width:35px; height:35px;line-height:35px; font-size:12px; }
}


/*第五屏*/
.case{position:relative;min-width:1200px;max-width:1920px; width:100%; height:100%;margin:0 auto; background:url(../images/case_bg.jpg) no-repeat center bottom; background-size:100% auto; padding:4rem 8% 0 8%; box-sizing:border-box; overflow:hidden;}
.caset{ width:34.375%; float:left; overflow:hidden;}
.caset h2{ font-size:54px; font-weight:bold; color:#fff;}
.caset h2 a{ color:#fff;}
.caset h2 em{ display:block; font-size:20px; font-weight:normal; padding-top:10px;}
.caset h2 span{ display:block; width:125px; height:33px; background:#cf0110; border-radius:4px; text-align:center; line-height:33px; color:#fff; font-size:22px; font-weight:normal;}
.caset h5{ font-size:20px; line-height:30px; color:#fff; font-weight:bold; background:url(../images/case_line.png) no-repeat left center; padding-left:15px; margin:5rem 0 2rem;}
.caset ul{ height:138px;}
.caset li{ float:left; font-size:16px; color:#fff;}
.caset li:last-child{ float:right;}
.caset li span{ display:block; font-size:78px; font-weight:bold;}
.caset li span em{ font-size:34px;}
.caset p{ height:48px;}
.caset p a{ display:block; float:left; width:140px; height:48px; background:#fff; border-radius:8px; font-size:14px; font-weight:bold; text-align:center; color:#333; line-height:48px;}
.caset p a:last-child{ margin-left:5px; background:#cf0110; color:#fff;}

.case_con{ width:61.8125%; overflow:hidden; float:right;}
.case_con1{ position:relative;}
.case_con p{ position:relative;}
.case_con p img{ display:block; width:100%;}
.case_con p span{ display:block; background:url(../images/case_v.png) no-repeat; background-size:100%; width:4rem; height:4rem; position:absolute; bottom:1.4rem; left:2rem;}
.case_pic{ margin-top:10px;}
.case_con .swiper-pagination{bottom: 2rem !important; z-index: 1}
.case_con .swiper-pagination .swiper-pagination-bullet{width: 8px; height: 8px;margin:0 0.2rem !important;background: #cf0010; opacity: 1; position: relative; border-radius:10px;}
.case_con .swiper-pagination .swiper-pagination-bullet-active{width: 15px; border:0;}


.case_pic li{ float:left; width:32.962%; margin-right:10px; overflow:hidden;}
.case_pic li img{ display:block; width:100%; transition: .5s;}
.case_pic li em{ display:block; font-size:14px; line-height:42px; color:#fff; text-align:center;}
.case_pic li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
@media (min-width: 1200px) and (max-width: 1400px) {
.caset ul{ height:100px;}
.caset li span{ font-size:48px;}
}


/*第六屏*/
.new{ position:relative;min-width:1200px;max-width:1920px; width:100%; height:100%;margin:0 auto;background:url(../images/new_bg.jpg) no-repeat center top; background-size:100% 100%; overflow:hidden;}
.new h2{ padding:4rem 0 2.4rem; text-align:center; font-weight:bold; font-size:55px; color:#333;}
.new h2 a{ color:#333;}
.newt{ height:48px; text-align:center; margin-bottom:2.2rem;}
.newt span{ display:inline-block; width:190px; height:46px; font-size:18px; text-align:center; line-height:46px; border:1px solid #bec3c4; border-radius:30px; margin:0 30px;}
.newt span a{ color:#000;}
.newt span b img{ vertical-align:middle; padding-right:8px;}
.newt .active{border:1px solid #cf0110;}
/*.newt .active a{ color:#cf0110; font-weight:bold;}*/
.new1{ width:84%; margin:0 auto;}
.new1 dl{ border:2px solid #cacaca; box-sizing:border-box; float:left; background:#fff; width:31.875%; padding:2.5rem 3.5%; overflow:hidden; margin:0 1.875% 30px 0; position:relative;}
.new1 dl:nth-child(3n){ margin-right:0;}
.new1 dt{ font-size:16px; font-weight:bold; color:#333; line-height:24px;}
.new1 dt em{ display:block; font-size:14px; color:#666; font-weight:normal; padding-bottom:14px;}
.new1 dt a{ color:#000; display:block; padding-bottom:18px; margin-bottom:18px; position:relative;}
.new1 dt a:before{ content:""; position:absolute; bottom:0; left:0; width:22px; height:5px; background:#c8040c;}
.new1 dt p{ font-size:14px; line-height:25px; color:#666; font-weight:normal;}
.new1 dd{ position:absolute; top:0; left:0; width:100%; height:100%; display:none;}
.new1 dd img{ display:block;width:100%; height:100%;}
.new1 dd span{ display:block; background:rgba(0,0,0,0.6) url(../images/new_arr.png) no-repeat 95% center; font-size:14px; color:#fff; padding:8px 0 9px 3%; box-sizing:border-box; position:absolute; bottom:0; width:100%;}
.new1 dd span em{ display:block; opacity:0.7;}
.new1 dl:hover dd{ display:block;}
@media (min-width: 1200px) and (max-width: 1400px) {
.new h2{padding:1.4rem 0 1rem; font-size:44px;}
.new1 dl{width:31.875%; padding:1.5rem 1.5%; margin:0 1.875% 20px 0; }
.new1 dt{ font-size:14px; line-height:18px;}
.new1 dt a{ padding-bottom:12px; margin-bottom:10px;}
.new1 dt em{ font-size:12px; padding-bottom:4px;}
}


/*第七屏*/
.about{ background:#fff url(../images/com_bg.jpg) no-repeat center bottom; background-size:100% 100%; min-width:1200px;max-width:1920px; width:100%; height:100%;margin:0 auto; overflow:hidden;}
.about h2{ height:174px; text-align:right; margin:3rem auto; padding-right:260px; width:475px; font-size:50px; font-weight:bold; color:#cf0110; background:url(../images/com_h.png) no-repeat right center;}
.about h2 a{ color:#cf0110;}
.about h2 em{ display:block; font-weight:normal; color:#333;}
.about_con{ width:84%; margin:0 auto;  color:#fff; overflow:hidden;}
.about_con .swiper-slide{ font-size:16px; line-height:26px; height:814px; float:left; width:20%; background:url(../images/com_line.png) no-repeat left top; padding:10px 0 0 0; overflow:hidden;}
.about_con .swiper-slide li{ padding-left:8.5%;}
.about_con .swiper-slide em{ display:block; width:86%;}
.about_con .swiper-slide b{ display:block; font-size:48px; margin-bottom:40px;}
.about_con .swiper-slide:nth-child(2n-1){ margin-top:30px;}
@media (min-width: 1200px) and (max-width: 1400px) {
.about h2{background:url(../images/com_h.png) no-repeat right center; background-size:26% auto;font-size:36px;height:110px;width:375px; padding-right:160px;}
.about_con .swiper-slide b{ font-size:24px; margin-bottom:20px;}
.about_con .swiper-slide{ font-size:14px;}
}


/*底部*/
.foot{ background: url(../images/footer_bg.jpg) no-repeat center top; background-size:100% 100%; min-width:1200px;max-width:1920px; width:100%; height:100%;margin:0 auto; padding:0 8.15%; box-sizing:border-box;}
.flogo{ padding-top:8%;}
.flogo h2{ font-size:1.375rem; font-weight:bold; color:#14a83c; width:25%; float:left;}
.flogo h2 img{ display:block; width:83.5%;}
.flogo h2 em{ display:block; color:#fff; font-size:22px; padding-top:4%;}
.flogo h5{ width:70%; border-bottom:1px solid rgba(255,255,255,0.2); float:right;}
.flogo h5 p{ font:18px "Microsoft YaHei UI"; line-height:40px; color:rgba(255,255,255,0.8); background:url(../images/f1.png) no-repeat left center; padding-left:20px;}
.flogo h5 p span{ display:inline-block;}
.flogo h5 p span:nth-child(2){background:url(../images/f2.png) no-repeat left center; padding-left:30px; margin-left:50px;}
.flogo h5 p span:nth-child(3){background:url(../images/f3.png) no-repeat left center; padding-left:30px; float:right;}
.flogo h5 em{ display:block; font:14px "Microsoft YaHei UI";color:rgba(255,255,255,0.5); padding:3% 0 6%;}
.flogo h5 em b{ padding:0 2%;}
.flogo h5 em a{color:rgba(255,255,255,0.5);}
.code{ width:25%; margin-top:3%;}
.code h5 em{ display:block; float:left; width:25%; font:12px "Microsoft YaHei UI"; text-align:center;color:rgba(255,255,255,0.8); margin-bottom:2.2rem;}
.code h5 em img{ display:block; width:100%; border:0.2rem solid #fff; box-sizing:border-box; margin-bottom:1rem;}
.code h5 em:nth-child(2){ margin:0 6%;}
.code p span{ display:inline-block; margin-right:9%; position:relative;}
.code p span:last-child{ margin-right:0;}
.code p img{ display:inline-block; width:47px; height:47px; border:1px solid #fff; border-radius:50px;}
.code p em{ display:none; position:absolute; top:58px; left:0; z-index:8; width:180px; font:20px Arial, Helvetica, sans-serif; color:#fff;}
.code p em img{ display:block; width:120px; height:120px;}
.code p span:hover em{ display:block;}
.code p span:hover img{ background:#cf0110; border:1px solid #cf0110;}
.code p span:hover em img{ background:none; border-radius:0; border:0;}
.fnav{width:70%; float:right; height:17rem;}
.fnav1{ width:14%; float:left; margin-right:10%;margin-top:5%;border-right:1px solid rgba(255,255,255,0.2);}
.fnav1 p{ font:14px "Microsoft YaHei UI"; margin-top:15%;}
.fnav1 p a{ display:block;color:rgba(255,255,255,0.6); line-height:1.58rem;height:1.58rem; overflow:hidden;}
.fnav1 p a:hover,.foot2 span a:hover{ color:#cf0110; font-weight:bold;}
.tit2{ height:40px; position:relative; font:14px "Microsoft YaHei UI"; color:#fff;}
.tit2:before{ content:""; position:absolute; bottom:0; left:0; width:28px; height:2px; background:#fff;}
.tit2 a{ display:block; color:#fff;}
.fnav1:nth-child(4),.fnav1:nth-child(5){ margin-right:0;}
.fnav1:nth-child(5){ float:right; width:8%; border:0;}
.foot2{border-top:1px solid rgba(255,255,255,0.2); padding:5% 0 0;color:rgba(255,255,255,0.5); font-size:14px;}
.foot2 a{color:rgba(255,255,255,0.5);}
.foot2 span{ float:right; width:70%; text-align:right;}
.foot2 span a{ padding-left:4%;}
@media (min-width: 1200px) and (max-width: 1400px) {
.flogo{ padding-top:3%;}
.flogo h5 p{ font-size:14px;}
.flogo h2 em{ font-size:16px;}
.code{ margin-top:-3rem;}
.code p span{ margin-right:3%;}
.flogo h5 p span:nth-child(2){ margin-left:20px;} 
}











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


@keyframes icon {
	0% {top:-90px;}
	50% {top:-80px;}
	100% {top:-90px;}
}
@-moz-keyframes icon {
	0% {top:-90px;}
	50% {top:-80px;}
	100% {top:-90px;}
}
@-webkit-keyframes icon {
	0% {top:-90px;}
	50% {top:-80px;}
	100% {top:-90px;}
}
@-o-keyframes icon {
	0% {top:-90px;}
	50% {top:-80px;}
	100% {top:-90px;}
}



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






@media screen and (min-width: 1024px) {
  html {
    font-size: calc(1024px * 20 / 1903);
  }
}


@media screen and (min-width: 1263px) {
  html {
    font-size: calc(1263px * 20 / 1903);
  }
}


@media screen and (min-width: 1349px) {
  html {
    font-size: calc(1349px * 20 / 1903);
  }
}
@media screen and (min-width: 1463px) {
  html {
    font-size: calc(1463px * 20 / 1903);
  }
}
@media screen and (min-width: 1543px) {
  html {
    font-size: calc(1543px * 20 / 1903);
  }
}
@media screen and (min-width: 1583px) {
  html {
    font-size: calc(1583px * 20 / 1903);
  }
}
@media screen and (min-width: 1643px) {
  html {
    font-size: calc(1643px * 20 / 1903);
  }
}
@media screen and (min-width: 1663px) {
  html {
    font-size: calc(1663px * 20 / 1903);
  }
}
@media screen and (min-width: 1903px) {
  html {
    font-size: calc(1903px * 20 / 1903);
  }
}