@charset "utf-8";
@font-face {
    font-family: 'font-light';
    src: url("../font/IBMPlexSansSC-Light.woff2") format('woff2'), /* 优先使用WOFF2格式 */
    url("../font/IBMPlexSansSC-Light.woff") format('woff'); /* 备选使用WOFF格式 */
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'font-medium';
    src: url("../font/IBMPlexSansSC-Medium.woff2") format('woff2'), /* 优先使用WOFF2格式 */
    url("../font/IBMPlexSansSC-Medium.woff") format('woff'); /* 备选使用WOFF格式 */
    font-weight: normal;
    font-style: normal;
}
.font-medium{font-family: font-medium;}
.font-light{font-family: font-light;}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;box-sizing: border-box;}
html,body{font-family:font-medium,"Microsoft YaHei","PingFang SC";background: #fff;color: #333;font-size: 14px;}
input,textarea,select{font-family:font-medium,"Microsoft YaHei","PingFang SC";}
img,input,textarea{ border: none; }
h1,h2,h3,h4,h5{font-weight: normal;line-height: 1.6;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #333;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6;}
.des-justify p{text-align: justify;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.w1440{width: 14.4rem;max-width: 92%;margin: 0 auto;}
ul{font-size: 0;}
ul li{font-size: 14px;display: inline-block;vertical-align: top;}
ul li:last-child{margin-right: 0;}
.BMap_Marker img{width: 100%;vertical-align: bottom;}
/*::-webkit-scrollbar{width: 4px;height: 6px;background: #000;}*/
/*::-webkit-scrollbar-track{background: #000;}*/
/*::-webkit-scrollbar-thumb{background-color: #084987;}*/

.search_box .text::-webkit-input-placeholder{color:#fff;}
.search_box .text:-moz-placeholder{color:#fff;}
.search_box .text::-moz-placeholder{color:#fff;}
.search_box .text:-ms-input-placeholder{color:#fff;}
.edit *{font-weight: revert;list-style: revert;}
.mg-bt10{margin-bottom: 0.1rem;}
.mg-bt15{margin-bottom: 0.15rem;}
.mg-bt20{margin-bottom: 0.2rem;}
.mg-bt25{margin-bottom:0.25rem;}
.mg-bt30{margin-bottom: 0.3rem;}
.mg-bt40{margin-bottom: 0.4rem;}
.mg-bt50{margin-bottom: 0.5rem;}
.mg-bt60{margin-bottom: 0.6rem;}
.mg-bt70{margin-bottom: 0.7rem;}
.mg-bt80{margin-bottom: 0.8rem;}
.des16 p{font-size: 0.16rem;}
.des18 p{font-size: 0.18rem;}
.line20 p{line-height: 2;}
.line18 p{line-height: 1.8;}
.des-fff *{color: #fff;}
.title-fff *{color: #fff;}
.imgmax img{max-width: 100%;vertical-align: bottom;}
.swiper-pagination-bullets .swiper-pagination-bullet{vertical-align: middle;opacity: 1;}
.wow{transform: translateZ(0);}
/*header s*/
/*body{padding-top: 70px;}*/
.header{position: fixed;height: 70px;background: #f8f7f5;z-index: 999;top:0;left: 0;width: 100%;transition: all .4s;}
.header .w1440{height: 70px;display: flex;justify-content: center;align-items: center;position: relative;}
.logo img{height: 28px;display: block;transition: all .4s;}
.logo{position: absolute;left: 0;top:50%;transform: translateY(-50%);}

.nav li{margin-right: 80px;}
.nav li:last-child{margin-right: 0;}
.nav-yi span{color: #605c5a;font-size: 16px;transition: all .4s;}
.nav li .nav-yi{position: relative;line-height: 78px;display: block;height: 70px;}
.nav li .nav-yi:after{content: "";width: 0;bottom:0;transition: all .4s;left: 50%;transform: translateX(-50%);border-bottom: 1px solid #000;position: absolute;}
.nav li.active .nav-yi:after{width: 100%;}
.nav li.active .nav-yi span{color: #000;}

.header-area-item{margin-right: 23px;position: relative;cursor: pointer;display: flex;align-items: center;}
.header-area-item:last-child{margin-right: 0;}
.header-area-icon{display: block;width: 32px;vertical-align: bottom;transition: all .4s;}
.header-area-hide{position: absolute;padding: 30px;transition: top .4s;top:43px;color: #fff;display: none;}
.bg-fa6837{background: #fa6837;}
.header-gwc-hide{right: -20px;width: 400px;}
.header-yy{left: 50%;transform: translateX(-50%);text-align: center;width: 78px;padding: 0;background: #ddd;}
.header-yy a{display: block;font-size: 16px;line-height: 40px;color: #000;transition: all .4s;}
.header-yy a:last-child{margin-bottom: 0;}
.header-yy a.active{background: #fa6837;color: #fff;}
.header-yy a:hover{background: #fa6837;color: #fff;}
.header-area-text{font-size: 16px;color: #605c5a;margin: 0 5px;transition: all .4s;margin-bottom: -8px;}

.svg-earth{width: 17px;height: 17px;}
.svg-earth path{fill:rgb(96, 92, 90);transition: all .4s;}
.svg-bot{width: 10px;height: 6px;}
.svg-bot path{fill:rgb(96, 92, 90);transition: all .4s;}


.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:3%;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger{height: 2px; background: #212223; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;}
.menu-handler .burger-2{top: 15px; }
.menu-handler .burger-3{top: 22px;}
.menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
/*header e*/
/*footer s*/
.bg-f8f7f6{background: #f8f7f6;}
.footer{}
.footer-code{display: flex;justify-content: center;align-items: center;}
.footer-code li{text-align: center;margin: 0 0.2rem;}
.footer-code li .img100{width: 110px;margin: 0 auto 20px;border-radius: 6px;background: #fff;box-shadow: 0.45px 1.949px 16px 0px rgba(0, 0, 0, 0.11);overflow: hidden;padding: 10px;}
.footer-code li.big{margin: 0 1.2rem;}
.footer-code li.big .img100{width: 190px;}
.footer-code li.big p{font-size: 24px;}
.des-999 p{color: #999;}
.des-999 p a{color: #999;}
.footer-bot{padding: 40px 0;}
.bg-12151a{background: #12151a;}
.footer-bot *{font-size: 12px;color: #fff;transition: all .4s;}
.footer-nav{display: flex;gap:0.3rem;}
.footer-beian{display: flex;gap:0.2rem;}
.footer-beian a{opacity: 0.3;transition: all .4s;display: inline-block;}
.footer-beian a:hover{opacity: 1;}
.footer-bot .w1440{display: flex;justify-content: space-between;align-items: center;flex-direction: row-reverse;}
.footer-bot-right{display: flex;align-items: center;gap:0.3rem;}
.footer-bot-right a{display: flex;align-items: center;opacity: 0.5;transition: all .4s;}
.footer-bot-right a:hover{opacity: 1;}
.footer-bot-right a svg{margin-right: 5px;}
.footer-share a{position: relative;}
.share-hide{position: absolute;width: 120px;height: 120px;bottom:30px;left: 50%;margin-left: -60px;display: none;padding: 8px;background: #fff;border-radius: 8px;opacity: 1;}
.share-hide img{width: 100%;height: 100%;}
.footer-share a.active .share-hide{display: block;}
.footer-share a span{margin-bottom: -8px;}
.footer-beian a:last-child{margin-top: 4px;}
.bannerDot{position: absolute;bottom:25px;left: 0;width: 100%;z-index: 9;}
.bannerDot .swiper-pagination-bullet{width: 10px;height: 10px;background: #ddd;margin-right: 10px;}
.bannerDot .swiper-pagination-bullet-active{background: #fa6837;}
.bannerDot .swiper-pagination-bullet:last-child{margin-right: 0;}

/*footer e*/

/*index s*/
.no-bg{padding-top: 0;}
.header-style .header{background: none;}
.header-style .nav-yi span{color: #fff;}
.header-style .nav li.active .nav-yi span{color: #fff;}
.header-style .nav li:hover .nav-yi span{color: #fff;}
.header-style .nav li .nav-yi:after{border-color: #fff;}
.header-style .logo img{filter: brightness(0) invert(1) contrast(100%);}
.header-style svg path{fill:#fff;}
.header-style .header-area-text{color: #fff;}


.banner .img100 img{height: 100vh;object-fit: cover;}
.banner-bot{position: absolute;z-index: 9;left: 0;bottom:0.6rem;width: 100%;}
.banner-bot .btn-area{margin-bottom: 3.1%;}
.title70 h2{font-size: 0.7rem;}
.des28 p{font-size: 0.28rem;}
.btn-area{display: flex;gap:0.1rem;}
.btn-area.text-center{justify-content: center;}
.banner-bot .w1440{display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;}
.btn-area-a{border:1px solid #fff;display: flex;padding: 0.12rem 0.21rem; align-items: center;border-radius: 0.4rem;color: #fff;gap:0.1rem;transition: all .4s;}
.btn-area-a.active{background: #fa6837;border-color: #fa6837;color: #fff;}
.btn-area-a:hover{background: #fa6837;border-color: #fa6837;color: #fff;}
.btn-area-a path{transition: all .4s;}
.btn-area-a .svg-play1 path{stroke: #000;}
.btn-area-a:hover .svg-play1 path{stroke: #fff;}
.btn-area-a.active .svg-play1 path{stroke: #fff;}
.btn-area-a span{margin-bottom: -8%;}
.title60 h2{font-size: 0.6rem;}
.title-3f3d3b h2{color: #3f3d3b;}
.title42 h2{font-size: 0.42rem;}
.title40 h2{font-size: 0.4rem;}
.title-666666 h3{color: #666;}
.title-666666 h2{color: #666;}
.size16{font-size: 0.16rem;}
.container-left{margin-left: 12.5%;}
.zymtpj-item.bg-fa6837 *{color: #fff;}
.zymtpj-item.bg-403d3c *{color: #fff;}
.zymtpj p{text-align: justify;}
.radius14{border-radius: 0.14rem;}
.padding40{padding: 0.4rem;}
.des22 p{font-size: 0.22rem;}
.des20 p{font-size: 0.2rem;}
.des-title30 h3{font-size: 0.3rem;}
.zymtpj-item{height: 5rem;}
.zymtpj-bot{position: absolute;left: 0.4rem;bottom:0.4rem;}
.bg-ffc58f{background: #ffc58f;}
.bg-b7d9fa{background: #b7d9fa;}
.bg-403d3c{background: #403d3c;}
.des-title42 h3{font-size: 0.42rem;}
.zymtpj-mid{text-align: right;}
.zymtpj-mid img{max-width: 100%;vertical-align: bottom;}
.zymtpj-bot img{height: 0.375rem;}
.btn36{display: flex;align-items: center;}
.btn361{margin-right: 0.1rem;}
.btn36 div{border-radius: 100%;background: #f3f3f5;transition: all .4s;width: 36px;height: 36px;cursor: pointer;display: flex;justify-content: center;align-items: center;}
.btn36 div.swiper-button-disabled{pointer-events: none;}
.btn36 div:hover{background: #e2e2e5;}
.btn36 div:hover path{fill: #707071;}
.btn36 div path{fill: #c0c0c0;transition: all .4s;}
.about-list li{display: flex;justify-content: space-between;}
.about-con{width: 39%;}
.about-img{width: 54.23%;}
.des-605c5a p{color: #605c5a;}
.padding-tb80{padding: 0.8rem 0}
.padding-tb150{padding: 1.5rem 0;}
.padding-b150{padding-bottom: 1.5rem;}
/*index e*/
/*detail s*/
.section-200{height:200vh;}
.section-200-top{height: calc(200vh - 140px);}
.h100{height:100vh;}
.h100-top{height: calc(100vh - 70px);}
.sticky-container{position: sticky;top: 0;width: 100%;z-index: 0;}
.banner video{display: block;height: 100vh;width: 100%;object-fit: cover;}
.banner .img100{height: 100vh;width: 100%;}
.banner-text{-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);background: rgba(251,251,251,0.8)}
/*.video-container .inline-media-ui{position: relative; top: 21px; right: 5px; z-index: 2; cursor: pointer; width: 40px;height: 40px;}*/
.inline-media-ui .play-pause-button{padding: 0;background: none;width: 38px;min-width: 38px;height: 38px;border: none;display: flex;position: relative;justify-self: flex-end;align-self: flex-end;align-items: center;justify-content: center;cursor: pointer;background-repeat: no-repeat;transition: opacity 100ms linear, transform .2s ease;}
 .inline-media-ui .play-pause-button:before{content: "";position: absolute;background-color: rgba(0,0,0,0);border-radius: 50%;width: 30px;height: 30px;}
.inline-media-ui .play-pause-button:after{content: "";
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTUgMTUuMjVWNC43N2ExLjQ0IDEuNDQgMCAwMTEuNDQtMS42MiAxLjg2IDEuODYgMCAwMTEuMTEuMzFsOC41MyA1Yy43Ni40NCAxLjE3LjggMS4xNyAxLjUxcy0uNDEgMS4wNy0xLjE3IDEuNTFsLTguNTMgNWExLjg2IDEuODYgMCAwMS0xLjExLjMxQTEuNDIgMS40MiAwIDAxNSAxNS4yNXoiLz48L3N2Zz4=);
    /*-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTUgMTUuMjVWNC43N2ExLjQ0IDEuNDQgMCAwMTEuNDQtMS42MiAxLjg2IDEuODYgMCAwMTEuMTEuMzFsOC41MyA1Yy43Ni40NCAxLjE3LjggMS4xNyAxLjUxcy0uNDEgMS4wNy0xLjE3IDEuNTFsLTguNTMgNWExLjg2IDEuODYgMCAwMS0xLjExLjMxQTEuNDIgMS40MiAwIDAxNSAxNS4yNXoiLz48L3N2Zz4=);*/
    mask-size: cover;-webkit-mask-size: cover;display: inline-block; width: 20px;height: 20px;position: absolute;background-size: 20px 20px;background-color: rgba(255,255,255,1);
}
.inline-media-ui{display: inline-block;position: relative;}
.inline-media-ui.playing .play-pause-button:after {
    mask: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRXhwb3J0YWJsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMWQxZDFmfTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJwYXVzZSI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjc1IiB5PSIzIiB3aWR0aD0iNC41IiBoZWlnaHQ9IjE0IiByeD0iMS41Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxMS43NSIgeT0iMyIgd2lkdGg9IjQuNSIgaGVpZ2h0PSIxNCIgcng9IjEuNSIvPjwvZz48L3N2Zz4=);
}
.inline-media-ui .play-progress-circle{position: absolute;top: -1px;left: -1px;width: 40px;height: 40px;fill: transparent;stroke: #fff;stroke-width: 6px;stroke-linecap: round;pointer-events: none;transform: rotate(-90deg);will-change: transform;}
.inline-media-ui .play-progress-circle .progress-background{stroke: #86868b;}

.xq-img1{width: 6.44rem;margin: 0 auto;max-width: 100%;}
.xq-img1 img{vertical-align: bottom;}
.btn-area-a-000{border-color: #000;color: #000;}
.content-bot{display: flex;justify-content: space-between;padding-top: 70px; flex-direction: column;}
.banner-text-logo img{height: 0.67rem;}
.banner-text{display: flex;align-items: center;flex-direction: column;justify-content: center;}
.banner-text .title40{display: flex;align-items: center;flex-direction: column;justify-content: center;gap:0.5rem;}
.media-btn-right{position: absolute;right: 40px;top:40px;z-index: 5;}
.w-full{width: 100%;object-fit: cover;display: block;vertical-align: bottom;}
.zindex5{z-index: 5;}
.zindex9{z-index: 9;}
.des30 p{font-size: 0.3rem;}
.title-fa6837 h3{color: #fa6837;}
.qjpe-bot{position: absolute;width: 100%;padding: 0.3rem;left: 0;bottom:0;}
.qjpe-con:before{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));}
.bg-linear-05:before{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));}
.qjpe-con video{height: 5.5rem;}
.qjpe-bot{display: flex;justify-content: space-between;align-items: flex-end;}
.qjpe-img img{height: 5.5rem;display: block;}
.full-text{pointer-events: none;}
.bg-06{background: rgba(0,0,0,0.6);}
.bg-060606{background: #060606;}
.yongci-con video,.height800{height: 8rem;object-fit: cover;}
.yongci-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.yongci-list li{display: flex;justify-content: space-between;align-items: center;width: 25%;border-bottom: 1px solid rgba(255,255,255,0.2);padding-bottom: 0.35rem;}
.yongci-list-right{display: flex;align-items: center;gap:0.05rem;}
.yongci-list-right img{height: 0.32rem;}
.yongci-list-right p{margin-bottom: -14%;}
.size56{font-size: 0.56rem;}
.yongci-list li p{opacity: 0.5;}
.padding50{padding: 0.5rem;}
.cxh-typ{display: flex;flex-direction: column;gap:0.1rem;}
.des24 p{font-size: 0.24rem;}
.cxh-typ p{padding: 0 0.35rem;height: 0.6rem;line-height: 0.75rem; border-radius: 0.4rem;display: inline-block;border:1px solid #fa6837;}
.aq-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.aq-page{width: 49%;}
.aq-page a{display: block;position: relative;}
.aq-page:nth-child(1){width: 51.38%;}
.aq-page:nth-child(1) a{height: 100%;}
.aq-page:nth-child(1) a .img100{height: 100%;}
.aq-page:nth-child(1) a img{object-fit: cover; height: 100%;}
.aq-page:nth-child(2){width: 47.29%;}
.aq-page:nth-child(2) a:nth-child(1){margin-bottom: 0.2rem;}
.aq-page .des30{position: absolute;width: 100%;bottom: 0;left: 0;}
.zj-page .des30{position: absolute;width: 100%;bottom: 0;left: 0;}
.des-666 p{color: #666;}
.qxjz-list-bot{position: absolute;right: 0.4rem;bottom:0.4rem;z-index: 9;display: flex;align-items: center;gap:0.1rem;}
.qxjz-list-bot .btn36 div{background: none;border:1px solid #fff;}
.qxjz-list-bot .btn36 path{fill: #fff !important;}
.des36 p{font-size: 0.36rem;}
.zhineng-typ{display: flex;gap:0.2rem;justify-content: center;}
.padding-t150{padding-top: 1.5rem;}
.zj-page-top{display: flex;justify-content: space-between;flex-wrap: wrap;}
.zj-page-top .relative{width: 100%;margin-bottom: 0.2rem;}
.zj-page-top .zj-page{display: flex;flex-direction: column;width: 49.2%;}
.zj-page-top .zj-page:nth-child(2){flex-direction: column-reverse;}
.footer2 .w1440{padding: 20px 0 70px; border-top: 1px solid #dad8d7;display: flex;justify-content: space-between;flex-direction: row-reverse;}
.footer2-logo img{height: 28px;}
.padding-t70{padding-top: 70px;}
.position-full-top70{top:70px;height: auto;bottom:0;}
.padding-b80{padding-bottom: 0.8rem;}
.zhineng-typ-a{cursor: pointer;}
.fixed-style{position: fixed;z-index: 9999;background: rgba(0,0,0,0.5);display: none;width: 100%;height: 100%;top:0;left: 0;}
.fixed-style.active{display: block;}
.bg-fff{background: #fff;}
.hideimgcon{width: 1200px;max-width: 92%;margin: 0 auto;}
.close32{position: absolute;top:10px;right: 10px;background: #f90 url("../images/gb.png") no-repeat center;background-size:cover;width: 40px;height: 40px;z-index: 3;cursor: pointer;border-radius: 100%;}
/*detail e*/
#section00.active .content-bot{opacity: 0;}
.title80 h2{font-size: 0.8rem;}


.shipin{cursor: pointer;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 1200px;max-width: 92%;}
.video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;z-index:9;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;}
@media (max-width:760px) {
    .video_t a{width: 24px;height: 24px;right: 0;top:-30px;}
}

.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.background-cover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slideUp,.swiper-slide-active .banner-des{
    animation:slideUp 1s both ease-out;-webkit-animation:slideUp 1s both ease-out;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft{
    animation:slideLeft 1s both ease-out;-webkit-animation:slideLeft 1s both ease-out;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight{
    animation:slideRight 1s both ease-out;-webkit-animation:slideRight 1s both ease-out;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 1s both ease-out;-webkit-animation:tobig 1s both ease-out;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}