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

.g_guide{background:url(../images/ppbg.jpg) no-repeat center top;height: 697px;padding-top: 60px; box-sizing: border-box;}
.m_ppleft{float: left;width:660px;}
.m_ppleft h2{width:600px;height: 60px;line-height: 60px;font-weight: normal;font-size: 38px;color:#3a3a3a;text-align:center}
.m_ppleft p{width:600px;font-size: 16px;line-height: 28px;color:rgba(66,66,66,.7);text-align:center;height: 90px;}
.zsleft{position: relative;left:-78px;}
.ppright{float: right;width:534px;padding-top: 22px;}
.ppright dl{float: left;width:250px;height: 250px;background: #f6f6f6;box-shadow: 9px 0 13px rgba(0,0,0,.06);margin: 0 27px 27px 0;}
.ppright dl:nth-child(2n){margin-right: 0;}
.ppright dt{padding-top: 58px;width:70px;height: 70px;margin:0 auto 15px;}
.ppright h3{text-align:center;font-size: 28px;color:#252525;font-weight: normal;}
.ppright h3 em{display: block;font-size: 12px;color:#bebebe;text-transform: uppercase;padding-top: 8px;}
.ppright p{display: none;}
.ppright dl:hover,.ppright .cur{background:url(../images/ppbg1.jpg) no-repeat;padding-top: 55px;box-sizing: border-box;}
.ppright dl:hover dt,.ppright .cur dt{display: none;}
.ppright dl:hover p,.ppright .cur p{display: block;}
.ppright dl:hover h3,.ppright .cur h3{color:#fff;height: 68px;}
.ppright dl:hover h3 em,.ppright .cur h3 em{color: rgba(255,255,255,.4);}
.ppright dl:hover p,.ppright .cur p{font-size:14px;line-height: 24px;color:#fff;padding: 0 14px;}
.ppright dl:nth-child(1){animation-delay: 0.1s;}
.ppright dl:nth-child(2){animation-delay: 0.2s;}
.ppright dl:nth-child(3){animation-delay: 0.3s;}
.ppright dl:nth-child(4){animation-delay: 0.4s;}




.g_cplst{padding-top: 6px;height: 400px;}
.g_cplst li{float: left;width:294px;margin-right: 7px;overflow: hidden;}
.g_cplst li img{width:294px;height: 294px;display: block;transition: all 0.3s linear 0s;    border: 1px solid #ccc;
    box-sizing: border-box;}
.g_cplst li em{display: block;line-height: 46px;text-align:center;font-size:16px;color:#333333;transition: all 0.3s linear 0s;}
.g_cplst li:hover em{color:#00a367;font-weight: bold;}



.g_cpys{background:url(../images/cpysbg.jpg) no-repeat center top;height: 848px;padding-top: 100px;box-sizing: border-box;}
.g_cpys h2{height: 130px;text-align:center;font-size:48px;font-weight: bold;color:#252525;}
.g_cpys h2 em{display: block;font-size:20px;color:#666666;font-weight: normal;padding-top: 8px;}
.g_cpys dl{position: relative;float: left;width:380px;height: 294px;margin:0 27px 22px 0;background: #fefefe;box-shadow: 9px 0 13px rgba(0,0,0,.06);padding: 62px 42px 0 36px;box-sizing: border-box;}
.g_cpys dl:nth-child(3n){margin-right: 0;}
.g_cpys h3{height: 100px;font-weight: normal;font-size:30px;color:#333333;}
.g_cpys h3 em{display: block; font-size:12px;color:#bebebe;text-transform:uppercase;padding-top: 6px;}
.g_cpys p{font-size:14px;line-height: 24px;color:#7d7d7d;}
.g_cpys dt{position: absolute;right: 0;top:26px;width:120px;height: 120px;padding: 20px;box-sizing: border-box;}
.g_cpys dt img{transition: all 0.3s linear 0s;}
.g_cpys dt i{width:80px;height: 80px;overflow: hidden;display: block;}
.g_cpys dl:nth-child(1) dt{background:url(../images/cpno1.png) no-repeat;}
.g_cpys dl:nth-child(2) dt{background:url(../images/cpno2.png) no-repeat;}
.g_cpys dl:nth-child(3) dt{background:url(../images/cpno3.png) no-repeat;}
.g_cpys dl:nth-child(4) dt{background:url(../images/cpno4.png) no-repeat;}
.g_cpys dl:nth-child(5) dt{background:url(../images/cpno5.png) no-repeat;}
.g_cpys dl:nth-child(6) dt{background:url(../images/cpno6.png) no-repeat;}
.g_cpys dl:hover,.g_cpys .cur{background:url(../images/cpysbg2.jpg) no-repeat;}
.g_cpys dl:hover h3,.g_cpys .cur h3,
.g_cpys dl:hover h3 em,.g_cpys .cur h3 em,
.g_cpys dl:hover p,.g_cpys .cur p{color:#fff;}
.g_cpys dl:hover dt i img,.g_cpys .cur dt i img{margin-left: -80px;}
.g_cpys dl:hover dt,.g_cpys .cur dt{background: none;}



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




.g_flc{padding-top: 63px;height: 842px;overflow: hidden;}
.g_flc h2 a{height: 120px;text-align:center;font-size:48px;font-weight: bold;color:#252525;display: block;}
.g_flc h2 em{display: block;font-size:20px;color:#666666;font-weight: normal;padding-top: 8px;}
.flhd{width:1200px;margin:0 auto;}
.flhd ul{margin-left: 200px;height: 44px;line-height: 44px;border: 1px solid #dcdcdc;width:824px;}
.flhd li a{display: block; float: left;width:206px;border-right: 1px solid #dcdcdc;box-sizing: border-box;font-size:18px;color:#333333;text-align:center;}
.flhd li:nth-child(4){border-right: none;}
.flhd li.on a,.flhd li:hover a{color:#fff;
background: rgb(5,165,102); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(5,165,102,1) 0%, rgba(49,179,93,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(5,165,102,1) 0%,rgba(49,179,93,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(5,165,102,1) 0%,rgba(49,179,93,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05a566', endColorstr='#31b35d',GradientType=1 ); /* IE6-9 */

}

.flbd dl{position: relative;height: 679px;width:1200px;margin: 0 auto;}
.flbd dt{position: absolute;right: -155px;top:0;z-index: 0;width:800px;height: 679px;}
.flbd dd{padding-top: 164px;z-index: 11;position: relative;width:630px;}
.flbd h4 a{display: block;height: 84px;font-size:40px;font-weight: bold;color:#252525;}

.flbd p{display: block;position: relative;padding-left: 35px;font-size:18px;color: #666666;height: 32px;line-height: 32px;margin-bottom: 14px;}
.flbd p:before{content: "";position: absolute;background:url(../images/flico.png) no-repeat;width:28px;height: 28px;left:0;top:0;}


.flbd span{margin-top:55px;display:block;}
.flbd span a{display: block;float: left;width:160px;height: 40px;line-height: 40px;border:1px solid #626262;border-radius: 25px;text-align:center;font-size:16px;color:#333333;margin-right: 15px;}
.flbd span a:nth-child(1){color:#fff;border:none;
	background: rgb(5,165,102); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(5,165,102,1) 0%, rgba(49,179,93,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(5,165,102,1) 0%,rgba(49,179,93,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(5,165,102,1) 0%,rgba(49,179,93,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05a566', endColorstr='#31b35d',GradientType=1 ); /* IE6-9 */
}



.g_xban{background:url(../images/xban.jpg) no-repeat center top;height: 465px;}
.g_xban .banbtn{position: absolute;left:140px;top:230px;background:url(../images/banbtnbg.png) no-repeat;width:522px;height: 50px;line-height: 50px;padding-left: 100px;box-sizing: border-box;}
.g_xban .banbtn em{float: left;font-size:32px;color:#14aa63;width:300px;}
.g_xban .banbtn span a{display: block;float: left;font-size:18px;color:#14aa63;width:90px;}

.g_kf{background:url(../images/kfbg.jpg) no-repeat center top;height: 951px;}
.g_kf h2 a{display: block; height: 140px;text-align:center;font-size:48px;font-weight: bold;color:#252525;}
.g_kf h2 em{display: block;font-size:20px;color:#666666;font-weight: normal;padding-top: 8px;}
.g_kf .kfhd{height: 140px;}
.g_kf .kfhd li a{float: left;position: relative;background:url(../images/antit.jpg) no-repeat; width:142px;height: 132px; margin-right: 6px; font-size: 20px;color: #252525;text-align: center;display: block;}
.g_kf .kfhd li i{display: block; width: 60px;height: 60px;overflow: hidden;margin: 0 auto 5px;}
.g_kf .kfhd li i img{transition: all 0.3s linear 0s;}

.g_kf .kfhd .on i img,.g_kf .kfhd li:hover i img{margin-top: -60px;}
.g_kf .kfhd .on a,.g_kf .kfhd li:hover a{color: #fff;background:url(../images/antith.jpg) no-repeat;}
.g_kf .kfhd .on,.g_kf .kfhd li{position: relative;}

.g_kf .kfmore{float:left;}
.g_kf .kfmore a{float: left;position: relative;background:url(../images/antit.jpg) no-repeat; width:142px;height: 132px; margin-right: 6px; font-size: 20px;color: #252525;text-align: center;display: block;}
.g_kf .kfmore i{display: block; width: 60px;height: 60px;overflow: hidden;margin: 0 auto 5px;}
.g_kf .kfmore i img{transition: all 0.3s linear 0s;}

.g_kf dt{width: 595px;height: 491px;overflow: hidden;float: left;}
.g_kf dt img{width: 595px;height: 491px;display: block;transition: all 0.3s linear 0s;}
.g_kf dt:hover img{transform: scale(1.1);}
.g_kf dd{float: right;width: 562px;}
.g_kf dd h4 a{height: 56px;line-height: 56px; display: block;font-size: 24px;color: #000000;font-weight: bold;}
.g_kf dd p{font-size: 16px;line-height: 28px;color: #666666;margin-bottom: 14px;}
.g_kf dd span a{display: block;background:url(../images/anbtn.png) no-repeat;width:188px;height: 42px;line-height: 42px;text-align:center;font-size: 18px;color:#11a964;}

.kfan{position: absolute;right:0;top:506px;width:563px;}
.kfan h3 a{display: block;background:url(../images/anline.jpg) no-repeat center top;height: 60px;line-height: 60px;font-size:20px;color:#000000;font-weight: normal;}
.kfan li{position: relative;float: left;width:274px;height: 206px;overflow: hidden;}
.kfan li img{width:274px;height: 206px;display: block;transition: all 0.3s linear 0s;}
.kfan li em{position: absolute;left:0;bottom: 0;width:274px;height: 36px;line-height: 36px;background: rgba(0,0,0,.6);text-align:center;font-size:14px;color:#fff;}
.kfan li:nth-child(2){float: right;}
.kfan li:hover img{transform: scale(1.1);}


.g_ys{overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_ys h2{display: block; height: 140px;text-align:center;font-size:48px;font-weight: bold;color:#252525;}
.g_ys h2 em{display: block;font-size:20px;color:#666666;font-weight: normal;padding-top: 8px;}

.m_ys{position: relative;height: 32.7rem;overflow: hidden;} 
.m_ys .yshd{position: absolute;right: 13.5%;top:0;z-index: 111;width:27.8%;height: 32.7rem;}
.m_ys .yshd li{float: left;width:50%;background: #dfdee0;height: 10.9rem;margin-bottom: 1px;padding-top: 3rem;box-sizing: border-box;text-align:center;font-size:1.6rem;color:#252525;}
.m_ys .yshd li:nth-child(1){margin-right: 50%;}
.m_ys .yshd li:nth-child(4){margin-left: 50%;}
.m_ys .yshd li b{font-weight: normal;position: relative;z-index: 111;}
.m_ys .yshd li.on{position: relative;

background: rgb(5,165,102); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(5,165,102,1) 0%, rgba(49,179,93,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(5,165,102,1) 0%,rgba(49,179,93,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(5,165,102,1) 0%,rgba(49,179,93,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05a566', endColorstr='#31b35d',GradientType=1 ); /* IE6-9 */

}

.m_ys .yshd li.on:before{content: "";position: absolute;background:url(../images/ysico.png) no-repeat;background-size:1.583rem 3.16rem;width:1.583rem;height: 3.16rem;left:-1.583rem;top:50%;margin-top: -1.5rem;z-index: 111}
.m_ys .yshd li.on{color:#fff;}
.m_ys dt{width:100%;overflow: hidden;}
.m_ys dt img{width:100%;display: block;}
.m_ys dd{position: absolute;left:0;bottom: 0;width:100%;height: 5.4rem;background: rgba(0,0,0,.5);padding: 1.5rem 30% 0 18%;box-sizing: border-box;}
.m_ys p{float: left;width:83%;font-size:16px;color:#fff;line-height: 28px;}
.m_ys span a{float: right;width:5.54rem;height:1.66rem;line-height: 1.66rem;text-align:center;font-size:16px;color:#fff;background:url(../images/ysmore.png) no-repeat;background-size:5.54rem 1.66rem;}


@media screen and  (min-width:760px) and (max-width:1440px){
	.m_ys dd{padding-top: 1rem;}
    .m_ys p{font-size:14px;line-height: 22px;}
}



.g_news{padding-top: 80px;padding-bottom: 66px;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_news h2 a{display: block; height: 130px;text-align:center;font-size:48px;font-weight: bold;color:#252525;}
.g_news h2 em{display: block;font-size:20px;color:#666666;font-weight: normal;padding-top: 8px;}

.m_news{width:84%;margin:0 auto;}
.newhd{width:24%;margin:0 auto 1.5rem;height: 2rem;line-height: 2rem;}
.newhd li a{display: block;float: left;width:50%;border:1px solid #dcdcdc;text-align:center;font-size: 1rem;color:#252525;box-sizing: border-box;border-right: none;}
.newhd li:nth-child(2) a{border-right:1px solid #dcdcdc;}
.newhd li.on a{color:#fff;
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(30,87,153,1) 0%, rgba(97,195,84,1) 0%, rgba(0,163,103,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(30,87,153,1) 0%,rgba(97,195,84,1) 0%,rgba(0,163,103,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(30,87,153,1) 0%,rgba(97,195,84,1) 0%,rgba(0,163,103,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#00a367',GradientType=1 ); /* IE6-9 */
}


.newcon dl{float: left;width:23.5%;margin-right: 2%;}
.newcon dl:nth-child(4){margin-right: 0;}
.newcon dt{width:100%;overflow: hidden;margin-bottom: 1.5rem;}
.newcon dt img{width:100%;display: block;transition: all 0.3s linear 0s;}
.newcon h4 a{display: block;line-height: 2rem;margin-bottom: 0.5rem;font-size:1rem;color:#252525;font-weight: bold;}
.newcon p{font-size: 16px;color: #7d7d7d;margin-bottom: 2.5rem;overflow: hidden;}
.newcon span{display: block;width:2.16rem;height: 2.16rem;overflow: hidden;}
.newcon span img{width:4.33rem;}
.newcon dl:hover span img{margin-left: -2.16rem;}
.newcon dl:hover dt img{transform: scale(1.1);}
.newcon dl:hover h4 a{color:#00a367;}



/* 走进 */
.g_zj{overflow: hidden;height: 800px;background:url(../images/abbg.jpg) no-repeat 0 top;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.m_zj{height: 800px;box-sizing: border-box; overflow: hidden;}
.m_zj dt{position: absolute;right: -360px;top:0;}
.m_zj dt img{display: block;}
.m_zj dd{padding-top: 100px;width:550px;}
.m_zj h3 a{display: block;height: 130px;font-size: 48px;font-weight: bold;color: #252525;box-sizing: border-box;}
.m_zj h3 em{display: block;font-size: 24px;color: #333333;font-weight: normal;padding-top: 5px;}
.m_zj p{font-size: 14px;line-height: 28px;color: #666666;}


.g_zs2{position: relative;margin-top: -412px;width: 580px;}
.zz{position:relative;}
.zz ul{height:95px;overflow: hidden;}
.zz ul li a{float:left; padding-left: 55px; height:95px;position: relative;font-size: 18px;color: #333333;font-weight: normal;padding-top: 5px;margin-right: 20px;}
.zz ul li em{display: block;font-size:12px;color: #666666;text-transform:uppercase;letter-spacing: -1px;}
.zz ul li i{position: absolute;left:0;top:0;width:60px;height: 60px;overflow: hidden;}
.zz ul li i img{transition: all 0.3s linear 0s;}
.zz ul li:hover a,.zz ul li.cur a{color: #26a65c;}
.zz ul li:hover i img,.zz ul li.cur i img{margin-left: -60px;}
.zz ul li:hover em,.zz ul li.cur em{color: #26a65c;}



.zshd{position: absolute;right:45px;top:175px;}
.zshd em{float: left;width:12px;height: 12px;background: #ccc;margin-left: 10px;border-radius: 50%;}
.zshd em.on{background: #17ab62;}


.zz_box{ position: relative;}
.zz-s{height:160px;overflow:hidden;}
.zz-s ol li{position: relative; float:left; width:259px;margin-right:14px; *display:inline;background: none;padding: 0;overflow: hidden;}
.zz-s ol li.no{margin:0;}
.zz-s ol li img{width:259px; height:146px; display: block;transition: all 0.3s linear 0s;}
.zz-s ol li em{position: absolute;left:0;top:0;background: rgba(38,166,92,.6); display: block;width:259px;height: 146px;line-height: 146px;font-size: 16px;color: #fff;opacity: 0;text-align:center;}
.zz-s ol li:hover em{opacity: 1}
.zz-s ol li:hover img{transform: scale(1.1);}


.zshd2{position: absolute;right:45px;top:225px;}
.zshd2 em{float: left;width:12px;height: 12px;background: #ccc;margin-left: 10px;border-radius: 50%;}
.zshd2 em.on{background: #17ab62;}
.zz_box2{ position: relative;}
.zz-s2{height:210px;overflow:hidden;}
.zz-s2 ol li{position: relative; float:left; width:259px;margin-right:14px; *display:inline;background: none;padding: 0;overflow: hidden;}
.zz-s2 ol li.no{margin:0;}
.zz-s2 ol li img{width:259px; height:194px; display: block;transition: all 0.3s linear 0s;}
.zz-s2 ol li em{position: absolute;left:0;top:0;background: rgba(38,166,92,.6); display: block;width:259px;height: 194px;line-height: 194px;font-size: 16px;color: #fff;opacity: 0;text-align:center;}
.zz-s2 ol li:hover em{opacity: 1}
.zz-s2 ol li:hover img{transform: scale(1.1);}























/* 友情链接 */
.g_link{ height: 72px;background: #353535;border-top: 1px solid #4d4d4d;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_link h2{float: left; width: 120px;height: 72px;line-height: 72px;font-size: 14px;font-weight: normal;}
.link_c{line-height:72px; overflow:hidden;float: left;width: 1080px; font-size: 14px;}
.link_c a{ white-space:nowrap; padding:0 30px;float: left; height: 72px; line-height:72px; color:#666666;display: block;}
.link_c .lasta a{background: none;}



@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}
.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}
.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}
.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}
.fa-bounceIn{-webkit-animation:bounceIn 3s infinite linear;animation:bounceIn 3s infinite linear}



@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@-webkit-keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}

@keyframes bounceIn{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(2);transform:scale(2);opacity:1}
100%{opacity:0}
}




html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 15px;}}
@media screen and (min-width: 1280px) {html {font-size: 16px;}}
@media screen and (min-width: 1366px) {html {font-size: 17px;}}
@media screen and (min-width: 1440px) {html {font-size: 18px;}}
@media screen and (min-width: 1600px) {html {font-size: 20px;}}
@media screen and (min-width: 1920px) {html {font-size: 24px;}}