@charset "utf-8";
.content{width: 1200px; margin: 0 auto;}
i,em,b{font-style: normal;}

.tit01{ font-size: 48px; color: #000000; text-align: center; font-weight: normal;font-family:"微软雅黑","Microsoft Yahei";height: 112px;}
.tit01 a{color: #000000; text-decoration: none;  }
.tit01 b{font-weight: bold;}
.tit01 p{ display: block;font-size: 24px; color: #666666;font-family:"微软雅黑","Microsoft Yahei"; font-weight: normal; text-align: center;}

.yy_bj{ background:#fff; height: 842px; padding-top:75px;box-sizing: border-box;  font-family:"Microsoft Yahei";overflow: hidden;}
.yy_bj h2{height:75px;}
.yy_bj dl {width: 1198px;height: 500px; position: relative; margin:0 auto;}
.yy_bj dl dt{width:1198px;height: 419px;overflow: hidden;border-radius: 30px;}
.yy_bj dl dt img{width:1198px; height: 419px;  display: block;border-radius: 30px;}
.yy_bj dl dd{box-sizing: border-box;text-align: center;height:80px;}
.yy_bj dl dd p{line-height: 25px; text-align: center; font-size: 16px; color: #666666;}
.yy_bj dt img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.yy_bj dt img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.m_zz{}
.m_zz ul{width: 1200px; height: 88px;margin:30px auto 0; position: relative; clear:both;overflow: hidden; }
.m_zz li{ width:230px;padding-left: 75px;height: 88px; box-sizing: border-box; overflow: hidden; float: left; text-align: left; position: relative;border-right: 1px solid #e3e3e3;}
.m_zz li em{margin-left:0px;display: block; position: relative;text-align: left;}
.m_zz li em b{ margin-left:0px;font-size: 60px; color: #325dcd; font-family: "Arial"; font-weight: normal;}
.m_zz li em i{ font-size: 16px;  color: #30373f;text-align: center; font-weight: bold; text-align: center; line-height: 24px;width:24px; height: 24px;display: block;text-transform: uppercase;font-family: "Arial";position: absolute;bottom:9px; right:0px;}
.m_zz li h3{font-size: 16px; color: #666666; text-align: left; font-weight: normal;}
.m_zz li:nth-child(1){width:152px;padding-left:0;}
.m_zz li:nth-child(1) em{width: 55px;}
.m_zz li:nth-child(2){width:270px;}
.m_zz li:nth-child(2) em{width: 90px;}
.m_zz li:nth-child(3){width:262px;}
.m_zz li:nth-child(3) em{width: 120px;}
.m_zz li:nth-child(4){width:336px;}
.m_zz li:nth-child(4) em{width: 192px;}
.m_zz li:nth-child(5){width:180px;padding-left: 55px;border-right: 0;}
.m_zz li:nth-child(5) em{width: 125px;}

.yy_bj li img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.yy_bj li:hover img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}


/**/
.cpbj{ height: 847px; overflow: hidden;background:url(../images/cpbg.jpg) no-repeat center top;padding-top:75px; box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px;margin:0 auto; }
.cpbj h2,.cpbj h2 a{color:#fff;}
.cpbj h2 p{color:#fff;}
.cp{width: 1200px;position: relative;margin:0 auto;}

.cp_nav{width:230px;height: 582px;float: left;position: relative;background: #325dcd;border-radius:45px;}
.cp_tit{height: 392px;}
.cp_tit ul{font-size: 17px; color: #fff; font-weight: normal;margin-top:66px;}
.cp_tit li{width:230px;height:59px; line-height: 59px; color: #fff;text-decoration: none; display: block;position: relative;text-align: left;box-sizing: border-box; float: left;padding-left: 55px;}
.cp_tit li:after{content: ""; position: absolute;top:0;left:0;height: 60px;width:0;background: url(../images/clmcur.png) no-repeat left center;z-index: 0; -webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.cp_tit li a{color: #fff;position: relative;z-index: 1;text-decoration: none;}
.cp_tit li.cur:after,.cp_tit li:hover:after{width:253px; }
.cp_tit span{width:230px;height:59px; line-height: 59px; color: #fff;text-decoration: none; display: block;position: relative;text-align: left;box-sizing: border-box; float: left;padding-left: 55px;font-size: 17px; color: #fff;}
.cp_tit span a{color: #fff;position: relative;z-index: 1;text-decoration: none;}
.cp_tel{width:230px;height: 83px;background: url(../images/clm_zx.png) no-repeat left 5px;}
.cp_tel b{font-size: 20px;color:#fff;text-align: left;padding-left:58px;box-sizing: border-box;display: block;margin-bottom: 25px;}
.cp_tel a{font-size: 16px;color:#ffffff;display: block;    text-align: center;padding-left: 46px;box-sizing: border-box;}

.cp_nr{width: 920px;height: 582px;background: #fff;border-radius: 45px; float: right;}
.cp_nr dl{width: 920px;padding:80px 65px 0  100px;box-sizing: border-box;}
.cp_nr dt{width: 450px;height:450px;display: block;float: right;}
.cp_nr dd{padding-top: 45px;width: 288px;float: left;;}
.cp_nr dd h4{font-size: 29px;color:#202428;height: 90px;border-bottom: 1px solid #d4d4d4; font-weight: normal;line-height: 35px;margin-bottom: 10px;}
.cp_nr dd h4 a{color:#202428;  display: block;   white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cp_nr dd h4 em{display: block;font-size: 16px;color:#666666;white-space: nowrap;}
.cp_nr dd p{font-size: 16px;color:#666;line-height: 30px;text-align: justify;height: 115px;}
.cp_nr dd .clm_more{font-size: 16px;color:#202428;padding-left: 36px;background: url(../images/clm_more.png) no-repeat; display: block; line-height: 24px;margin-bottom: 25px;;}
.cp_nr dd .clm_zx{font-size: 16px;color:#fff;padding-left: 89px;background: url(../images/clm_btn.png) no-repeat; display: block; line-height: 70px;width:191px;box-sizing: border-box;}

/**/
.cpbj2{ height: auto; overflow: hidden;background:#fff;padding:70px 0 75px; box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px;margin:0 auto; }
.cp_c{width:100%; box-sizing: border-box;max-width: 1906px;margin:0 auto; font-size: 16px;}
.cp_c li{ width:24.375%;  float: left; position: relative;overflow: hidden;margin-right: 15px;}
.cp_c li span{width: 100%;display: block;border:1px solid #d1d1d1;overflow:hidden; box-sizing: border-box;border-radius: 50px;}
.cp_c img{width: 100%; max-height: 351px; display: block;border:1px solid #d1d1d1; box-sizing: border-box;border-radius: 50px;}

.cp_c li h4{color: #666666; line-height: normal; margin-top:30px;padding-left:25px;}
.cp_c li h4 b{font-size: 24px;color:#666666; display: block;}
.cp_c li h4 i{font-size: 16px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
.cp_c li a{ text-decoration: none; }
.cp_c li:hover{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.cp_c li img{opacity:1;filter:Alpha(opacity=100);-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;z-index: 1;}

.cp_c li:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

/**/
.edgebj{height: 864px;background:#eaf0fd;padding-top:75px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative;}
.edgebj h2{height:125px;}
.cpysico1{width:186px;height: 340px;position: absolute;left:50%;margin-left: -755px;bottom: 0px;z-index: 1;}
.cpysico1 img{width: 100%; display: block;}
.cpysico2{width:498px;height:473px;position: absolute;left:50%;margin-left: 400px;bottom: 0;z-index: 1;}
.cpysico2 img{width: 100%; display: block;}
.edge .edqh .edt{width:566px; height:596px;float:left; position: relative;background:#325dcd;border-radius: 48px;margin-left: 58px;}
.edge .edqh .edt dl{width:566px; height:596px;}
.edge .edqh .edt dt{display: block;width:566px; height:297px;}
.edge .edqh .edt dt img{width:566px; height:297px; display: block;border-top-left-radius: 48px;border-top-right-radius: 48px;}
.edge .edqh .edt dl dd{font-size:16px; color:#fff; padding:33px 54px 0; line-height: 30px; font-weight: normal;box-sizing: border-box;}
.edge .edqh .edt dl dd h5{font-size: 32px;color:#fff; line-height: 42px;text-align: left;font-weight: normal;margin-bottom: 20px;}
.edge .edqh .edt dl dd p{background: url(../images/cpysico3.png) no-repeat left 10px;padding-left:25px;}
.edge .edqh h4{width:194px;float:left;padding:0 62px;border-right: 1px solid #d4d9e4;}
.edge .edqh h4 span{display: block;width:194px; height:260px;margin-bottom: 38px;}
.edge .edqh h4 span img{width:194px; height:260px;border-radius: 28px;}
.edge .edqh h4 strong{display: block;width:194px;text-align: left; font-weight: bold;font-size: 18px;color:rgba(51,51,51,0.7);font-family: Arial, Helvetica, sans-serif; position: relative;z-index: 3;}
.edge .edqh h4 strong em{display: block;font-size:30px; color:#202428; font-weight: bold;margin-bottom: 35px;}
.edge .edqh h4 strong i{display: block;font-size:25px; color:#202428; font-weight: normal;}
.edge .edqh h4 strong b{display: block;margin:26px 0 0; font-size: 50px; font-weight: bold;font-family: Arial, Helvetica, sans-serif;color:#202428;}
.edge .edqh .first{padding-left: 0;margin-left: 0;}
.edge .edqh .last_h4{padding-right: 0;border-right: 0;}
.edge .edqh h4.cur{display:none;}
.cpys3_p{width:384px;}

/**/
.ysbj{ height:1052px; position: relative; box-sizing: border-box; background:#fff; overflow: hidden; clear: both; font-family:"Microsoft Yahei";padding-top: 75px;}
.ysbj h2{ height:115px;}
.ys{width:100%; position: relative; height: 820px;}
.ys_nav{width: 100%;background: rgba(0,0,0,0.7);height: 160px;z-index: 1;margin-top: -318px;position: relative;}
.ys_nav ul{width: 1200px; margin:0 auto;}
.ys_nav li{width: 300px; height: 160px; cursor: pointer; float: left;text-align: center;box-sizing: border-box;}
.ys_nav li h4{padding-top: 20px;height: 160px;box-sizing: border-box;text-align: center;font-size: 22px;color: #e5e2e3; font-weight: normal;}
.ys_nav li h4 em{width:62px;height: 62px;border-radius: 100px; display: block; font-size:33px; color: #fff;font-family: "Arial"; font-weight: normal; line-height: 62px;background: #696969;position: relative;margin:0 auto 28px;}
.ys_nav li h4 em:before{content:'';position:absolute;height:3px;width:28px;bottom:-14px;left:50%;margin-left: -14px; background:#e5e2e3; z-index: 2;}

.ys_nav li h5{display: none;height: 160px; position: relative; font-size: 18px; color: #222222; font-weight: normal;padding-top: 0px;box-sizing: border-box;}
.ys_nav li h5:after{content:'';position:absolute;height:202px;width:300px;bottom:0;left:0;background:#325dcd;}
.ys_nav li h5 em{ display: block; font-size: 20px; color: #ffffff;font-weight: normal; line-height: 24px;position: relative;z-index: 1;margin-bottom: 55px;}
.ys_nav li h5 em:before{content:'';position:absolute;height:3px;width:28px;bottom:-28px;left:50%;margin-left: -14px; background:#e5e2e3; z-index: 2;}
.ys_nav li h5 b{font-size: 22px;color:#fff;font-weight: bold;position: relative;z-index: 1;}
.ys_nav li.cur h4{display: none;}
.ys_nav li.cur h5{display: block;}


.yss{height: 820px;width: 1200px; margin:0 auto;}
.yss dl{width:1200px;height:820px; position:relative;}
.yss dt{ width:1920px; height:662px; overflow:hidden; position: absolute;left:50%;top:0; margin-left: -960px;}
.yss dt img{ display:block;width:100%; max-height:662px; }
.yss dd{width:1200px; margin:0 auto;height: 158px;background:#fff;position: absolute;left:0;bottom:0;padding:35px 0 0 0px; box-sizing:  border-box;}
.yss dd .desc{width:820px; float: left;margin-top:20px;}
.yss dd .desc{width:820px; float: left;margin-top:20px;}
.yss dd p{font-size:14px; color:#4c4c4c;  line-height: 25px; text-align: justify;padding-left:12px;}
.yss dd ul{margin-top:0px; float: right;}
.yss dd li{width:188px; float: left;position: relative;color:#325dcd;font-size: 42px;padding-left: 25px;box-sizing: border-box;border-left:1px solid #d7d7d7;}
.yss dd li em{ font-size: 20px;color:#000000;width:23px;height:23px;line-height: 23px;text-align: center; font-size: 14px;font-weight: bold; display: block;position: absolute;top:28px;}
.yss dd li h4{font-size: 16px;color:#3a364b;font-weight: normal;}
.yss dd li:nth-child(1) em{right:35px;}
.yss dd li:nth-child(2) em{right:80px;}
.yss dd li:last-child{border-right: 1px solid #d7d7d7;}

.ys1 dd li:nth-child(1) em{right:20px;}
.ys1 dd li:nth-child(2) em{right:35px;}
.ys3 dd li:nth-child(1) em{right:80px;}
.ys4 dd li:nth-child(1) em{right:108px;}
.ys4 dd li:nth-child(2) em{width:45px;right:65px;}
/**/
.casebj{ height:819px; background:#eaf0fd; padding:75px 0 0;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;max-width: 1920px; margin:0 auto; clear: both; }
.casebj h2{ }
.case {width:1220px;height:auto; position: relative;box-sizing: border-box;margin:0 auto;}
.case_l{width:26px;height: 47px;background: url(../images/xc_l.png) no-repeat;position: absolute;left:-68px;top:278px;}
.case_r{width:26px;height: 47px;background: url(../images/xc_r.png) no-repeat;position: absolute;right:-68px;top:278px;}
.m_case dt img{-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.m_case dt a:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.m_case  dl{width:375px;position: relative;float: left;background:#fff;border-radius: 50px;box-shadow: 0 0 15px #dadce8;margin:19px;}
.m_case  dl dt{width: 375px;height: 282px;overflow: hidden;border-top-left-radius: 50px;border-top-right-radius: 50px;}
.m_case  dl dt img{width: 375px;height: 282px; display: block;border-top-left-radius: 50px;border-top-right-radius: 50px;}
.m_case  dl dd{width:375px;box-sizing: border-box;padding:0px 30px 50px;}
.m_case  dl dd em{width:125px;height:125px;display: block;border-radius: 100%;box-shadow:0 0 10px #ececec;margin:-61px auto 0;position: relative;z-index: 1;}
.m_case  dl dd h4{font-size: 24px;text-align: center; color: #333333;height: 72px; line-height: 72px;font-weight: normal; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.m_case  dl dd h4 a{color: #000000;}
.m_case  dl dd p{font-size: 16px; color: #666666; line-height: 26px; text-align: justify;}


/**/
.lcbj{height: 537px;overflow: hidden; background:url(../images/lcbg.jpg) no-repeat center top;padding-top:75px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative; }
.lcbj h2{color:#fff;}
.lcbj h2 p{color:#fff;}
.lc{position: relative;overflow: hidden; }
.lc ul{width:1200px;margin:0 auto; position: relative;}
.lc li{ width:153px;height:153px; font-size: 16px; color: #ffffff; font-weight: normal; text-align: center;box-sizing: border-box;float: left;margin-right: 56px;cursor: pointer;  line-height: 40px;position: relative;padding-top: 40px;}
.lc li em{width:64px;height: 60px; display: block;margin:0 auto;}
.lc li em img{width:64px;height: 60px; display: block;}
.lc li:nth-child(6n){margin-right: 0;}
.lc li:nth-child(1)::before,.lc li:nth-child(2)::before,.lc li:nth-child(3)::before,.lc li:nth-child(4)::before,.lc li:nth-child(5)::before{content: ""; position: absolute;top:80px;right: -45px; height: 17px;width:16px;background:url(../images/lcico1.png) no-repeat;}
.lc li:nth-child(7)::after,.lc li:nth-child(8)::after,.lc li:nth-child(9)::after,.lc li:nth-child(10)::after,.lc li:nth-child(11)::after{content: ""; position: absolute;top:80px;right: -45px; height: 17px;width:16px;background:url(../images/lcico2.png) no-repeat;} 
.lc li:nth-child(6)::before{content: ""; position: absolute;top:158px;right: 67px; height: 17px;width:16px;background:url(../images/lcico3.png) no-repeat;}
.lc li img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.lc li:hover img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.lc li.cur,.lc li:hover{background:url(../images/lcicocur.png) no-repeat center top;}

/**/
.nswsbj{ height: 766px; box-sizing: border-box; background:#fff;padding-top:75px;overflow: hidden; font-family:"Microsoft Yahei";}
.nswsbj h2{ }

.news{width:1200px;margin:0 auto;}
.news img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.news img:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.newstit{height: 30px;margin-bottom: 25px; }
.newstit li{color:#4b4b4b;line-height: 30px;display: block;font-size: 21px;position: relative;font-weight: normal;float:left;width:140px; }
.newstit li a{color: #4b4b4b;text-decoration: none;}
.newstit li.cur a{font-weight: bold;color:#325dcd;}
.newstit li:nth-child(1){padding-right: 15px;background:url(../images/newstico.png) no-repeat right center;margin-right:30px;}
.newstit span{float: right; font-size: 18px;color:rgba(87,87,87,0.87);margin-top: 25px;}

.news1{width:552px; float: left;position: relative;}
.news1 dl{width:552px; overflow: hidden;height: 454px;background: #f2f2f2;border-radius: 45px;}
.news1 dt{ width:552px;height:264px; position: relative; overflow: hidden;border-top-left-radius: 45px;border-top-right-radius: 45px}
.news1 dt img{width:552px;height:264px; display: block;border-top-left-radius: 45px;border-top-right-radius: 45px;}
.news1 dd{ width:552px; overflow: hidden;box-sizing: border-box; padding:25px 50px 0;}
.news1 dd h4{font-size: 22px; font-weight: normal;line-height: 40px;height:40px;color:#333333;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news1 dd h4 a{ color:#333333;}
.news1 dd p{overflow: hidden;font-size: 16px; line-height: 24px; color:rgba(0,0,0,0.8);}

.news2{width:594px; float: right;}
.news2 dl{width:594px; overflow: hidden;height: 115px;border-bottom: 1px solid #e4e4e4;padding-top:29px;}
.news2 dt{ width:82px;height:86px; position: relative; overflow: hidden;background: url(../images/newsico.png) no-repeat;color:#202428;font-size: 12px;text-align: center;padding-top:38px;box-sizing: border-box; line-height: 20px;float: left;}
.news2 dt em{display: block;font-size: 30px;color: #202428;}
.news2 dd{float: right; width:474px; overflow: hidden;box-sizing: border-box; padding-top: 10px;}
.news2 dd h4{font-size: 22px; font-weight: bold;line-height: 40px;height:40px;color:#333333;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: normal;}
.news2 dd h4 a{ color:#333333;}
.news2 dd p{overflow: hidden;font-size: 16px; line-height: 24px; color:#666666;}


/**/
.aboutbj{background:url(../images/aboutbg.jpg) no-repeat center top;height: 609px;max-width: 1920px;margin:0 auto; font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; position: relative;padding-top: 87px;}
.about{width:810px;margin:0 auto;}
.about h2{color:#fff;}
.about h2 a{color:#fff;}
.about h2 p{color:#fff;}
.about p{font-size:16px; color:rgba(0,0,0,0.8);  line-height: 24px;text-align: center;}

/**/
.cutbj{height: 383px;background: #fff;box-sizing: border-box;padding-top: 43px;box-sizing: border-box;}
.help_nav{ height: 36px;clear: both;  margin-bottom: 16px;position: relative}
.help_nav li{height: 36px; line-height: 36px; margin-right: 0px; text-align: center; font-size:20px; color: #000000; display: block; float: left; width: 174px;background: #fff; font-weight: normal;border-radius: 25px;}
.help_nav li a{color: #000000; text-decoration: none;}

.help_nav li.cur{background:#4867ce;}
.help_nav li.cur a{color: #fff;}
.help_nav li:nth-child(1){margin-left: 434px;}

.m_help{ height:270px;width: 1200px; position: relative; }
.xc_l{width:26px;height: 47px;background: url(../images/xc_l.png) no-repeat;position: absolute;left:-68px;top:80px;}
.xc_r{width:26px;height: 47px;background: url(../images/xc_r.png) no-repeat;position: absolute;right:-68px;top:80px;}
.xc{width:1200px;  overflow: hidden;}
.xc li{ width:372px; position:relative;margin-right: 41px; float: left;border-radius: 28px;overflow: hidden; }
.xc li img{ display:block;width:372px; height:209px;border-radius: 28px; box-sizing: border-box;}
.xc li em{background: url(../images/xctm.png) no-repeat;width:100%; height:209px; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s; font-size: 0;  display: block; text-align: center; padding-top: 112px;color:#fff;position: absolute;left: 0;bottom:-209px;box-sizing: border-box;}
.xc li a{ text-decoration: none; }

.xc li.nones{margin-right: 0;}
.xc li:hover em{z-index: 1;bottom:0;font-size: 16px;}
.xc li img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.xc li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}



.link_bj{width:1200px; margin: -46px auto 0;max-height:60px; overflow: hidden;position: relative; }
.link{ height:auto; overflow: hidden;font-family:"Microsoft Yahei";}
.link h2{float: left; font-weight: normal; font-size: 13px;color: #ebeaf9;line-height: 30px;width: 80px;}
.link p{  max-width: 1120px; float: left; font-size: 14px;overflow: hidden; line-height: 30px; color:#ebeaf9;}
.link p a{ color: #ebeaf9; font-size: 14px; padding-right:20px; text-align: left;  float: left;}


@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-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);
  }
}