@charset "UTF-8";



@charset "utf-8";

.wrap{width: 96%;max-width: 1200px; margin-right: auto;margin-left: auto;}

.fl{float: left;}

.fr{float: right;}

.w100{width: 100%;}

.h100{height: 100%;}

.text-left{text-align: left;}

.text-right{text-align: right;}

.text-center{text-align: center;}

.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.over{overflow: hidden;}

.nowrap{white-space: nowrap;}

.fz0{font-size: 0;}

.nowrap.fz0{letter-spacing: -5px;}

.nowrap.fz0 *{letter-spacing: normal;}

.relative{position: relative;z-index: 1;}

.absolute{position: absolute;z-index: 1;}

.fixed{position: fixed;z-index: 1;}

.inline{display: inline;}

.block{display: block;}

.inline-block{display: inline-block;}

.hide{display: none;}

.max-w100{max-width: 100%;}

.max-h100{max-height: 100%;}

.middle{vertical-align: middle;}

.middle-span{height: 100%;vertical-align: middle;display: inline-block;}

.border-box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;}

.trans{-webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -ms-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms;}

.trans-internal::before,.trans-internal::after{-webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -ms-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms;}

.bgf8{background-color: #f8f8f8;}

.bgfb{background-color: #fbfbfb;}

.block-980{display: none;}

.inline-block-980{display: none;}



body{overflow-x: hidden;}




#banner{max-width: 1920px;margin-right: auto;margin-left: auto;}

#banner .hd{width: 100%;height: 0;bottom: 6.5%;left: 0;}

#banner .hd a{width: 13px;height: 13px;background-color: #fff;border: 1px solid #fff;border-radius: 50%;margin: 0 5px;display: inline-block;opacity: 1;}

#banner .hd .on{background-color: transparent;}

#banner .button{width: 46px;height: 27px;background-repeat: no-repeat;background-position: center center;background-size: 100% auto;top: 48%;}

#banner .prev{background-image: url(../images/banner-left.png);left: 2%;}

#banner .next{background-image: url(../images/banner-right.png);right: 2%;}



#s-banner .hd{width: 100%;height: 0;bottom: 6.5%;left: 0;}

#s-banner .hd a{width: 6px;height: 6px;background-color: #fff;border: 1px solid #fff;border-radius: 50%;margin: 0 5px;display: inline-block;opacity: 1;}

#s-banner .hd .on{background-color: transparent;}



.web-title .title-0{/*font-weight: bold;*/font-size: 34px;color: #222;padding: 0 30px;}

.web-title .title-0::before , .web-title .title-0::after{width: 30px;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: 100% auto;top: 0;position: absolute;z-index: 1;content: '';}

.web-title .title-0::before{background-image: url(../images/title-left.png);left: -30px;}

.web-title .title-0::after{background-image: url(../images/title-right.png);right: -30px;}

.web-title .title-1{font-size: 16px;color: #222;margin-top: 15px;}

.web-title .title-2{font-size: 14px;line-height: 32px;color: #222;margin-top: 5px;}



.view-more{width: 160px;height: 50px;line-height: 50px;font-size: 14px;border: 1px solid #666;border-radius: 50px;margin-right: auto;margin-left: auto;}

.view-more::after{width: 40px;height: 13px;background-image: url(../images/more-arrow.png);background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;margin-left: 10px;display: inline-block;content: '';}

.view-more:hover{border-color: #f08200;}

.view-more:hover::after{background-image: url(../images/more-arrow-on.png);}



.editor *{font-family: inherit;font-size: inherit;color: inherit;}

.editor img{max-width: 100%;}



#index-products{background-image: url(../images/gray-bg.jpg);background-repeat: repeat;background-position: center center;padding: 2.6% 0;}

#index-products .product-swiper{margin-top: 3.4375%;margin-bottom: 3.75%;}

#index-products .product-swiper .item{width: 33.125%;background-color: transparent;}

#index-products .product-swiper .item .main{padding: 6.0377358% 0;}

#index-products .product-swiper .item .img{height: 300px;}

#index-products .product-swiper .item .name{width: 100%;height: 46px;line-height: 23px;margin-top: 1.13207547%;}

#index-products .product-swiper .item .name a{font-size: 14px;}

#index-products .product-swiper .item .more{width: 40px;height: 13px;background-image: url(../images/more-arrow-on.png);background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;top: 4px;left: 50%;opacity: 0;}

#index-products .product-swiper .item .url{width: 100%;height: 100%;font-size: 16px;color: #f08200;background-color: rgba(255,255,255,.6);padding-top: 40%;top: 0;left: 0;z-index: 2;opacity: 0;}

#index-products .product-swiper .item [class*="pattern"]::before , #index-products .product-swiper .item [class*="pattern"]::after{width: 9px;height: 13px;background-repeat: no-repeat;background-position:  center center;position: absolute;z-index: 1;opacity: 0;content: '';}

#index-products .product-swiper .item [class*="pattern"]::before{background-image: url(../images/img-pattern-left.png);left: 10px;}

#index-products .product-swiper .item [class*="pattern"]::after{background-image: url(../images/img-pattern-right.png);right: 10px;}

#index-products .product-swiper .item .pattern-0::before , #index-products .product-swiper .item .pattern-0::after{top: 10px;}

#index-products .product-swiper .item .pattern-1::before , #index-products .product-swiper .item .pattern-1::after{bottom: 10px;}

#index-products .product-swiper .item:hover{background-color: #eeeae5;}

#index-products .product-swiper .item:hover .name{width: 60%;}

#index-products .product-swiper .item:hover .name a{color: #f08200;}

#index-products .product-swiper .item:hover .more{left: 70%;opacity: 1;}

#index-products .product-swiper .item:hover .url{opacity: 1;}

#index-products .product-swiper .item:hover [class*="pattern"]::before , #index-products .product-swiper .item:hover [class*="pattern"]::after{opacity: 1;}

#index-products .button{width: 40px;height: 13px;background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;top: 48%;}

#index-products .prev{background-image: url(../images/arrow-left.png);left: -6.25%;}

#index-products .next{background-image: url(../images/arrow-right.png);right: -6.25%;}



#index-company{background-image: url(../images/company-bg.png);background-repeat: no-repeat;background-position: right 30%;padding: 2.8% 0 0;}

#index-company .main{margin-top: 3.4375%;}

#index-company .main .img{width: 46.875%;max-width: 750px;}

#index-company .main .img a{width: 100%;height: 100%;background-color: rgba(0,0,0,.6);background-image: url(../images/play.png);background-repeat: no-repeat;background-position: center center;top: 0;left: 0;}

#index-company .main .img > img{opacity: 0;}

#index-company .main .img .video-js{width: 100%;height: 100%;top: 0;left: 0;}

#index-company .main .info{width: 58.125%;background-color: #fff;padding: 2.5%;margin-top: 2.5%;top: 0;right: 0;box-shadow: 0 0 30px rgba(0,0,0,.1);}

#index-company .main .info .title{font-size: 18px;color: #222;}

#index-company .main .info .brief{line-height: 30px;font-size: 14px;color: #666;margin-bottom: 3.529%;}

#index-company .main .info .more{width: 158px;height: 48px;line-height: 48px;font-size: 14px;color: #222;border: 1px solid #666;border-radius: 48px;}

#index-company .main .info .more::after{width: 40px;height: 13px;background-image: url(../images/more-arrow.png);background-repeat: no-repeat;background-position: center center;background-size: auto 100%;margin-left: 10px;display: inline-block;content: '';}

#index-company .main .info .more:hover{color: #f08200;border-color: #f08200;}

#index-company .main .info .more:hover::after{background-image: url(../images/more-arrow-on.png);}

#index-company .company-swiper{margin-top: 2.5%;}

#index-company .company-swiper .item{width: 23.125%;margin-right: 2.5%;}

#index-company .button{width: 40px;height: 13px;background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;top: 48%;}

#index-company .prev{background-image: url(../images/arrow-left.png);left: -6.25%;}

#index-company .next{background-image: url(../images/arrow-right.png);right: -6.25%;}



.video-js *{color: #fff;}



#join-advantage{padding: 2.6% 0 3.125%;}

#join-advantage .main{width: 80%;max-width: 1200px;margin: 3.4375% auto 0;}

#join-advantage .main .img{width: 41.666666%;max-width: 500px;border-radius: 50%;margin: 0 auto;top: 0;right: 0;left: 0;}

#join-advantage .main .box{width: 22.5%;}

/*#join-advantage .main .item{width: 22.5%;}*/

/*#join-advantage .main .item.fl{clear: both;}*/

#join-advantage .main .item:nth-child(5) .brief , #join-advantage .main .item:nth-child(6) .brief{margin-bottom: 0;}

#join-advantage .main .item .title{font-size: 18px;color: #f08200;margin-bottom: 10px;}

#join-advantage .main .item .title span{font-size: 32px;}

#join-advantage .main .item .brief{height: 78px;line-height: 26px;font-size: 14px;color: #777;margin-bottom: 27.777777%;}



#join-process{max-width: 1920px;min-height: 517px;background-image: url(../images/process-bg.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;padding: 2.6% 0 3.125%;margin-right: auto;margin-left: auto;}

#join-process .title-0 , #join-process .title-1{color: #fff;}

#join-process .main{width: 90%;max-width: 1200px;margin: 3.125% auto 2.34375%;text-align: center;}

#join-process .item{width: 10.833333%;max-width: 130px;font-size: 14px;color: #fff;text-align: center;white-space: nowrap;}

#join-process .item .ico{width: 0;height: 0;background-color: transparent;background-repeat: no-repeat;background-position: center center;padding: 50%;border: 1px solid #fff;border-radius: 50%;margin: 0 auto 13%;}

#join-process .item .i0{background-image: url(../images/join-ico-0.png);background-size: 30.666666% auto;}

#join-process .item .i1{background-image: url(../images/join-ico-1.png);background-size: 32.666666% auto;}

#join-process .item .i2{background-image: url(../images/join-ico-2.png);background-size: 31.333333% auto;}

#join-process .item .i3{background-image: url(../images/join-ico-3.png);background-size: 54.666666% auto;}

#join-process .item .i4{background-image: url(../images/join-ico-4.png);background-size: 32.666666% auto;}

#join-process .item .i5{background-image: url(../images/join-ico-5.png);background-size: 33.333333% auto;}

#join-process .item:hover{color: #f08200;}

#join-process .item:hover .ico{background-color: #f08200;border-color: #f08200;}

#join-process .line{width: 5.333333%;height: 0;border-top: 1px solid #fff;border-bottom: 1px solid rgba(255,255,255,.6);margin: 5.333333% .83333% 0;}

#join-process .view-more{color: #fff;border-color: #fff;}

#join-process .view-more::after{background-image: url(../images/more-arrow-white.png);}

#join-process .view-more:hover{color: #f08200;border-color: #f08200;}

#join-process .view-more:hover::after{background-image: url(../images/more-arrow-on.png);}



#index-news{padding: 2.86458% 0 3.125%;border-bottom: 1px solid #e5e5e5;}

#index-news .buttons{width: 24.0625%;color: #aaa;margin: 15px auto 3.4375%;}

#index-news .buttons .button{width: 40px;height: 13px;background-repeat: no-repeat;background-position: center center;}

#index-news .buttons .prev{background-image: url(../images/arrow-left.png);}

#index-news .buttons .next{background-image: url(../images/arrow-right.png);}

#index-news .news-swiper{margin-bottom: 3.75%;}

#index-news .item .date{font-family: Arial;font-size: 12px;color: #aaa;margin-bottom: 8%;}

#index-news .item .date span{font-size: 24px;}

#index-news .item .title a{font-weight: bold;font-size: 16px;}

#index-news .item .brief{height: 72px;line-height: 24px;font-size: 14px;color: #666;margin-top: 15px;margin-bottom: 8%;}

#index-news .item .more{font-size: 14px;color: #666;}

#index-news .item .more:hover{color: #f08200;}

#index-news .item .img{height: 0;padding-top: 54.054054%;margin-top: 9.459459%;}

#index-news .item .img .url{top: 0;left: 0;z-index: 2;}

#index-news .item .img img{width: 100%;min-height: 100%;top: 0;left: 0;}



#team{padding: 2.86458% 0 3.125%;}

#team .img-box{margin-top: 3.4375%;}

#team .img-box .img-0{width: 49.375%;max-width: 790px;}

#team .img-box .img-1{width: 24.375%;max-width: 390px;margin-left: .625%;}

#team .img-box .small{width: 25%;max-width: 400px;margin-left: .625%;}

#team .img-box .small .img-2:first-child{margin-bottom: 2.5%;}





#products{background-image: url(../images/gray-bg.jpg);background-repeat: repeat;background-position: center center;}

#products .products-lists{padding: 2.864583% 0 1.041666%;}

#products .product-swiper{margin-top: 3.4375%;margin-bottom: 3.75%;}

#products .product-swiper .item{width: 33.125%;background-color: #fff;}

#products .product-swiper .item::before{width: 100%;height: 100%;background-image: url(../images/products-bg.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;position: absolute;z-index: 1;opacity: 0;content: '';}

#products .product-swiper .item .main{padding: 5.8% 0 1.2%;z-index: 2;}

#products .product-swiper .item .img{height: 300px;}

#products .product-swiper .item .name{width: 100%;line-height: 23px;margin-top: 1.13207547%;margin-bottom: 10px;}

#products .product-swiper .item .name a{font-size: 14px;}

#products .product-swiper .item .brief{height: 40px;line-height: 20px;font-size: 12px;color: #fff;opacity: 0;}

#products .product-swiper .item .url{width: 100%;height: 100%;font-size: 16px;color: #f08200;background-color: rgba(255,255,255,.6);padding-top: 40%;top: 0;left: 0;z-index: 2;opacity: 0;}

#products .product-swiper .item:hover::before{opacity: 1;}

#products .product-swiper .item:hover .name a{color: #fff;}

#products .product-swiper .item:hover .brief{opacity: 1;}

#products .product-swiper .item:hover .url{opacity: 1;}

#products .button{width: 40px;height: 13px;background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;top: 48%;}

#products .prev{background-image: url(../images/arrow-left.png);left: -6.25%;}

#products .next{background-image: url(../images/arrow-right.png);right: -6.25%;}

#products .products-article{padding-bottom: 6.25%}

#products .products-article [class*="item"]{background-color: #fff;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: stretch;align-items: stretch;}

#products .products-article [class*="item"]::before{width: 100%;height: 100%;background-image: url(../images/products-article-bg.jpg);background-position: center center;position: absolute;z-index: 1;top: 0;left: 0;display: block;opacity: 0;content: '';}

#products .products-article .item-0 .img{width: 33.3125%;}

#products .products-article .item-0 .info{width: 33.375%;/*padding: 5% 3.75%;*/}

#products .products-article .item-0 .info .pad{padding: 14.981273% 11.235955% 5%;}

#products .products-article .item-0 .info .brief{max-height: 280px;}

#products .products-article .item-1 .img{width: 50%;}

#products .products-article .item-1 .info{width: 50%;/*padding: 4.0625%;*/}

#products .products-article .item-1 .info .pad{padding: 8.125% 8.125% 0;}

#products .products-article .item-1 .info .brief{max-height: 84px;}

#products .products-article .item-2{width: 50%;}

#products .products-article .item-2 .img{width: 50%;}

#products .products-article .item-2 .info{width: 50%;/*padding: 8.75% 6.25%;*/}

#products .products-article .item-2 .info .pad{padding: 17.5% 12.5% 5%;}

#products .products-article .item-2 .info .brief{max-height: 140px;}

#products .products-article .img{position: relative;z-index: 2;text-align: center;}

#products .products-article .info{position: relative;z-index: 2;}

#products .products-article .title{font-family: 'Microsoft YaHei';font-size: 30px;color: #ff6600;margin-bottom: 25px;}

#products .products-article .brief{line-height: 28px;font-size: 14px;color: #555;}

#products .products-article .more{width: 43px;height: 43px;border: 1px solid #c9c9c9;border-radius: 50%;margin-top: 25px;}

#products .products-article .more::before , #products .products-article .more::after{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;position: absolute;z-index: 1;top: 0;left: 0;content: '';}

#products .products-article .more::before{background-image: url(../images/list-arrow.png);}

#products .products-article .more::after{background-image: url(../images/list-arrow-on.png);opacity: 0;}

#products .products-article [class*="item"]:hover::before{opacity: 1;}

#products .products-article [class*="item"]:hover .title{color: #fff;}

#products .products-article [class*="item"]:hover .brief{color: #fff;}

#products .products-article [class*="item"]:hover .more{border-color: #fff;}

#products .products-article [class*="item"]:hover .more::before{opacity: 0;}

#products .products-article [class*="item"]:hover .more::after{opacity: 1;}



#products-detail .detail{width: 75%;min-height: 200px;margin: 4.3755% 0 12.5%;}

#products-detail .detail.contents{width: auto;}

#products-detail .detail-info{width: 23.28125%;background-color: #fff;padding: 4.3755% 1.5625% 3.90625% 3.90625%;top: 0;right: 0;z-index: 2;}

#products-detail .detail-info .name{font-size: 24px;color: #333;margin-bottom: 10px;}

#products-detail .detail-info .title{font-family: Arial;font-size: 10px;color: #999;margin-bottom: 20px;}

#products-detail .detail-info .brief{line-height: 22px;font-size: 12px;color: #989898;margin-bottom: 35px;}

#products-detail .detail-info .btn{max-width: 280px;height: 40px;line-height: 40px;font-family: 'Microsoft YaHei';font-size: 14px;color: #fff;background-color: #f08200;margin-right: auto;margin-left: auto;}

#products-detail .detail-info .contents{padding-top: 30px;border-top: 1px dotted #a9a9a9;margin-top: 35px;}

#products-detail .detail-info .tag a{font-size: 12px;color: #989898;background-color: #f3f3f3;padding: 5px 8px;margin-bottom: 5px;}

#products-detail .detail-info .tag a:hover , #products-detail .detail-info .tag .on{color: #fff;background-color: #f08200;}

#products-detail .detail-info .imgs{margin-top: 20px;}

#products-detail .detail-info .imgs .img{width: 48.484848%;margin-bottom: 1.515152%;}

#products-detail .detail-info .imgs .img.fl{clear: both;}





#about{padding: 4.166666% 0;}

#about .main{margin-top: 3.125%;margin-bottom: 4.166666%;}

#about .video{width: 35.625%;max-width: 570px;margin-right: 2.5%;}

#about .video a{width: 100%;height: 100%;background-color: rgba(0,0,0,.6);background-image: url(../images/play.png);background-repeat: no-repeat;background-position: center center;top: 0;left: 0;}

#about .video > img{opacity: 0;}

#about .video .video-js{width: 100%;height: 100%;top: 0;left: 0;}

#about .info{line-height: 24px;margin-top: 1.875%;}

#about .button{width: 40px;height: 13px;background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;top: 48%;}

#about .prev{background-image: url(../images/arrow-left.png);left: -6.25%;}

#about .next{background-image: url(../images/arrow-right.png);right: -6.25%;}



#about-slogan{max-width: 1920px;margin-right: auto;margin-left: auto;}

#about-slogan .item{width: 50%;}

#about-slogan .item .main{width: 57.8125%;min-width: 330px;height: 112px;background-color: rgba(248,121,0,.8);padding: 3.125% 0 /* 2.083333%*/;margin: 0 auto;top: 35.267857%;right: 0;left: 0;}

#about-slogan .item .main.trans{-webkit-transition-duration: 600ms;-moz-transition-duration: 600ms;-o-transition-duration: 600ms;transition-duration: 600ms;}

#about-slogan .item .title-0{font-size: 32px;color: #fff;padding: 0 20px;}

#about-slogan .item .title-0::before , #about-slogan .item .title-0::after{width: 75px;height: 1px;background-color: #fff;position: absolute;z-index: 1;top: 49%;content: '';}

#about-slogan .item .title-0::before{right: 100%;}

#about-slogan .item .title-0::after{left: 100%;}

#about-slogan .item .title-1{font-family: Arial;font-size: 12px;color: #fff;margin-top: 8px;}

#about-slogan .item .brief{width: 80%;margin: 0 auto;text-align: left;max-height: 0;line-height: 30px;font-size: 16px;color: #fff;}

#about-slogan .item .brief.trans{-webkit-transition-duration: 600ms;-moz-transition-duration: 600ms;-o-transition-duration: 600ms;transition-duration: 600ms;}

#about-slogan .item:hover .main{width: 100%;height: 100%;top: 0;}

#about-slogan .item:hover .title-1{opacity: 0;}

#about-slogan .item:hover .brief{max-height: 150px;}



#about-history{padding: 4.427083% 0 4.166666%;}

#about-history .list{padding: 0 3%;margin-top: 3.125%;}

#about-history .item{width: 100%;max-width: 1165px;margin: 0 auto 80px;z-index: 2;cursor: pointer; visibility:hidden;}

#about-history .item .year{top: 0;background-color: #fff;z-index: 2;}

#about-history .item.left .year{left: -180px;}

#about-history .item.right .year{right: -180px;}

#about-history .default{height: 100%;z-index: 2;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX;}

#about-history .development{z-index: 2;display: none;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}

#about-history .year{font-size: 30px;color: #9e9e9e;}

#about-history .main{max-width: 80%;font-size: 14px;margin-left: 15px;}

#about-history .bg{left: 0;top: 50%;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}

#about-history .round{width: 30px;height: 30px;background-color: #fff;padding: 5px;border: 1px dashed #e9e9e9;border-radius: 20px;left: 50%;top: 0;margin-left: -15px;}

#about-history .round .i{width: 100%;height: 100%;background-color: #a7a7a7;border-radius: 100%;}

#about-history .line{width: 105px;height: 1px;background-color: #e6e7e7;top: 50%;}

#about-history .left .line{right: 100%;}

#about-history .right .line{left: 100%;}

#about-history .on .default{display: none;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}

#about-history .on .development{display: block;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX;}

#about-history .on .year{color: #fff;margin: 10px 0;background: none;}

#about-history .on .main{color: #fff;margin: 10px 0;}

#about-history .on .bg{width: 100%;height: 100%;background-color: #f08200;border-radius: 90px;top: 0;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX;}

#about-history .on .about-progress{background-color: #a6c5da;}

#about-history .about-progress{width: 5px;background-color: #e0e4e7;top: 35px;left: 50%;padding: 0 0 10000px;margin: 3.125% 0 -10000px -2.5px;}

#about-history .about-progress .i{width: 100%;left: 0;top: 0;background-color: #feaa47;}



#news{padding: 3.645833% 0 6.770833%;}

.news-list{margin-top: 3.125%;margin-bottom: 1.875%;}

.news-list .item{width: 31.25%;padding-bottom: 1.875%;margin-bottom: 3.125%;margin-left: 3.125%;}

.news-list .item:nth-child(3n+1){margin-left: 0;}

.news-list .item::before , .news-list .item::after{position: absolute;bottom: 0;left: 0;content: '';}

.news-list .item::before{width: 100%;height: 1px;background-color: #e5e5e5;}

.news-list .item::after{width: 0;height: 2px;background-color: #f08200;}

.news-list .item .img{padding-top: 54%;}

.news-list .item .img .url{top: 0;left: 0;z-index: 2;}

.news-list .item .img img{top: 0;left: 0;}

.news-list .item .title{margin-top: 5%;}

.news-list .item .title a{font-size: 16px;}

.news-list .item .brief{height: 50px;line-height: 25px;font-size: 14px;color: #666;margin-top: 3%;}

.news-list .item .date{font-family: Arial;font-size: 14px;color: #777;margin-top: 4%;}

.news-list .item:hover::after{width: 100%;}

.news-list .item:hover .title a{color: #f08200;}

.news-list .item:hover .brief{color: #f08200;}



.detail-title{background-image: url(../images/info-title-bg.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;}

.detail-title td{height: 200px;padding: 5% 0;}

.detail-title .title{font-size: 32px;color: #222;}

.detail-title .info{margin-top: 1.5625%;}

.detail-title .info span{line-height: 18px;font-size: 14px;color: #999;background-repeat: no-repeat;background-position: left center;padding: 2px 0;margin: 0 10px;}

.detail-title .info .date{background-image: url(../images/date.png);padding-left: 23px;}

.detail-title .info .view{background-image: url(../images/view.png);padding-left: 30px;}

.detail-main{padding-top: 3.75%;padding-bottom: 6.25%;border-bottom: 1px solid #e9e9e9;}

.detail-main .contents{line-height: 30px;font-size: 16px;color: #666;}

.page-share{margin-top: 4.375%;}

.page-share .bdsharebuttonbox a{margin-top: 0;margin-bottom: 0;float: none;display: inline-block;vertical-align: middle;}



.detail-page{margin: 2.5% auto 6.875%;}

.detail-page .turn-page{width: 30.5%;height: 48px;line-height: 48px;font-size: 14px;color: #646464;padding: 0 1.875%;border: 1px solid #e9e9e9;border-radius: 48px;}

.detail-page .turn-page:hover{color: #f08200;border-color: #f08200;}



#turn_page{height: auto;line-height: normal;}

#turn_page .page_button , #turn_page .page_item_current , #turn_page .page_item{height: 42px;line-height: 42px;font-size: 14px;padding: 0;border: 1px solid #e5e5e5;margin: 0 5px;display: inline-block;text-align: center;}

#turn_page .page_button{width: 78px;color: #777;}

#turn_page .page_item{width: 42px;color: #757575;}

#turn_page .page_item_current{width: 42px;color: #fff;background-color: #f08200;border-color: #f08200;}

#turn_page a:hover{color: #f08200;border-color: #f08200;}

#turn_page .total{line-height: 44px;font-size: 14px;color: #777;}

#turn_page .page-form{line-height: 44px;font-size: 14px;color: #777;}

#turn_page .page-form .text{width: 44px;height: 44px;font-size: 14px;color: #757575;background-color: #fff;border: 1px solid #e5e5e5;}

#turn_page .page-form .btn{width: 80px;height: 44px;font-size: 14px;color: #777;background-color: #fff;border: 1px solid #e5e5e5;cursor: pointer;}



#shop{padding: 3.90625% 0 6.770833%;}

#shop .desc{ width:1200px; line-height:22px; font-size:14px; margin:20px auto 0;}

.shop-list{max-width: 1200px;margin-top: 3.333333%;margin-bottom: 2.5%}

.shop-list .item{padding-bottom: 3.333333%;border-bottom: 1px solid #eee;margin-bottom: 3.333333%;}

.shop-list .item .img{width: 42.25%;max-width: 507px;height: 0;padding-top: 28.5%;}

.shop-list .item .img .url{top: 0;left: 0;z-index: 2;}

.shop-list .item .img img{min-height: 100%;top: 0;left: 0;}

.shop-list .item .info{width: 53.333333%;padding-top: 2%;}

.shop-list .item .name{font-family:'Microsoft YaHei';font-size: 18px;color: #f08200;margin-bottom: 10px;}

.shop-list .item .title{font-family:'Microsoft YaHei';font-size: 14px;color: #333;margin-bottom: 3.90625%}

.shop-list .item .sub-title{font-family:'Microsoft YaHei';font-weight: bold;font-size: 14px;color: #f08200;margin-bottom: 10px;}

.shop-list .item .brief{height: 156px;line-height: 26px;font-size: 14px;color: #777;}

.shop-list .item .btn{width: 188px;height: 45px;line-height: 45px;font-size: 16px;color: #fff;background-color: #f08200;border-radius: 45px;}



#join{padding: 3.90625% 0 6.770833%;}

.join-table{max-width: 1200px;margin-top: 4.166666%;}

.join-table .thead{height: 60px;line-height: 60px;background-color: #f08200;padding: 0 2.5%;}

.join-table .thead [class]{font-family:'Microsoft YaHei';font-size: 18px;color: #fff;}

.join-table .tbody .item:nth-child(2n) .row{background-color: #ecedee;}

.join-table .tbody .item .row{height: 60px;line-height: 60px;padding: 0 2.5%;border-bottom: 1px solid #ecedee;cursor: pointer;}

.join-table .tbody .item .row::after{width: 20px;height: 100%;background-image: url(../images/plus.png);background-repeat: no-repeat;background-position: center center;position: absolute;z-index: 1;top: 0;right: 20px;}

.join-table .tbody .item .row [class]{font-family:'Microsoft YaHei';font-size: 16px;color: #333;}

.join-table .tbody .item .box{height: 0;overflow: hidden;}

.join-table .tbody .item .info{padding: 2.5%;border-bottom: 1px solid #ecedee;}

.join-table .tbody .item .title{font-weight: bold;font-size: 16px;color: #333;margin-bottom: 20px;}

.join-table .tbody .item .brief{line-height: 22px;font-size: 16px;color: #333;margin-bottom: 45px;}

.join-table .tbody .item .btn{width: 135px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;background-color: #f08200;border-radius: 8px;margin-right: auto;margin-left: auto}

.join-table .tbody .item .btn::before{width: 20px;height: 15px;background-image: url(../images/join-email.png);background-repeat: no-repeat;background-size: 100% auto;margin-right: 5px;display: inline-block;vertical-align: middle;content: '';}

.join-table .tbody .item.on .row::after{background-image: url(../images/minus.png);}

.join-table .tbody .item.on .info{display: block;}

.join-table .name{width: 21.0526315789%;}

.join-table .working{width: 17.543859649%;}

.join-table .number{width: 80px;margin-right: 9.6491228%;text-align: center;}

.join-table .address{width: 21.0526315789%;}

.join-table .salary{width: 21.0526315789%;}



#contact .contact-main{padding: 3.90625% 0 0;}

#contact .contact-wrap{max-width: 1500px;}

#contact .company{margin: 2.5% auto 3.125%;}

#contact .company-0{font-size: 18px;color: #999;margin-bottom: 6px;}

#contact .company-1{font-family: Arial;font-size: 10px;color: #757575;}

#contact .contact-info{padding-bottom: 4.0625%;border-bottom: 1px solid #e5e5e5;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}

#contact .contact-info .item{width: 25%;padding: 0 5.666666%;}

#contact .contact-info .item::before{width: 1px;height: 55px;background-color: #e5e5e5;top: 30px;left: 0;position: absolute;z-index: 1;content: '';}

#contact .contact-info .item:first-child::before{display: none;}

#contact .contact-info .ico{height: 55px;margin-right: auto;margin-bottom: 8%;margin-left: auto;}

#contact .contact-info .email{width: 22.926829%;}

#contact .contact-info .phone{width: 17.5609756%;}

#contact .contact-info .service{width: 19.02439%;}

#contact .contact-info .address{width: 13.1707317%;}

#contact .contact-info .title{font-family: '黑体';font-size: 14px;color: #757575;margin-bottom: 10px;}

#contact .contact-info .brief{line-height: 20px;font-size: 14px;color: #999;}

#contact .contact-info .brief a{font-size: inherit;color: inherit;}

.contact-message{padding: 3.125% 0 5.729166%;}

.message-form{margin-top: 2.333333%;}

.message-form .text{width: 32%;height: 50px;font-family: '黑体';font-size: 14px;color: #333;padding: 0 1.3333333%;border: 1px solid #e3e3e3;border-radius: 3px;margin-bottom: 2%;margin-left: 2%;}

.message-form .text:first-child{margin-left: 0;}

.message-form .area{width: 100%;height: 290px;line-height: 20px;font-family: '黑体';font-size: 14px;color: #333;padding: 1% 1.3333333%;border: 1px solid #e3e3e3;border-radius: 3px;margin-bottom: 2%;resize: none;}

.message-form .text:focus , .message-form .area:focus{border-color: #333;}

.message-form .submit{width: 150px;height: 50px;line-height: 50px;font-family: '黑体';font-size: 16px;color: #fff;background-color: #f08200;border: 0;border-radius: 3px;margin-right: auto;margin-left: auto;cursor: pointer;}

.message-form .form_focus{border-color: red;}



#cooperation .policy{max-width: 1200px;padding: 3.90625% 0 3.645833%;}

#cooperation .policy .main{margin-top: 2.5%;}

#cooperation .policy .main .img{width: 33%;margin-right: 5.833333%;}

#cooperation .policy .main .info{line-height: 25px;font-size: 14px;color: #777;margin-top: 2%;}

#cooperation .policy .main .t{font-family: 'Microsoft YaHei';font-weight: bold;font-size: 20px;color: #f08200;margin-top: 1%;margin-bottom: 1.25%;}

#cooperation .policy .video{width: 100%;height: 0;padding-top: 56.25%;margin: 20px auto;}

#cooperation .policy .video-js{width: 100%;height: 100%;top: 0;left: 0;position: absolute;z-index: 1;}



.investment{max-width: 1200px;padding: 3.90625% 0 4.166666%;}

.investment .table-info{background-color: #fff;}

.investment .table-info .thead{line-height: 40px;font-family: 'Microsoft YaHei';font-size: 20px;color: #fff;background-color: #f08200;padding: 20px 0;}

.investment .table-info .item{font-size: 14px;color: #555;}

.investment .big-table{margin: 3.75% auto 3.333333%;}

.investment .big-table .rows{line-height: 20px;padding: 20px 0;border-bottom: 1px solid #e9e9e9;}

.investment .big-table .item{width: 50%;padding-left: 20%;}

.investment .small-table .rows > div{width: 23.333333%;margin-left: 2.083333%;text-align: center;}

.investment .small-table .rows > div:first-child{margin-left: 0;}

.investment .small-table .thead{line-height: 40px;font-family: 'Microsoft YaHei';font-size: 20px;color: #fff;background-color: #f08200;padding: 20px 0;}

.investment .small-table .item{line-height: 20px;padding: 20px 0;font-size: 14px;color: #555;}



#contents{padding: 5% 0;}

#contents .title{font-family: 'Microsoft YaHei';font-size: 24px;}

#contents .editor{line-height: 24px;font-size: 14px;color: #333;}



#footer{background-color: #222;}

#footer .main{padding: 3.75% 0;border-bottom: 1px solid #393939;}

#footer .logo{width: 50%;max-width: 165px;margin: 0 auto 3.75%;}

#footer .qrcode{width: 10%;font-size: 14px;color: #999;margin-right: 6.5625%;}

#footer .qrcode img{margin-bottom: 15px;}

#footer .title{font-weight: bold;font-size: 16px;color: #fff;margin-bottom: 30px;}

#footer .f-nav{width: 11.25%;}

#footer .f-nav .i{line-height: 20px;font-size: 14px;color: #999;margin-bottom: 15px;}

#footer .f-nav .i a{font-size: inherit;color: inherit;}

#footer .contact{width: 15%;}

#footer .contact .i{line-height: 20px;font-size: 14px;color: #999;margin-bottom: 15px;}

#footer .contact .hotline{font-size: 30px;color: #f18c26;margin-top: 5px;}

#footer .feedback{width: 17.5%;}

#footer .feedback .text{height: 34px;padding: 0 12px;}

#footer .feedback .area{height: 100px;line-height: 20px;padding: 10px 12px;resize: none;}

#footer .feedback .text , #footer .feedback .area{width: 100%;font-size: 12px;color: #fff;background-color: #313131;border: 1px solid #414141;border-radius: 5px;margin-bottom: 10px;}

#footer .feedback .text:focus , #footer .feedback .area:focus{border-color: #999;}

#footer .feedback .submit{width: 114px;height: 30px;line-height: 30px;font-size: 14px;color: #fff;background-color: #f18c26;border: 1px solid #f18c26;border-radius: 30px;cursor: pointer;}

#footer a:hover{color: #fff;}





#follow{right: 0;bottom: 50%;position: fixed;z-index: 10;}

#follow .item{width: 40px;height: 40px;}

#follow .item .ico{width: 40px;height: 40px;line-height: 40px;color: #fff;background-color: rgba(30,30,30,.6);background-repeat: no-repeat;background-position: center center;background-size: 50% auto;text-align: center;left: 0;top: 0;}

#follow .item .ico span{line-height:inherit;}

#follow .item .red{background-color: #ea493c;}

#follow .item .blue{background-color: #3da8e5;}

#follow .item .green{background-color: #24b727;}

#follow .item .orange{background-color: #ffbe33;}

#follow .totop{opacity: 0;}

#follow .totop.show{opacity: 1;}

#follow .item.open[row='1']{height: 90px;}

#follow .item.open[row='2']{height: 126px;}

#follow .item.open[row='3']{height: 162px;}

#follow .item.open[row='4']{height: 198px;}

#follow .item.open[row='5']{height: 234px;}

#follow .top{line-height: 24px;font-size: 14px;color: #fff;padding: 15px;}

#follow .top a{line-height: inherit;font-size: 16px;color: inherit;}

#follow .item [id]{width: 140px;background-color: #fff;left: 40px;position: relative;z-index: 1;-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 300ms; transition:all 300ms ease 0s;}

#follow .qq-list .list{line-height: 20px;padding: 8px 25px;}

#follow .qq-list .list span{margin-right: 10px;}

#follow .qq-list .list:hover{color: #fff;background-color: #3da8e5;}



#openHotline .ico{background: url(../images/p-phone.png) no-repeat center center;}



#hotline .top{background-color: #ffbe33;}

#online .top{background-color: #3da8e5;}



#follow .item[id^='open'] .ico{left: 0;-webkit-transition:all 300ms ease 600ms; -moz-transition:all 300ms ease 600ms; -ms-transition:all 300ms ease 600ms; -o-transition:all 300ms ease 600ms; transition:all 300ms ease 600ms;}

#follow .item[id^='open']{-webkit-transition:all 300ms ease 300ms; -moz-transition:all 300ms ease 300ms; -ms-transition:all 300ms ease 300ms; -o-transition:all 300ms ease 300ms; transition:all 300ms ease 300ms;}



#follow .item.open{-webkit-transition:all 300ms ease 300ms; -moz-transition:all 300ms ease 300ms; -ms-transition:all 300ms ease 300ms; -o-transition:all 300ms ease 300ms; transition:all 300ms ease 300ms;}

#follow .item.open .ico{left: 100%;-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}

#follow .item.open [id]{left:-100px;box-shadow: 0 5px 10px rgba(4, 0, 0, 0.2); -webkit-transition:all 300ms ease 600ms; -moz-transition:all 300ms ease 600ms; -ms-transition:all 300ms ease 600ms; -o-transition:all 300ms ease 600ms; transition:all 300ms ease 600ms;}

#follow #wechat-qrcode{width: auto;max-width: 200px;left: auto;right: 100%;bottom: 0;position: absolute;display: none;-webkit-transition:all 0s ease 0s; -moz-transition:all 0s ease 0s; -ms-transition:all 0s ease 0s; -o-transition:all 0s ease 0s; transition:all 0s ease 0s;}



@media only screen and (max-width: 992px){

	#follow .item{margin-bottom: 1px;}

	#follow .item .ico.phone{border-top-left-radius: 10px;}

	#follow .item:last-child .ico{border-bottom-left-radius: 10px;}

	#follow .item .ico{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: 50% auto;}

	#follow .item .ico .fa{display: none;}

	#follow .item .ico.phone{background-image: url(../images/m-phone.png);}

	#follow .item .ico.sina{background-image: url(../images/m-sina.png);}

	#follow .item .ico.wechat{background-image: url(../images/m-wechat.png);}

	#follow .item .totop .fa{font-size: 25px;display: inline-block;}

}



@media only screen and (max-width: 1440px){

	#nav{width: 55.625%;}

	#nav .nav-item{margin-right: 4.4%;}



	#products .products-article .title{font-size: 24px;margin-bottom: 10px;}

	#products .products-article .more{width: 38px;height: 38px;margin-top: 10px;}

	#products .products-article .item-0 .info .pad{padding: 7% 4% 0;}

	#products .products-article .item-1 .info .pad{padding: 4% 4% 0;}

	#products .products-article .item-2 .info .pad{padding: 7% 5% 0;}

}



@media only screen and (max-width: 1280px){

	#header .hotline{width: 160px;margin-left: 10px;}

	#header .hotline::before{display: none;}

	#header .join{width: 75px;}

	#header .join::after{display: none;}

	#nav{width: 56%;}

	#nav .nav-item{margin-right: 2.5%;}



	#index-products .button{display: none;}

	

	#index-company .main .img{width: 100%;margin-right: auto;margin-left: auto;}

	#index-company .main .info{width: 100%;position: relative;}

	#index-company .button{display: none;}



	#products .button{display: none;}

	#products .products-article .title{font-size: 18px;}

	#products .products-article .brief{line-height: 24px;}

	#products .products-article .item-1 .info .brief{max-height: 72px;}

	#products .products-article .more{display: none;}



	#products-detail .detail-info{padding-left: 1.5625%;}

	#products-detail .detail-info .name{font-size: 18px;}



	#about-slogan .item .title-0{font-size: 28px;}

	#about-slogan .item .brief{font-size: 14px;}

}



@media only screen and (max-width: 980px){

	.hide-980{display: none;}

	.block-980{display: block;}

	.inline-block-980{display: inline-block;}

	#header{height: 70px;padding: 10px 0;}

	#header .menu-btn{display: block;}

	#header .menu-btn.on{display: none;}

	#nav{width: 50%;background-color: #f8f8f8;padding: 2%;position: fixed;top: 70px;bottom: 0;left: 100%;overflow: auto;}

	#nav.open{left: 50%;}

	#nav .nav-item{width: 100%;margin: 0;display: block;}

	#nav .nav-item > a{height: 40px;line-height: 40px;padding: 0 10px;border-bottom: 1px solid #ccc;display: block;}

	#nav .sub-nav{position: static;display: block;text-align: left;}

	#nav .sub-nav .i a{padding: 0 20px;display: block;}

	#nav .other-list{width: 100%;height: 40px;line-height: 40px;font-size: 12px;background-color: transparent;border: 1px solid #f08200;border-radius: 40px;margin: 10px 0;}

	#header-blank{height: 70px;}



	.web-title .title-0{font-size: 24px;}

	.web-title .title-1{margin-top: 10px;}

	.view-more{width: 120px;height: 30px;line-height: 30px;border-radius: 30px;}

	.view-more::after{display: none;}



	#index-company .main .info .more{width: 120px;height: 30px;line-height: 30px;border-radius: 30px;}

	#index-company .main .info .more::after{display: none;}



	#join-advantage .main .item .title{font-size: 16px;}



	#join-advantage .main{width: 96%;}

	#join-advantage .main .item .title span{font-size: 26px;}

	#join-advantage .main .item .brief{height: auto;min-height: 78px;margin-bottom: 20px;}

	#join-advantage .main .box{width: 40%;}

	#join-advantage .main .img{width: 100%;position: relative;}

	

	#join-process .main{width: 98%;}

	#join-process .item{width: 27%;margin-bottom: 5%;display: inline-block;vertical-align: middle;float: none;}

	#join-process .line{margin: 13% 2% 0;display: inline-block;vertical-align: top;float: none;opacity: 0;}

	#join-process .line:nth-child(6){display: none;}



	#index-news .buttons{display: none;}



	#team .img-box{width: 100%;max-width: 790px;margin-right: auto;margin-left: auto;}

	#team .img-box .img-0{width: 100%;margin-bottom: 1.325%;}

	#team .img-box .img-1{width: 48.633%;margin-left: 0;}

	#team .img-box .small{width: 49.933%;margin-left: 1.325%;}

	

	/*#products .products-article [class*="item"]{display: block;}*/

	/*#products .products-article [class*="item"] .img{width: 50%;height: 0;padding-top: 21.42857%;position: relative;z-index: 1;overflow: hidden;float: left;}

	#products .products-article [class*="item"] .img:last-child{display: none;}

	#products .products-article [class*="item"] .img > a{width: 100%;height: 100%;position: absolute;z-index: 1;bottom: 0;left: 0;}

	#products .products-article [class*="item"] .img > a > img{width: 100%;position: absolute;z-index: 1;bottom: 0;left: 0;}

	#products .products-article [class*="item"] .info{width: 50%;float: right;}

	#products .products-article [class*="item"] .info .brief{max-height: 96px;}

	#products .products-article .item-2{width: 100%;float: none;}*/

	#products .products-article .item-0 .img{width: 50%;}

	#products .products-article .item-0 .info{width: 50%;}

	#products .products-article .item-0 .img:first-child{display: none;}

	#products .products-article .item-1 .img{width: 100%;}

	#products .products-article .item-1 .info{width: 100%;}

	#products .products-article .item-1 .info .pad{padding: 3%;}

	#products .products-article .item-2{width: 100%;}



	#products-detail .detail-info{width: 100%;padding-right: 1%;padding-left: 1%;position: relative;}

	#products-detail .detail{width: 100%;}



	#about-slogan .item{width: 100%;float: none;}

	#about-slogan .item .main{width: 100%;height: 100%;top: 0;background-color: #f8f8f8;position: relative;}

	#about-slogan .item .title-0{color: #333;}

	#about-slogan .item .title-1{color: #666;}

	#about-slogan .item:hover .title-1{opacity: 1;}

	#about-slogan .item .brief[class]{max-height: none;color: #999;}



	.news-list .item[class]{width: 49%;margin-left: 2%;}

	.news-list .item:nth-child(2n+1){margin-left: 0;}

	.news-list .item .title a{font-size: 14px;}

	.news-list .item .brief{font-size: 12px;}



	.detail-title .title{font-size: 26px;}

	.detail-title .info span{font-size: 12px;}

	.detail-main .contents{font-size: 14px;}

	.detail-page .turn-page{width: 40%;height: 30px;line-height: 30px;}



	#turn_page .page_button, #turn_page .page_item_current, #turn_page .page_item{height: 30px;line-height: 30px;font-size: 12px;}

	#turn_page .page_button{width: 50px;}

	#turn_page .page_item_current{width: 30px;}

	#turn_page .page_item{width: 30px;}

	#turn_page .page-form .text{width: 30px;height: 30px;line-height: 30px;font-size: 12px;}

	#turn_page .page-form .btn{width: 60px;height: 30px;line-height: 30px;font-size: 12px;}

	#turn_page .total , #turn_page .page-form{line-height: 32px;font-size: 12px;}



	.join-table .thead{display: none;}

	.join-table .tbody .item .row{height: auto;line-height: 24px;}

	.join-table .tbody .item .row::after{height: 20px;top: auto;bottom: 8px;left: 66%;}

	.join-table .name , .join-table .working , .join-table .number , .join-table .address , .join-table .salary{width: 30%;margin-right: 3%;text-align: left;}

	

	#contact .company-0{font-size: 14px;}

	#contact .contact-info .item{width: 50%;margin-bottom: 20px;}

	#contact .contact-info .item:nth-child(2n+1)::before{display: none;}



	.investment .table-info .thead{font-size: 16px;}



	#footer .f-nav{width: 33.333333%;/*padding-left: 5%;*/display: inline-block;float: none;vertical-align: top;}

	#footer .contact{width: 66%;/*padding-left: 5%;*/margin-bottom: 3%;display: inline-block;float: none;vertical-align: top;}

	#footer .qrcode{width: 34%;margin: 52px 0 0 4%;vertical-align: top;}

	#footer .qrcode .img{max-width: 174px;font-size: inherit;color: inherit;}

	#footer .feedback{width: 62%;/*max-width: 450px;*/display: inline-block;float: none;vertical-align: top;}

}



@media only screen and (max-width: 768px){

	html,body{overflow-x: hidden;}



	#logo{height: 30px;}

	#header , #header.on{height: 50px;}

	#header-blank{height: 50px;}

	#header .menu-btn{width: 40px;height: 30px;}

	#header .menu-btn span, #header .menu-btn span::before, #header .menu-btn span::after{/*width: 30px;*/height: 2px;}

	#header .menu-btn span{top: 13px;}

	#header .menu-btn span::before{top: -11px;}

	#header .menu-btn span::after{top: 9px;}

	#header .menu-btn.on span::after{top: -3px;}

	#nav{top: 50px;}



	.web-title .title-0{font-size: 18px;}



	#join-advantage .main .item .title{font-size: 14px;}

	#join-advantage .main .item .title span{font-size: 18px;}

	#join-advantage .main .item .brief{font-size: 12px;}



	#about .video{width: 100%;margin-right: auto;margin-left: auto;float: none;}



	#index-news .item .date span{font-size: 18px;}



	#about-slogan .item .title-0{font-size: 18px;}

	#about-slogan .item .title-0::before , #about-slogan .item .title-0::after{display: none;}

	#about-slogan .item .brief{line-height: 24px;font-size: 12px;}



	#about-history .year{font-size: 20px;}

	#about-history .development td{padding: 10px;}

	#about-history .line{width: 75px;}

	#about-history .item.left .year{left: -120px;}

	#about-history .item.right .year{right: -120px;}



	.shop-list .item .img{width: 100%;height: auto;padding-top: 0;margin-right: auto;margin-left: auto;float: none;}

	.shop-list .item .img img{min-height: 0;position: static;}

	.shop-list .item .info{width: 100%;float: none;}

	.shop-list .item .brief{height: auto;margin-bottom: 20px;}

	.shop-list .item .btn{width: 120px;height: 30px;line-height: 30px;font-size: 14px;}



	#products .products-article [class*="item"] .img{width: 100%;/*padding-top: 40%;*/float: none;}

	#products .products-article [class*="item"] .info{width: 100%;float: none;order: 1;}

	#products .products-article [class*="item"] .info .pad{padding: 2%;}

	#products .products-article [class*="item"] .info .brief{max-height: none;}

	#products .products-article .brief{font-size: 12px;}



	.join-table .tbody .item .row [class]{font-size: 14px;}

	.join-table .tbody .item .row::after{left: 50%;}

	.join-table .name , .join-table .working , .join-table .number , .join-table .address , .join-table .salary{width: 48%;margin-right: 2%;}

	.join-table .tbody .item .title{font-size: 14px;}

	.join-table .tbody .item .brief{font-size: 14px;margin-bottom: 20px;}

	.join-table .tbody .item .btn{width: 110px;height: 30px;line-height: 30px;font-size: 14px;}

	.join-table .tbody .item .btn::before{display: none;}



	.message-form .text{width: 100%;margin-left: 0;float: none;}

	.message-form .area{height: 180px;}



	#cooperation .policy .main .img{width: 100%;margin: 0 0 20px;float: none;}

	

	.investment .big-table.table-info .thead{height: auto;text-align: center;}

	.investment .big-table .rows{padding: 0;}

	.investment .big-table .item{padding: 10px;}

	.investment .small-table .rows{border-bottom: 1px solid #ccc;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: stretch;align-items: stretch;}

	.investment .small-table .rows:first-child{border-bottom: 0;}

	.investment .small-table .rows .thead{width: 24.8%;line-height: 20px;font-size: 12px;padding: 10px;margin: 0;text-align: left;}

	.investment .small-table .rows .item{width: 24.8%;font-size: 12px;padding: 10px;margin: 0;text-align: left;}

}



@media only screen and (max-width: 360px){

	.web-title .title-0{font-size: 14px;}



	#join-advantage .main .box{width: 100%;}



	#about-slogan .item .main{background-color: #f8f8f8;position: static;}



	.news-list .item[class]{width: 100%;margin-left: 0;}



	#footer .f-nav{display: none;}

	#footer .contact{width: 100%;padding: 0;}

	#footer .contact .hotline{font-size: 24px;}

	#footer .feedback{width: 100%;}

	#footer .feedback .submit{margin-right: auto;margin-left: auto;display: block;float: none;}

	#footer .qrcode{width: 100%;margin: 20px 0 0;}

	#footer .qrcode .img{margin-right: auto;margin-left: auto;}

}





























.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}