/*1029626114@qq.com*/
@charset "utf-8";
.g_pp{height: 604px;padding-top: 80px;box-sizing: border-box;background:url(../images/ppbg.jpg) no-repeat center top;overflow: hidden;}
.g_pp h2{position: absolute;left:0;top:0;background:url(../images/pptit.jpg) no-repeat;width: 280px;height: 263px;}
.g_pp h2 em{position: absolute;left:0;top:20px;background:url(../images/map.png) no-repeat 58px 0;padding-left: 105px;font-size: 26px;color:#fff;font-weight: normal;line-height: 40px;}
.m_pp{margin-left: 330px;height: 360px;}
.ppbd dl{height: 252px;}
.ppbd dt{float: right;width:400px;height: 218px;overflow: hidden;}
.ppbd dt img{width:400px;height: 218px;display: block;transition: all 0.3s linear 0s;}
.ppbd dt:hover img{transform: scale(1.1);}
.ppbd dd{float: left;width:430px;padding-top: 20px;}
.ppbd h3{height: 60px;line-height: 60px;margin-bottom: 20px;position: relative;font-size:26px;color:#095993;}
.ppbd h3:before{content: "";position: absolute;width:50px;height: 3px;background: #095993;left:0;top:60px;}
.ppbd p{font-size: 16px;line-height: 24px;color:#666666;}
.pphd li{float: left;width:288px;background:url(../images/cfico2.png) no-repeat center 0;padding-top: 32px;font-size: 16px;color:#646464;text-align:center;margin-right: 20px;}
.pphd li:nth-child(1){width:180px;margin-right: 70px;}
.pphd .on{color:#095993;background:url(../images/cfico1.png) no-repeat center 0;}

.m_zz{height: 142px;}
.m_zz ul{height: 142px; position: relative; }
.m_zz li{position: relative;float: left;  height: 142px;}
.m_zz li b{display: block;display: inline-block;font-size: 56px; color: #333333; font-family: "arial"; font-weight: bold;letter-spacing: -1px;margin-right: 4px;}
.m_zz li em{display: block;}
.m_zz li em i{display: inline-block;font-size: 16px;font-weight: normal; text-align: center; color: #333333; font-style: normal;}
.m_zz li h4{font-size: 16px; color: rgba(51,51,51,.75); font-weight: normal; }
.m_zz li:nth-child(1){width: 218px;}
.m_zz li:nth-child(2){width: 258px;}
.m_zz li:nth-child(3){width: 250px;}
.m_zz li:nth-child(4){width: 300px;}
.m_zz li:nth-child(5){width: 166px;}
.m_zz .cur b{color:#095993;}
.m_zz .cur em{color:#095993;}
.m_zz .cur i{color:#095993;}

.g_cptit h2 a{display: block; padding-top: 77px;text-align:center;font-size:50px;color:#333333;font-weight: normal;height: 200px;box-sizing: border-box;}
.g_cptit h2 em{display: block;font-size:20px;color:#666666;}

.m_fl01{background: #f8f8f8;position: relative;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.m_fl01 dt{float: left;width:50%;} 
.m_fl01 dt img{width:100%;display: block;}
.m_fl01 dd{float: left;padding: 2rem 0 0 4.5%;width:28%;}
.m_fl01 h3 a{display: block;height: 3rem;font-size:1.66rem;color:#095993;}
.cpej a{display: block;float: left;font-size:0.8rem;color:#666666;width:30%;height: 2rem;line-height: 2rem;border:1px solid #d0d0d0;margin:0 3% 0.5rem 0;text-align:center;}
.cpej a:hover{color:#095993;border:1px solid #095993;}
.cpej a:nth-child(3n){margin-right: 0;}



.m_fl01 ul{position: absolute;left:45%;top:10.5rem;width:40%;height: 15rem;background: #fff;box-shadow: 5px 0 40px rgba(0,0,0,.15);padding: 2.5rem 5% 0 5%;box-sizing: border-box;}
.m_fl01 li{float: left;width:100%;}
.m_fl01 li img{width:100%;display: block;transition: all 0.3s linear 0s;}
.m_fl01 li em{display: block;line-height: 2rem;text-align: center;font-size:0.75rem;color:#323232;transition: all 0.3s linear 0s;}
.m_fl01 li:hover em{color:#095993;padding-top: 5px;}
.m_fl01 li:hover img{opacity: 0.8}
.cpgd{position: relative;}
.cpgd .slick-prev,.cpgd .slick-next{font-size:0;border:none;position: absolute;}
.cpgd .slick-prev {
    left: 1rem;top:6rem;
    background: url(../images/jt.png) no-repeat;
    width: 32px;height: 56px;
}
.cpgd .slick-next {
   right: 1rem;top:6rem;
    width: 32px;height: 56px;
     background: url(../images/jt.png) no-repeat right 0;
}

.cpgd .slick-slide { padding: 0 10px; }




.m_fl02{background: #f7f7f7;position: relative;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.m_fl02 dt{float: right;width:50%;} 
.m_fl02 dt img{width:100%;display: block;}
.m_fl02 dd{float: left;padding: 2rem 0 0 18.5%;width:26%;}
.m_fl02 h3 a{display: block;line-height: 2rem;font-size:1.66rem;color:#095993;}
.m_fl02 p{font-size: 0.75rem;color:#666666;line-height: 1.2rem;margin-bottom: 1.25rem;}
.m_fl02 span a{display: block;width:6.7rem;height: 1.7rem;line-height: 1.7rem;border:1px solid #c00609;font-size: 0.75rem;color:#c00609;text-align: center;}


.m_fl02 ul{position: absolute;left:14%;top:11rem;width:40%;height: 15rem;background: #fff;box-shadow: 5px 0 40px rgba(0,0,0,.15);padding: 2.5rem 5% 0 5%;box-sizing: border-box;}
.m_fl02 li{float: left;width:100%;}
.m_fl02 li img{width:100%;display: block;transition: all 0.3s linear 0s;}
.m_fl02 li em{display: block;line-height: 2rem;text-align: center;font-size:0.75rem;color:#323232;transition: all 0.3s linear 0s;}
.m_fl02 li:hover em{color:#095993;padding-top: 5px;}
.m_fl02 li:hover img{opacity: 0.8}

.g_otcp{margin-top: 66px;height: 452px;overflow: hidden;}
.zz_q2{height:60px;margin-bottom: 30px;position: relative;}
.zz2 ul{height:68px;background: #095993;}
.zz2 ul li a{float: left;  line-height: 68px; font-size: 18px;color:#fff;width:185px;text-align:center;background: #0f8ac5;}
.morecp{position: absolute;right: 26px;top:0;line-height: 68px;}
.morecp a{color:#fff;font-size: 18px;}
.zz_box2{position:relative;}
.zz-s2 ol li{position:relative;float:left;width:374px;margin-right:38px;background:0 0;padding:0;transition:all .3s linear 0s;overflow:hidden}
.zz-s2 ol li i{display: block;width:374px;height:281px;overflow: hidden;}
.zz-s2 ol li img{width:374px;height:281px;display:block;transition:all .3s linear 0s;border:1px solid #e0e0e0;}
.zz-s2 ol li em{height: 48px;line-height: 48px; text-align:center;font-size: 16px;color:#666666;display: block;transition:all .3s linear 0s;}
.zz-s2 ol li:hover i img{transform: scale(0.99);}
.zz-s2 ol li:hover em{color:#095993;padding-top: 5px;}
.g_otcp .ljt,.g_otcp .rjt{width: 32px; height: 56px; position: absolute;z-index: 1000}
.g_otcp .rjt{background: url(../images/jt.png) no-repeat right 0;right:-60px;top:105px;}
.g_otcp .ljt{background: url(../images/jt.png) no-repeat;left:-60px;top:105px;}
.g_otcp .ljt:hover,.g_otcp .rjt:hover{background-position: -36px 0;}


.g_cpztc{height: 104px;margin-bottom: 80px;}
.g_cpztc h2{display: block;float:left;width:194px;text-align:center;font-size:18px;color:#fff;font-weight: bold;
background: #0f87c2; height: 104px; line-height: 104px;
background: -moz-linear-gradient(top,  #0f87c2 0%, #095c96 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0f87c2 0%,#095c96 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0f87c2 0%,#095c96 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f87c2', endColorstr='#095c96',GradientType=0 ); /* IE6-9 */
}
.g_cpztc ul{float: left;width:1006px;height: 104px;background: #fff;box-shadow: 1px 0 1.25rem rgba(0,0,0,.1);padding: 24px 0 0 30px;box-sizing: border-box;}
.g_cpztc li a{display: block;line-height: 30px;float: left;width:120px;font-size:16px;color:#666666;}
.g_cpztc li a:hover{color:#095993;}

.g_cptd{background: url(../images/cptdbg.jpg) no-repeat center top;height: 756px;padding-top: 88px;box-sizing: border-box;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_cptd h2{height:180px; text-align:center;font-size:50px;color:#fff;font-weight: normal; }
.g_cptd h2 em{display: block;font-size:20px;}

.m_cptd{margin:0 8%;} 
.m_cptd dl{float: left;width:25%;height: 480px;box-sizing: border-box;}
.m_cptd dt{height: 192px;border-right: 1px solid rgba(255,255,255,.1);}
.m_cptd dt img{width:6.6666rem;margin:0 auto;display: block;}
.m_cptd dd{border-right: 1px solid #eee;padding-top: 36px;height: 288px;box-sizing: border-box;}
.m_cptd dl:nth-child(4) dt,
.m_cptd dl:nth-child(4) dd
{border-right: none;}
.m_cptd h3{height: 2.5rem;line-height: 2.5rem;font-size:1rem;color:#1a1a1a;text-align:center;font-weight: normal;}
.m_cptd p{padding: 0 15%;font-size:16px; line-height: 28px;text-align:center; color: rgba(26,26,26,.8);}
.m_cptd dl:hover dt{background:url(../images/shadow1.png) no-repeat;background-size:cover;}
.m_cptd dl:hover h3{position: relative;color:#095892;}
.m_cptd dl:hover h3:before{content: "";position: absolute;width:2.4rem;border-top: 1px solid #0c71ab;border-bottom: 1px solid #095892;left:50%;margin-left: -1.2rem;top:2rem;}



.cases{width:100%;min-width:1200px;position:relative;overflow:hidden;padding:63px 0 32px 0;height:817px;background: #f8f8f8;}
.cases h2{display: block; height: 122px; text-align: center; font-weight: normal; font-size: 50px;color:#333333;}
.cases h2 em{display: block;font-size: 20px;color:#666666;font-weight: normal;font-family:"Microsoft Yahei"}

.casetit{height: 92px;border:1px solid #e4e4e4;border-bottom: none;position: relative;}
.casetit ul{ width:962px;height:92px;box-sizing: border-box;}
.casetit ul li{float:left;position:relative;width:240px;height:92px; border-right: 1px solid #e4e4e4; padding-top: 18px;text-align:center;  box-sizing: border-box;}
.casetit ul li span{display: block; font-size: 26px;color:#333333;font-weight: normal;}
.casetit ul li em{display: block;font-size: 14px;color:rgba(51,51,51,.2);font-weight: normal;text-transform: uppercase;padding-top: 2px;}
.casetit ul li.on span{color:#095892;}
.casetit ul li.on:before{content: "";position: absolute;background:url(../images/line.jpg) repeat-x;width: 100%;height: 4px;left:0;top:-1px;}
.morecase a{position:absolute; right:0;top:0; width:240px;height:92px; padding-top: 18px;text-align:center;  box-sizing: border-box;}
.morecase span{display: block; font-size: 26px;color:#333333;font-weight: normal;}
.morecase em{display: block;font-size: 14px;color:rgba(51,51,51,.2);font-weight: normal;text-transform: uppercase;padding-top: 2px;}

.ys_con{height: 630px;position:relative;background: #f8f8f8;}
.cases dl{width:1200px;height:630px;position:relative;padding:0 86px 0 0;background: #f8f8f8;}
.cases dl:before{content: "";position: absolute;width:1200px;height: 600px;background:rgba(0,0,0,.5);left:0;top:0; }
.cases dl dt{width:1200px;height:600px;line-height:0;overflow:hidden}
.cases dl dt img{width:1200px;height:600px;transition: all 0.3s linear 0s;}
.cases dl dd{display:none;position: absolute;left:0;bottom: 30px;width:1200px;height:130px;background:#fff; box-shadow: 1px 0 57px rgba(0,0,0,.05);  padding: 36px 76px 0 0;box-sizing: border-box;}
.cases h5 a{display: block;float: left;width:218px;text-align:center;font-size:36px;color:#333333;font-weight: normal;}
.cases p{font-size: 16px;line-height: 24px;color:#666666;float: left;width:890px;}
.cases dl:hover dt img{transform: scale(1.1);}
.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);}

.g_hz{background: #f8f8f8;height: 282px;}
.g_hz h2 a{display: block;height: 56px;padding-left: 48px;font-size:20px;font-weight: bold;color:#333333;background:url(../images/hztit.png) no-repeat 0 5px;padding-top: 8px;}
.g_hz h2 span{font-size:14px;color:#333333;font-weight: normal;}
.g_hz ul{height: 146px;border:1px solid #eaeaea;box-sizing: border-box;padding-top: 25px;}
.g_hz li{float: left;width:198px;height:99px;position: relative; overflow: hidden; }
.g_hz li img{width:198px;height:99px;display: block;transition: all 0.3s linear 0s;}
.g_hz li:before{content: "";position: absolute;width:1px;height: 41px;background: #dcdcdc;right: 0;top:28px;}
.g_hz li:last-child:before{background: none;}
.g_hz li:hover img{transform: scale(1.1);}


.g_ys{position: relative;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto; }
.g_ys .ystit{ height: 122px; padding-top: 63px;border-bottom:1px solid #e5e5e5; }
.g_ys h2{display: block; height: 122px; text-align: center; font-weight: normal; font-size: 50px;color:#333333;}
.g_ys h2 em{display: block;font-size: 20px;color:#666666;font-weight: normal;font-family:"Microsoft Yahei"}
.g_ys .yshd{width: 1200px;margin:0 auto;}
.g_ys .yshd ul{}
.g_ys .yshd li{float: left;width: 300px;border-right: 1px solid #ddd;height: 100px;padding-top: 24px;text-align: center;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.g_ys .yshd li span{display: block;font-size: 24px;color: #333333;}
.g_ys .yshd li em{display: block;font-size: 12px;color: #666666;}
.g_ys .yshd .on span{color: #095892;font-weight: bold;}
.g_ys .yshd .on em{font-weight: normal;}

.ysbd dl{height: 30rem;overflow: hidden;}
.ysbd dt{position: relative;}
.ysbd dt i{width: 100%;display: block;}
.ysbd dt i img{width: 100%;display: block;}
/*.ysbd dt:before{content: "";position: absolute;width:100%;height: 30rem;background:url(../images/shadow2.png) no-repeat;background-size: 100%;left:0;top:0;}*/



.ysno{position:absolute;left:0;top:0;width:7%;border-right: 2px solid rgba(255,255,255,.3);height: 30rem;overflow: hidden;text-align: center;}
.ysdian{background: rgba(0,0,0,.4);width: 100%;height: 5.66rem;padding-top: 2rem;margin-bottom: 6.6rem;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.ysdian img{width: 25%;margin:0 auto 0;display: block;}
.ysno em{display: block;font-size: 18px;color: #fff;height: 1.25rem;}
.ysno span{display: block;font-size: 18px;color: #fff;margin-top: 0.5rem;}
.ysno p{height: 8.8rem;}
.ysno p b{width: 2px;height: 2.2rem;background: #fff;margin: 0 auto;display: block;}
.ysno p .cur{background: #0b67a2}

.g_ys .ysbd dd{position: absolute; left:0;bottom: 0;width:100%;margin-left: 18.75%;height: 7rem;background: #fff;overflow: hidden;border-bottom: 1px solid #e5e5e5;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.g_ys .ysbd h3{position: relative;float: left;width: 13%; background: #424a57;height: 7rem;line-height: 7rem; text-align: center;font-size: 1.25rem;color: #fff;margin-right: 1%;}
.g_ys .ysbd h4{font-size: 1.1rem;color: #095892; line-height: 2rem; font-weight: bold;margin-top: 1rem;}
.g_ys .ysbd .wz{font-size:14px;color:#666666;line-height: 1rem;width:71%;}
.g_ys .u_ljt{position: absolute;right:4.5%;bottom: 0; height: 7rem;background: #0a619c url(../images/ljt2.png) no-repeat center 3rem;z-index: 566;width: 4.5%;}
.g_ys .u_ljt:before{content: "";position: absolute;width: 1px;height: 1rem;background: rgba(255,255,255,.3);right: 0;top:3rem;}
.g_ys .u_rjt{position: absolute;right:0;bottom: 0;height: 7rem;background: #0a619c url(../images/rjt2.png) no-repeat center 3rem;z-index: 566;width: 4.5%;}


.g_news8{padding-top: 80px;height: 767px;overflow: hidden;}
.g_news8 h2 a{display: block; height: 112px; text-align: center; font-weight: normal; font-size: 50px;color:#000000;}
.g_news8 h2 em{display: block;font-size: 20px;color:#666666;font-weight: normal;font-family:"Microsoft Yahei"}
.g_news8 .gsdt{float: left;width: 582px;}
.g_news8 .gsdt h3{height: 46px;line-height: 46px;position: relative;font-size:24px;color:#095892;margin-bottom: 23px;}
.g_news8 .gsdt h3 a{color: #095892;}
.g_news8 .gsdt h3:before{content: "";position: absolute;width:100px;height: 2px;background: #095892;left:0;top:44px;}

.g_news8 .dttj{height: 418px;border-bottom: 1px solid #f4f4f4;}
.g_news8 .dttj dt{width: 582px;height: 292px;overflow: hidden;margin-bottom: 15px;}
.g_news8 .dttj dt img{width: 582px;height: 292px;display: block;transition: all 0.3s linear 0s;}
.g_news8 .dttj dt:hover img{transform: scale(1.1);}
.g_news8 .dttj h4 a{display: block; height: 34px;line-height: 34px;font-size: 16px;font-weight: bold;color:#292929;position: relative;overflow: hidden;padding-left: 88px;margin-bottom: 12px;}
.g_news8 .dttj h4 a:hover{color:#14588e;}
.g_news8 .dttj h4 em{position: absolute;left:0;top:0;width:72px;height: 34px;line-height: 34px;font-size:16px;color:#fff;text-align:center;
background: #187cb3; /* Old browsers */
background: -moz-linear-gradient(left,  #187cb3 0%, #14578d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #187cb3 0%,#14578d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #187cb3 0%,#14578d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#187cb3', endColorstr='#14578d',GradientType=1 ); /* IE6-9 */}
.g_news8 .dttj p{font-size: 14px;line-height: 24px;color:#666666;overflow: hidden;}
.g_news8 .dtlst li{padding-left: 30px;height: 44px;line-height: 44px;font-size: 16px;color: rgba(102,102,102,1);position: relative; border-bottom: 1px solid #f4f4f4; }
.g_news8 .dtlst li a{color: rgba(102,102,102,1);}
.g_news8 .dtlst li a:hover{color:#095892;}
.g_news8 .dtlst li:before{content: "";position: absolute;width:7px;height: 7px;border: 1px solid #c6c6c6;border-radius: 50%;left:0;top:18px;}

.g_news8 .newr{float: right;width: 566px;}
.g_news8 .newr h3{height: 46px;line-height: 46px;position: relative;font-size:24px;color:#095892;margin-bottom: 23px;}
.g_news8 .newr h3 a{color: #095892;}
.g_news8 .newr h3:before{content: "";position: absolute;width:100px;height: 2px;background: #095892;left:0;top:44px;}
.g_news8 .bk dl{height: 105px; border-bottom: 1px solid #f4f4f4; margin-bottom: 28px; position: relative;}
.g_news8 .bk h4 a{display: block; height:26px;line-height: 26px;padding-left: 100px; overflow: hidden;font-size: 16px;color: #333333;font-weight: normal; margin-bottom: 20px; }
.g_news8 .bk h4 a:hover{color:#095892;}
.g_news8 .bk h4 em{position: absolute;left:0;top:0;font-size:22px;color:#999999;}
.g_news8 .bk p{font-size: 14px;line-height: 22px;color:#717171;height: 44px;overflow: hidden;}

.g_zj{background: url(../images/abbg.jpg) no-repeat center top;height: 830px;padding-top: 222px;box-sizing: border-box;overflow: hidden;}
.g_zj h2 a{display: block; height: 166px; text-align: center; font-weight: normal; font-size: 50px;color:#fff;}
.g_zj h2 em{display: block;font-size: 20px;color:#fff;font-weight: normal;font-family:"Microsoft Yahei"}
.g_zj p{padding: 0 40px;text-align:center;font-size:16px;line-height: 26px;color:#fff;margin-bottom: 80px;}




.more01{

	text-align:center;


}

.more01 a{
background: #fff;
	display:block;border-radius:30px;

	width:224px;

	line-height:50px;

	text-align:center;

	font-size:16px;color: #323232;

	margin:0 auto;

	letter-spacing:1px;

	position:relative;transition:all .5s;

}

.more01 a:hover{

	color:#095892; font-size:18px;

}

.more01 a span{

	display:block;

	width:100%;

	top:0;

	right:0;

	height:100%;

	position:absolute;

	border:1px solid #eee;
	box-sizing: border-box;

	border-radius:30px;

	transition:all .5s;

}

.more01 a:hover span{

	width:50px;


	border-color:#095892;

}

.more01 a em{

	display:inline-block;

	*display:inline;

	width:24px;

	height:14px;

	margin-left:10px;

	transition:all .5s;
    position: relative;left:30px;
	background:url("../images/ico_08.png") no-repeat right center;

}

.more01 a:hover em{

	transform:translateX(10px);

}





 @media screen and (max-width:1401px) {             
.m_cptd p{padding: 0 10%;font-size:14px; line-height: 26px;}
.g_ys .ysbd .wz{font-size:12px;}



}







.g_link {
  position: relative;
  margin-top: -70px;
  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:#fff;font-weight: normal;}

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







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