@charset "utf-8";.box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.tc{text-align:center}
.db{display:block}
.pr{position:relative}
.pa{position:absolute}
.oh{overflow:hidden}
.fl{float:left}
.fr{float:right}
.fwb{font-weight:700}
.fwn{font-weight:400}
.db{display:block}
.dn{display:none}
.fw{font-family:"Microsoft Yahei"}
.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.f_cb,.f_cbli li{zoom:1}
.ma{margin:0 auto}
.line1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.line2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.line3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.line4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.pic{width:100%;overflow:hidden}
.pic img{-o-transition:all 1s linear 0s;transition:all 1s linear 0s}
.pic:hover img{-webkit-transform:scale(1.05) rotate(0) translateY(0);-ms-transform:scale(1.05) rotate(0) translateY(0);transform:scale(1.05) rotate(0) translateY(0)}
.white,.whites{position:relative;overflow:hidden}
.white:after,.whites:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewx(-25deg)}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
.whites:hover:after{left:100%;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}
.g_guide{background:url(../images/yzbg.jpg) no-repeat 0 0;background-size:100% 27rem;padding:3.4rem 0 4rem 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_guide .yzsp{position:relative;float:left;width:50%}
.g_guide .yzsp dl{position:relative}
.g_guide .yzsp dl dt{width:100%}
.g_guide .yzsp dl dt img{width:100%;display:block}
.g_guide .yzr{float:right;width:50%;padding:0 2.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_guide .yzr h3{height:4.4rem;margin-bottom:2rem;display:block;font-size:1.8rem;font-weight:400;line-height:4.4rem;color:#282828}
.g_guide .yzr p{font-size:.85rem;font-weight:400;line-height:1.5rem;color:#666;height:10rem}
.g_guide .videocode li{float:left;padding-left:3.6rem;width:11rem;height:3rem;background:linear-gradient(to right,#0098e2 0,#01429a 100%);border-radius:1.5rem 0 1.5rem 0;box-shadow:0 0 20px rgba(0,0,0,.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;margin-right:2.5rem}
.g_guide .videocode li i{width:1.8rem;position:absolute;left:1.8rem;top:.6rem}
.g_guide .videocode li i img{display:block;width:100%}
.g_guide .videocode li em{display:block;font-size:.85rem;font-weight:400;line-height:3rem;color:#fff}
.g_guide .videocode li span{position:absolute;left:50%;margin-left:-4rem;width:8rem;height:8rem;box-shadow:0 0 20px rgba(0,0,0,.1);top:3rem;display:none}
.g_guide .videocode li span img{width:100%;border:.5rem solid #fff}
.g_guide .videocode li:hover span{display:block}
.g_guide .videocode li:nth-child(2) em{color:#fff}
.g_guide .videocode li:hover i{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.g_dz{background:#f7f7f7;padding:3rem 0 0 0;height:46rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_dz h2{text-align:center;position:relative;margin-bottom:2rem}
.g_dz h2 span{display:block;font-size:2.4rem;font-weight:400;line-height:4rem;color:#282828}
.g_dz h2 span b{color:#0a84c6;font-weight:400}
.g_dz h2 em{display:block;font-size:1.5rem;font-weight:400;line-height:3rem;color:#cbcbcb;text-transform:uppercase;font-weight:700}
.g_dz h2:before{content:"";position:absolute;width:11rem;height:1px;background:#eaeaea;left:50%;margin-left:-5.5rem;top:4rem}
.g_dz h2:after{content:"";position:absolute;width:1.8rem;height:.13rem;background:#0a84c6;left:50%;margin-left:-.9rem;top:3.95rem}
.g_dz dl{float:left;width:23.8%;margin-right:1.6%;position:relative}
.g_dz dl dt{width:100%;overflow:hidden}
.g_dz dl dt img{width:100%;display:block}
.g_dz dl dd{position:absolute;left:0;top:0;padding-top:22rem;padding-left:2rem;transition:all .8s ease;overflow:hidden}
.g_dz dl dd h3{position:relative;height:4rem}
.g_dz dl dd h3:before{content:"";position:absolute;width:1.5rem;height:.15rem;background:#fff;left:0;top:3.6rem}
.g_dz dl dd h3 b{display:block;font-size:1.2rem;font-weight:400;line-height:1.5rem;color:#fff}
.g_dz dl dd h3 em{display:block;font-size:.75rem;font-weight:400;line-height:1.4rem;color:rgba(255,255,255,.5)}
.g_dz dl dd p{display:none}
.g_dz dl dd span a{display:none}
.g_dz dl:nth-child(2n){margin-top:2.6rem}
.g_dz dl:nth-child(4){margin-right:0}
.g_dz .cur dd,.g_dz dl:hover dd{left:0;top:0;width:100%;padding-left:0;height:100%;background:rgba(10,132,198,.8);padding-top:9rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_dz .cur dd h3,.g_dz dl:hover dd h3{position:relative;height:3.3rem;margin-bottom:1rem;text-align:center}
.g_dz .cur dd h3:before,.g_dz dl:hover dd h3:before{content:"";position:absolute;width:1.5rem;height:.15rem;background:#fff;left:50%;top:3.3rem;margin-left:-.75rem}
.g_dz .cur dd h3 b,.g_dz dl:hover dd h3 b{display:block;font-size:1.2rem;font-weight:400;line-height:1.7rem;color:#fff}
.g_dz .cur dd h3 em,.g_dz dl:hover dd h3 em{display:block;font-size:.75rem;font-weight:400;line-height:1.2rem;color:rgba(255,255,255,.5)}
.g_dz .cur dd p,.g_dz dl:hover dd p{display:block;padding:0 1.4rem;font-size:.85rem;font-weight:400;line-height:1.2rem;color:#fff;margin-bottom:1.2rem}
.g_dz .cur dd span a,.g_dz dl:hover dd span a{display:block;font-size:.85rem;font-weight:400;line-height:2.5rem;color:#fff;width:8.2rem;height:2.5rem;border:1px solid #fff;border-radius:1.5rem 0 1.5rem 0;margin:0 auto;text-align:center}
.g_pro{padding-top:2.3rem}
.g_pro h2{text-align:center;position:relative;height:9rem}
.g_pro h2 span{display:block;font-size:2.4rem;font-weight:400;line-height:4rem;color:#282828}
.g_pro h2 span b{color:#0a84c6;font-weight:400}
.g_pro h2 em{display:block;font-size:1.5rem;font-weight:400;line-height:3rem;color:#cbcbcb;text-transform:uppercase;font-weight:700}
.g_pro h2:before{content:"";position:absolute;width:11rem;height:1px;background:#eaeaea;left:50%;margin-left:-5.5rem;top:4rem}
.g_pro h2:after{content:"";position:absolute;width:1.8rem;height:.13rem;background:#0a84c6;left:50%;margin-left:-.9rem;top:3.95rem}
.g_pro .m_pro dl{position:relative}
.g_pro .m_pro dl dt{width:100%;display:block}
.g_pro .m_pro dl dt img{width:100%;display:block}
.g_pro .m_pro dl dd{position:absolute;left:41.1%;bottom:0;width:58.9%;background:rgba(0,0,0,.5);height:6.2rem;padding:1rem 23% 0 2rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_pro .m_pro dl dd .flleft{position:relative;float:left;width:72%}
.g_pro .m_pro dl dd i{position:absolute;width:70.5%;left:-70.5%;top:-18rem}
.g_pro .m_pro dl dd i img{width:100%;display:block}
.g_pro .m_pro dl dd h4 a{display:block;font-size:1.5rem;font-weight:400;line-height:2.2rem;color:#fff}
.g_pro .m_pro dl dd p{font-size:.85rem;font-weight:400;line-height:1.5rem;color:#fff}
.g_pro .m_pro dl dd span a{float:right;font-size:.85rem;font-weight:400;line-height:2.5rem;color:#fff;margin-top:.4rem;width:8.3rem;height:2.5rem;border-radius:1.5rem 0 1.5rem 0;text-align:center;background:linear-gradient(to right,#0098e2 0,#01449c 100%)}
.g_pro .m_pro .tabfl{padding-left:41.1%;width:45.4%;z-index:11;margin-top:1.4rem;height:15rem}
.g_pro .m_pro .tabfl a{float:left;width:24%;margin-right:1%}
.g_pro .m_pro .tabfl a i{width:100%;overflow:hidden;display:block}
.g_pro .m_pro .tabfl a i img{width:100%;display:block}
.g_pro .m_pro .tabfl a em{display:block;font-size:.85rem;font-weight:400;line-height:2.4rem;color:#666;text-align:center}
.g_pro .m_pro .tabfl a:nth-child(4){margin-right:0}
.g_pro .m_pro .tabfl .active em{color:#01419a;font-weight:700}
.g_ksztc{height:13.5rem;background:url(../images/ztcbg.jpg) no-repeat;background-size:100%;padding-top:3.6rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_ksztc .ztclst{height:4.6rem}
.g_ksztc .ztclst h2 a{float:left;margin-left:3rem;width:6rem;display:block;font-size:.95rem;font-weight:400;line-height:1.4rem;color:#272626;font-weight:700}
.g_ksztc .ztclst p{float:left;width:80%}
.g_ksztc .ztclst p a{display:block;float:left;font-size:.85rem;font-weight:400;line-height:1.5rem;color:rgba(38,38,38,.7);padding-right:3%}
.g_ksztc .ztclst p a:hover{color:#0a84c6; font-weight:bold;}
.g_ksztc .s_inp2{width:25.1rem;margin-left:32%;background:url(../images/serbg.png) no-repeat;background-size:100%;height:2.4rem}
.g_ksztc .inp01{height:2.4rem;line-height:2.4rem;padding-left:3rem;width:68%;float:left;color:rgba(42,42,42,.7);font-size:.75rem;border:none;background:0 0}
.g_ksztc .s_ss{float:left;width:20%;height:2.4rem;background:0 0;border:none;cursor:pointer}
.g_an{padding-top:2.6rem;margin-bottom:1.7rem}
.g_an h2{text-align:center;position:relative;height:8rem}
.g_an h2 span{display:block;font-size:2.4rem;font-weight:400;line-height:4rem;color:#282828}
.g_an h2 span b{color:#0a84c6;font-weight:400}
.g_an h2 em{display:block;font-size:1.5rem;font-weight:400;line-height:3rem;color:#cbcbcb;text-transform:uppercase;font-weight:700}
.g_an h2:before{content:"";position:absolute;width:11rem;height:1px;background:#eaeaea;left:50%;margin-left:-5.5rem;top:4rem}
.g_an h2:after{content:"";position:absolute;width:1.8rem;height:.13rem;background:#0a84c6;left:50%;margin-left:-.9rem;top:3.95rem}
.g_an dl{position:relative;float:left;width:24.3%;margin-left:.7%;margin-bottom:.5rem}
.g_an dl dt{width:100%;overflow:hidden}
.g_an dl dt img{width:100%;display:block}
.g_an dl dd a{position:absolute;left:0;top:0;display:none}
.g_an dl:nth-child(1){width:50%;margin-left:0}
.g_an .cur dd a,.g_an dl:hover dd a{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;padding-top:4rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_an .cur dd a h4,.g_an dl:hover dd a h4{display:block;font-size:.95rem;font-weight:400;line-height:2rem;color:#fff;text-align:center}
.g_an .cur dd a span,.g_an dl:hover dd a span{display:block;width:6rem;height:1.8rem;font-size:.75rem;font-weight:400;line-height:1.8rem;color:#fff;background:linear-gradient(to right,#0098e2 0,#01449c 100%);border-radius:1rem 0 1rem 0;text-align:center;margin:0 auto}
.g_an .cur:nth-child(1) dd a,.g_an dl:nth-child(1):hover dd a{padding-top:11rem}
.g_ys{margin-bottom:3rem}
.g_ys h2{text-align:center;position:relative;height:8.5rem}
.g_ys h2 span{display:block;font-size:2.4rem;font-weight:400;line-height:4rem;color:#282828}
.g_ys h2 span b{color:#0a84c6;font-weight:400}
.g_ys h2 em{display:block;font-size:1.5rem;font-weight:400;line-height:3rem;color:#cbcbcb;text-transform:uppercase;font-weight:700}
.g_ys h2:before{content:"";position:absolute;width:11rem;height:1px;background:#eaeaea;left:50%;margin-left:-5.5rem;top:4rem}
.g_ys h2:after{content:"";position:absolute;width:1.8rem;height:.13rem;background:#0a84c6;left:50%;margin-left:-.9rem;top:3.95rem}
.g_ys dl dt{width:100%}
.g_ys dl dt img{width:100%;display:block}
.g_ys dl dd{height:15.6rem;background:#f5f5f5;width:73%;margin:0 auto;padding:2rem 2rem 0 1.7rem;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_ys dl dd i{position:absolute;right:2rem;top:2rem;width:22%;overflow:hidden}
.g_ys dl dd i img{width:100%;display:block;transition:all .3s linear 0s}
.g_ys dl dd h3{font-size:1.5rem;font-weight:400;line-height:4rem;color:#262729}
.g_ys dl dd h3 b{font-weight:700}
.g_ys dl dd p{font-size:.85rem;font-weight:400;line-height:1.5rem;color:#666;width:47.5rem;height:5rem}
.g_ys dl dd span a{display:block;width:6rem;height:1.8rem;font-size:.75rem;font-weight:400;line-height:1.8rem;color:#fff;background:linear-gradient(to right,#0098e2 0,#01449c 100%);border-radius:1rem 0 1rem 0;text-align:center;margin-left:.8rem}
.g_ys dl:hover dd i img{transform:scale(1.1)}
.g_ys .tabsys{position:absolute;bottom:15.6rem;width:73%;z-index:11;left:50%;margin-left:-36.5%;height:5.5rem;background:rgba(0,0,0,.6)}
.g_ys .tabsys a{float:left;width:25%;border-right:1px solid rgba(255,255,255,.2);height:5.5rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;padding:1.4rem 0 0 7rem}
.g_ys .tabsys a span{display:block;font-size:1.2rem;font-weight:400;line-height:1.6rem;color:#fff}
.g_ys .tabsys a span em{display:block;font-size:.75rem;font-weight:400;line-height:1.2rem;color:rgba(255,255,255,.5)}
.g_ys .tabsys a b{position:absolute;left:3.5rem;top:1.4rem;font-size:2.5rem;font-weight:400;line-height:2.8rem;color:rgba(255,255,255,.5);font-weight:700}
.g_ys .tabsys .active{background:linear-gradient(to right,#0098e2 0,#01449c 100%);border-right:0}
.g_ys .tabsys .active:before{content:"";position:absolute;width:1.7rem;height:.9rem;background:url(../images/ysjt.png) no-repeat;background-size:100%;left:50%;margin-left:-.85rem;top:5.5rem}
.g_ys .tabsys a:nth-child(4){border-right:0}
.g_news{background:#f5f5f5;padding-top:2.3rem;padding-bottom:5rem}
.g_news h2{text-align:center;position:relative;height:8.5rem}
.g_news h2 span{display:block;font-size:2.4rem;font-weight:400;line-height:4rem;color:#282828}
.g_news h2 span b{color:#0a84c6;font-weight:400}
.g_news h2 em{display:block;font-size:1.5rem;font-weight:400;line-height:3rem;color:#cbcbcb;text-transform:uppercase;font-weight:700}
.g_news h2:before{content:"";position:absolute;width:11rem;height:1px;background:#eaeaea;left:50%;margin-left:-5.5rem;top:4rem}
.g_news h2:after{content:"";position:absolute;width:1.8rem;height:.13rem;background:#0a84c6;left:50%;margin-left:-.9rem;top:3.95rem}
.g_news .m_newup{height:30rem}
.g_news .m_newup .newtit{float:left;width:21.4%;height:28rem;padding:2.5rem 0 0 1.3rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url(../images/newtit.jpg) no-repeat;background-size:100%}
.g_news .m_newup .newtit h3 a{display:block;margin-bottom:6.3rem}
.g_news .m_newup .newtit h3 a em{display:block;font-size:2.1rem;font-weight:400;line-height:2.6rem;color:#f5f5f5;text-transform:uppercase;font-weight:700}
.g_news .m_newup .newtit h3 a span{display:block;font-size:.75rem;font-weight:400;line-height:1.5rem;color:#fff}
.g_news .m_newup .newtit .tabnews a{display:block;width:9rem;height:2.2rem;position:relative;padding-left:2.4rem;font-size:1.1rem;font-weight:400;line-height:2.2rem;color:#fff;margin-bottom:.7rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_news .m_newup .newtit .tabnews a.cur,.g_news .m_newup .newtit .tabnews a:hover{border:1px solid rgba(255,255,255,.5)}
.g_news .m_newup .newtit .tabnews a.cur:before,.g_news .m_newup .newtit .tabnews a:hover:before{content:"";position:absolute;width:1.1rem;height:1.1rem;background:url(../images/dtico1.png) no-repeat;background-size:100%;left:.6rem;top:.5rem}
.g_news .m_newup .newupr{float:right;width:75.7%}
.g_news .m_newup .newupr dl{background:#fff;height:13.7rem;margin-bottom:.5rem;overflow:hidden}
.g_news .m_newup .newupr dl dt{float:left;width:35%}
.g_news .m_newup .newupr dl dt img{width:100%;display:block;transition:all .3s linear 0s}
.g_news .m_newup .newupr dl dd{float:left;width:65%;padding:2rem 2rem 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_news .m_newup .newupr dl dd h4 a{display:block;font-size:1rem;font-weight:400;line-height:1.8rem;color:#333;font-weight:700}
.g_news .m_newup .newupr dl dd em{position:relative;display:block;padding-left:1.3rem;font-size:.75rem;font-weight:400;line-height:1.5rem;color:#999;margin-bottom:1rem}
.g_news .m_newup .newupr dl dd em:before{content:"";position:absolute;width:1.1rem;height:1.1rem;background:url(../images/time.png) no-repeat;background-size:100%;left:0;top:.3rem}
.g_news .m_newup .newupr dl dd p{font-size:.85rem;font-weight:400;line-height:1.5rem;color:#666;margin-bottom:1.3rem}
.g_news .m_newup .newupr dl dd span a{display:block;width:7rem;height:1.8rem;font-size:.75rem;font-weight:400;line-height:1.8rem;color:#fff;background:linear-gradient(to right,#0098e2 0,#01449c 100%);border-radius:1rem 0 1rem 0;text-align:center}
.g_news .m_newup .newupr dl:hover dt img{transform:scale(1.1)}
.g_news .newdown{background:#fff;height:6.3rem;padding-top:1rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_news .newdown li{float:left;width:33.33333%;position:relative;padding:.8rem 3.5rem 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_news .newdown li:before{content:"";position:absolute;width:1px;height:4.5rem;background:#e7e7e7;right:0;top:0}
.g_news .newdown li b{font-size:.85rem;font-weight:400;line-height:1.3rem;color:#333;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.g_news .newdown li em{font-size:.75rem;font-weight:400;line-height:1.3rem;color:#666;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.g_news .newdown li:hover b{color:#01439c;font-weight:700}
.g_about{background:url(../images/abbg.jpg) no-repeat center top;background-size:100%;height:33.8rem}
.g_about .m_ab{padding:5.5rem 0 0 42%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_about .m_ab h2{height:3.6rem;margin-bottom:4rem;position:relative}
.g_about .m_ab h2 span{display:block;font-size:2.4rem;font-weight:400;line-height:4rem;color:#282828}
.g_about .m_ab h2 span b{color:#0a84c6;font-weight:400}
.g_about .m_ab h2 em{position:absolute;left:10.6rem;top:1.1rem;display:block;font-size:1.5rem;font-weight:400;line-height:3rem;color:#cbcbcb;text-transform:uppercase;font-weight:700}
.g_about .m_ab p{font-size:.85rem;font-weight:400;line-height:1.5rem;color:#666;padding:0 1rem 0 1.8rem;margin-bottom:3rem}
.g_about .m_ab span a{display:block;width:8.3rem;height:2.5rem;margin-left:1.8rem;font-size:.85rem;font-weight:400;line-height:2.5rem;color:#fff;background:linear-gradient(to right,#0098e2 0,#01449c 100%);border-radius:1.5rem 0 1.5rem 0;text-align:center}





.g_link{height:5rem;position:relative;margin-top:-5rem}
.g_link .content{height:5rem}
.g_link h2{float:left;width:80px;height:5rem;line-height:5rem;font-size:.75rem;font-weight:400}
.g_link h2{color:rgba(255,255,255,.5)}
.link_c{line-height:5rem;overflow:hidden;float:left;width:88%;font-size:.75rem}
.link_c a{white-space:nowrap;padding:0 1%;float:left;height:5rem;line-height:5rem;color:rgba(255,255,255,.5);display:block}
.link_c a:hover{color:#fff}
.link_c .lasta a{background:0 0}
@-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}
}
@-webkit-keyframes fadeInDown1{from{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown1{from{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown1{-webkit-animation-name:fadeInDown1;animation-name:fadeInDown1}
@-webkit-keyframes fadeInDown2{from{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown2{from{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown2{-webkit-animation-name:fadeInDown2;animation-name:fadeInDown2}
@-webkit-keyframes fadeInLeft1{from{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInLeft1{from{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInLeft1{-webkit-animation-name:fadeInLeft1;animation-name:fadeInLeft1}
@-webkit-keyframes fadeInLeft2{from{-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInLeft2{from{-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInLeft2{-webkit-animation-name:fadeInLeft2;animation-name:fadeInLeft2}
@-webkit-keyframes fadeInRight1{from{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight1{from{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInRight1{-webkit-animation-name:fadeInRight1;animation-name:fadeInRight1}
@-webkit-keyframes fadeInRight2{from{-webkit-transform:translate3d(5%,0,0);transform:translate3d(5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight2{from{-webkit-transform:translate3d(5%,0,0);transform:translate3d(5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInRight2{-webkit-animation-name:fadeInRight2;animation-name:fadeInRight2}
@-webkit-keyframes zoomLeft{from{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
@keyframes zoomLeft{from{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
.zoomLeft{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
.zoomRight{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
@-webkit-keyframes fadeInUp1{from{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInUp1{from{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInUp1{-webkit-animation-name:fadeInUp1;animation-name:fadeInUp1}
@-webkit-keyframes fadeInUp2{from{-webkit-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInUp2{from{-webkit-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInUp2{-webkit-animation-name:fadeInUp2;animation-name:fadeInUp2}
.teaser{opacity:0;transform:translate3d(0,25%,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0)}
.lefter{opacity:0;transform:translate3d(-35%,35%,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.lefter.is-visible{opacity:1;transform:translate3d(0,0,0)}
.righter{opacity:0;transform:translate3d(35%,35%,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.righter.is-visible{opacity:1;transform:translate3d(0,0,0)}
.downer{opacity:0;transform:translate3d(0,-35%,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.downer.is-visible{opacity:1;transform:translate3d(0,0,0)}
.lter{opacity:0;transform:translate3d(-35%,0,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0)}
.rter{opacity:0;transform:translate3d(35%,0,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0)}
.scale{opacity:0;transform:scale(.5);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.scale.is-visible{opacity:1;transform:scale(1)}
html{font-size:12px;-webkit-text-size-adjust:none}
@media screen and (min-width:1200px){html{font-size:12.5px}
}
@media screen and (min-width:1280px){html{font-size:13.33333px}
}
@media screen and (min-width:1366px){html{font-size:14.22916px}
}
@media screen and (min-width:1440px){html{font-size:15px}
}
@media screen and (min-width:1600px){html{font-size:16.66666px}
}
@media screen and (min-width:1680px){html{font-size:17.5px}
}
@media screen and (min-width:1920px){html{font-size:20px}
}