@charset 'utf-8';
i,em{cursor: unset;}
body{font-family:"微软雅黑",Arial;background:#fff}
.scale_img dl dt img,.scale_img li img{transition:all 1s linear 0s}
.scale_img1 dl dt img,.scale_img1 li img{transition:all .5s linear 0s}
.scale_img dl:hover dt img,.scale_img li:hover img,.scale_img1 dl:hover dt img,.scale_img1 li:hover img{transform:scale(1.05) rotate(0) translateY(0)}
h2.main_title{display:block;text-align:center}
h2.main_title strong{display:block;font-size:36px;line-height:100%;color:#2f3132}
h2.main_title span{display:block;font-weight:400;font-size:16px;line-height:100%;color:#2f3132;margin-top:24px}
.fullSlide{position:relative;z-index:1;clear:both;width:100%}
.fullSlide .tempWrap{margin:0 auto}
.fullSlide .bd{position:relative;z-index:1;overflow:hidden;margin:0 auto}
.fullSlide .bd .li img{display:block;width:100%;height:auto!important}
.fullSlide .hd{position:absolute;bottom:110px;width:600px;right:50%;height:8px;cursor:pointer;z-index:9;font-size:0;text-align:left;display: block!important;}
.fullSlide .hd li{display:inline-block;width:12px;height:12px;background:#fff;opacity:1;border-radius:50%;transition:all .5s ease;margin-right:10px;cursor:pointer}
.fullSlide .hd li.on{background:#00bffe;opacity:1}
.fullSlide .switch{width:132px;margin-left:468px;height:56px;bottom:100px;position:absolute;z-index:9;left:50%}
.fullSlide .switch p{width:54px;height:54px;cursor:pointer;float:left;margin-left:10px;border-radius:50%;border:1px solid rgba(255,255,255,.3);transition:all .5s ease;background:rgba(0,0,0,.3)}
.fullSlide .switch p:hover{border-color:#fff}
.seabox{height:77px;background:rgba(0,0,0,.5);position:relative;z-index:9;margin-top:-77px}
.seabox .k_word{font-size:14px;line-height:77px}
.seabox .k_word strong{font-weight:400;color:#fff}
.seabox .k_word a{color:#fff;display:inline-block;font-weight:400;margin-right:4px;transition:all .3s ease}
.seabox .k_word a:after{content:"、"}
.seabox .k_word a:hover{color:#04b5ef}
.seabox .k_word a:last-child:after{display:none}
.seabox .sea_inp{width:407px;height:40px;margin-top:19px;border-bottom:2px solid #fff}
.seabox .sea_inp input{display:block;outline:0;font-size:14px;color:#fff}
.seabox .sea_inp input.search{float:left;width:300px;height:40px;color:#fff;background:0 0;line-height:40px;border:none}
.seabox .sea_inp input.search::-webkit-input-placeholder{color: #fff!important;}
.seabox .sea_inp input.search::-moz-placeholder{color: #fff!important;}
.seabox .sea_inp input.search:-moz-placeholder{color: #fff!important;}
.seabox .sea_inp input.search:-ms-input-placeholder{color: #fff!important;}
.seabox .sea_inp .sub{float:right;width:84px;height:34px;background:#04b5ef;border:none;font-size:16px;font-family:Myriad Pro;font-weight:700;color:#fff;line-height:34px;text-align:center;border-radius:17px}
.brand{padding-top:96px;padding-bottom:108px}
.brand h2 span{line-height:24px;width:720px;margin:20px auto 26px}
.brand h2 i{display:block;font-style:normal;font-size:13px;line-height:100%;color:#2f3132;font-weight:700;transition:all .3s ease}
.brand h2 i:hover{letter-spacing:.5px}
.brand_con{margin:50px 0 70px}
.brand_con dl{width:264px;height:637px;float:left;margin-right:18px;background:#f6f6f6;transition:width .3s ease;position:relative}
.brand_con dl:last-child{margin-right:0}
.brand_con dt{position:relative;width:100%;height:400px;overflow:hidden}
.brand_con dt img:nth-child(1){width:264px;height:400px}
.brand_con dt img:nth-child(2){position:absolute;left:0;top:0;z-index:-1;width:100%}
.brand_con dt .desc{position:absolute;width:100%;top:66px;text-align:center;left:0;z-index:3}
.brand_con dt h3 img{display:none}
.brand_con dt h3 strong{display:block;font-size:28px;line-height:100%;color:#fff}
.brand_con dt h3 span{display:block;font-size:16px;line-height:100%;color:#fff;margin-top:13px}
.brand_con dt i{display:block;margin:41px auto 120px;width:86px;height:36px;border:2px solid #f6f6f6;font-size:16px;line-height:32px;color:#f3f3f3;box-sizing:border-box;font-weight:700;border-radius:18px}
.brand_con dt p{display:none;font-size:14px;line-height:100%;color:#666}
.brand_con dd{padding-top:36px;padding-left:80px}
.brand_con dd strong{display:none;width:200px;float:left}
.brand_con dd strong a{display:block;font-size:18px;line-height:48px;color:#000;transition:all .3s ease}
.brand_con dd strong a:hover{letter-spacing:.5px}
.brand_con dd .classification{float:left}
.brand_con dd .classification a{display:block;font-size:14px;line-height:48px;color:#000;font-weight:700;transition:all .3s ease}
.brand_con dd .classification a:hover{letter-spacing:.5px}
.brand_con dd .classification a:nth-child(3){background:linear-gradient(to top,#fff,#000);-webkit-background-clip:text;color:transparent}
.brand_con dl.cur,.brand_con dl:hover{width:630px;height:637px;background:#fff;box-shadow:0 23px 52px 5px rgba(0,0,0,.13)}
.brand_con dl.cur dt img:nth-child(1),.brand_con dl:hover dt img:nth-child(1){display:none}
.brand_con dl.cur dt img:nth-child(2),.brand_con dl:hover dt img:nth-child(2){z-index:2}
.brand_con dl.cur dt .desc,.brand_con dl:hover dt .desc{left:66px;text-align:left}
.brand_con dl.cur dt h3 span,.brand_con dl.cur dt h3 strong,.brand_con dl:hover dt h3 span,.brand_con dl:hover dt h3 strong{color:#2f2f2f}
.brand_con dl.cur dt i,.brand_con dl:hover dt i{background:#00bffe;border-color:#00bffe;color:#fff;text-align:center;margin-left:0;transition:all .3s ease}
.brand_con dl.cur dt i:hover,.brand_con dl:hover dt i:hover{background:#04b5ef;border-color:#04b5ef}
.brand_con dl.cur dt p,.brand_con dl:hover dt p{display:block}
.brand_con dl.cur dd,.brand_con dl:hover dd{border-top:1px solid rgba(219,219,219,.3);padding-left:66px}
.brand_con dl.cur dd strong,.brand_con dl:hover dd strong{display:block}
.brand_con dl.cur dd .classification a:nth-child(3),.brand_con dl:hover dd .classification a:nth-child(3){color:#000}
.brand_con dl:nth-child(1).cur dt h3 img,.brand_con dl:nth-child(1):hover dt h3 img{display:block;width:190px;height:37px}
.brand_con dl:nth-child(1).cur dt h3 strong,.brand_con dl:nth-child(1):hover dt h3 strong{display:none}
.brand_con dl:nth-child(3) dd .classification a:nth-child(4),.brand_con dl:nth-child(3) dd .classification a:nth-child(5),.brand_con dl:nth-child(3) dd .classification a:nth-child(6){display:none}
.brand_con dl:nth-child(3).cur dd a:nth-child(4),.brand_con dl:nth-child(3).cur dd a:nth-child(5),.brand_con dl:nth-child(3):hover dd a:nth-child(4),.brand_con dl:nth-child(3):hover dd a:nth-child(5),.brand_con dl:nth-child(3) dd a:nth-child(6),.brand_con dl:nth-child(3):hover dd a:nth-child(6){display:block;position:absolute;left:377px;top:437px;z-index:2}
.brand_con dl:nth-child(3).cur dd a:nth-child(5),.brand_con dl:nth-child(3):hover dd a:nth-child(5){top:485px}
.brand_con dl:nth-child(3).cur dd a:nth-child(6),.brand_con dl:nth-child(3):hover dd a:nth-child(6){top: 533px;}
.product{clear:both;position:relative}
.product h3{width:794px;height:387px;background:#04b5ef;position:relative;margin-bottom:18px}
.product h3 span{display:block;width:280px;font-size:46px;line-height:50px;color:#fff;padding-top:29px;border-top:2px solid #f6f6f6;top:118px;left:67px;position:absolute;transition:all .3s ease}
.product h3:hover span{letter-spacing:.5px}
.product li{width:387px;height:387px;background:#f4f4f4;float:left;position:relative;overflow:hidden}
.product li h4{position:absolute;width:100%;box-sizing:border-box;padding:0 20px;left:0;top:325px;transition:all .3s cubic-bezier(0,.01,.25,1)}
.product li h4 strong{display:block;font-size:16px;line-height:100%;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.product li h4 span{display:block;font-size:14px;line-height:100%;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;margin-top:12px;margin-bottom:20px}
.product li h4 i{display:inline-block;width:84px;height:34px;background:#00bffe;border-radius:17px;font-size:16px;line-height:34px;color:#fff;text-align:center;transition:all .3s ease}
.product li h4 i:hover{width:92px}
.product li:first-child{position:absolute;right:0;top:0}
.product li:nth-child(3){margin-left:19px;margin-right:20px}
.product li:hover h4{background:rgba(0,0,0,.6);top:0;text-align:center;height:100%;padding-top:142px}
.product li:hover h4 span,.product li:hover h4 strong{color:#fff}
.product li:hover h4 span{margin-top:6px;margin-bottom:16px}
.brand_more{margin-top:67px;text-align:center;font-size:0;text-align:center}
.brand_more a{display:inline-block;margin:0 8px;width:393px;height:54px;border:2px solid #4c4c4c;box-sizing:border-box;font-size:16px;line-height:50px;color:#000;border-radius:27px;transition:all .3s ease}
.brand_more span,.brand_more img{display:inline-block;transition:all .3s ease}
.brand_more img{margin-left:10px;vertical-align:3px}
.brand_more a:hover img{ margin-left:14px;}

.project{background:#f0f1f5 url(/images/project_bg.jpg) no-repeat center bottom;padding-top:89px;padding-bottom:110px}
.project .brand_more{margin-top:38px}
.project .brand_more a{width:437px;border-color:#fff;color:#fff;background-image:url(/images/more2.png);background-position-x:370px;background:none}
.project .brand_more a:hover{background-position-x:380px}
.project .project_con{margin-top:173px}
.project dl{width:285px;height:186px;background:#fff;float:left;margin-bottom:22px;margin-right:20px;text-align:center;position:relative}
.project dt{width:285px;height:186px;line-height:0;transition:all .3s ease;opacity:0;overflow:hidden;position:absolute;z-index:1;height:186px}
.project dt img{width:285px;height:186px;}
.project dd{position:absolute;width:100%;height:186px;left:0;top:0;z-index:2;background:url(/images/more3.png) no-repeat center 122px;transition:height ease .3s}
.project dd a{display:block;padding:45px 34px 0;box-sizing:border-box;width:100%;height:100%}
.project dd h3{font-size:18px;line-height:24px;color:#474848}
.project dd h3 span,.project dd h3 strong{display:block}
.project dd p{font-size:14px;line-height:24px;color:#fff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);text-align: center;width:100%;display:none}
.project dl:nth-child(4n){margin-right:0}
.project dl:nth-child(5) dt,.project dl:nth-child(6) dt,.project dl:nth-child(7) dt,.project dl:nth-child(8) dt{position:absolute;left:0;bottom:0}
.project dl:nth-child(5) dd,.project dl:nth-child(6) dd,.project dl:nth-child(7) dd,.project dl:nth-child(8) dd{left:0;top:auto;bottom:0}
.project dl:hover{z-index:3}
.project dl:hover dt{display:block;opacity:1;}
.project dl:hover dd{background:url(/images/more4.png) no-repeat center 325px;background:none}
.project dl:hover dd h3{display: none;}
.project dl:hover dd h3 strong{font-size:20px;line-height:100%;color:#f0f1f5;padding-bottom:42px;position:relative}
.project dl:hover dd h3 strong:after{position:absolute;content:"";width:56px;height:1px;background:#fff;left:50%;margin-left:-28px;bottom:0}
.project dl:hover dd h3 span{display:none}
.project dl:hover dd p{display:block}
.service{background:#f0f1f5;padding-top:76px;padding-bottom:91px}
.service ul{margin-top:56px}
.service li{float:left;width:177px;margin-right:78px;text-align:center}
.service li i{display:block;width:177px;height:177px;background:#fff;border-radius:50%;margin:0 auto 43px;padding-top:55px;box-sizing:border-box;transition:all .3s ease}
.service li i img{width:60px;display:block;margin:0 auto 22px}
.service li i span{display:block;font-size:36px;line-height:100%;color:#d9d9d9;font-style:italic}
.service li h3 span{display:block;font-size:16px;line-height:100%;color:#2f3132;font-weight:400}
.service li h3 strong{display:block;font-size:24px;line-height:100%;color:#2f3132;margin-top:18px}
.service li:last-child{margin-right:0}
.service li:hover i{box-shadow:0 21px 29px 3px rgba(0,0,0,.13)}
.service li:hover i span{color:#04b5ef}
.case{padding-top:75px;padding-bottom:109px}
.case_con{max-width:1920px;width:100%;min-width:1200px;position:relative;margin-top:47px}
.case_con dl{width:23.9%;font-size:0;position:relative;overflow:hidden;float:left}
.case_con dl dt{line-height:0}
.case_con dl img{width:100%}
.case_con dd{position:absolute;left:0;bottom:0;background:rgba(0,0,0,.6);padding:0 7.63%;width:100%;box-sizing:border-box}
.case_con dd h4{font-size:18px;line-height:54px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.case_con dd .desc{display:block;font-size:14px;line-height:24px;color:#fff;max-height:48px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding-left:37px;position:relative;float:left;display:none;margin-top:37px;max-width:292px;box-sizing:border-box}
.case_con dd .desc:before{position:absolute;content:"";width:1px;height:41px;background:rgba(255,255,255,.3);left:0;top:4px}
.case_con dd i{display:block;width:106px;height:34px;background:#00bffe;float:right;border-radius:17px;font-size:14px;line-height:34px;color:#fff;text-align:center;display:none;margin-top:41px;transition:all .3s ease}
.case_con dd i:hover{background:#04b5ef}
.case_con dl:nth-child(2){position:absolute;left:0;bottom:0}
.case_con dl:nth-child(3){width:49.64%;margin:0 1.28%}
.case_con dl:nth-child(3) dd{height:122px;padding:0 5.77%}
.case_con dl:nth-child(3) dd h4{max-width:182px;padding-right:37px;box-sizing:border-box;margin-top:23px;float:left}
.case_con dl:nth-child(3) dd .desc{display: block;display:-webkit-box;}
.case_con dl:nth-child(3) dd i{display: block;}
.case_con dl:last-child{position:absolute;right:0;bottom:0}
.proys{padding-top:89px;background:#f0f1f5;padding-bottom:115px}
.proys ul{margin-top:55px}
.proys li{position:relative;width:150px;height:715px;margin-right:50px;float:left;transition:all ease .5s;overflow:hidden}
.proys li img:first-child{width:150px;height:208px;display:block;padding:35px 0 45px;border-top:2px solid #414141;border-bottom:2px solid #414141;margin-bottom:41px}
.proys li img:nth-child(2){width:150px;height:208px;position:absolute;top:37px;left:0;z-index:-1;transition:all ease .5s}
.proys li h4{font-size:30px;color:#2f3132;line-height:100%;transition:top ease .5s;position:absolute;left:0;top:333px;height:124px;font-weight:600}
.proys li h4 span{display:block;font-size:18px;color:#2f3132;line-height:30px;margin-top:28px;font-weight:400}
.proys li .number{display:block;font-size:42px;color:#2f3132;line-height:100%;position:absolute;top:527px;font-style:italic}
.proys li .zoomit{display:block;top:654px;right:115px;width:35px;height:35px;background:#00bffe;border-radius:50%;position:absolute;transition:all ease .5s}
.proys li .zoomit:before{position:absolute;content:"";width:12px;height:3px;background:#fff;left:11.5px;top:16px}
.proys li .zoomit:after{position:absolute;content:"";width:3px;height:12px;background:#fff;right:16px;top:11.5px}
.proys li .info{position:absolute;top:333px;left:250px;opacity:0;width:300px;font-size:14px;color:#fff;line-height:24px;transition:top ease .5s}
.proys li .info p:before{content:"-"}
.proys li:last-child{margin-right:0}
.proys li.cur{width:590px}
.proys li.cur img:first-child{display:none}
.proys li.cur img:nth-child(2){display:block;width:590px;height:715px;top:0;left:0;z-index:1}
.proys li.cur h4{z-index:2;left:77px;top:525px;font-size:42px;color:#fff;font-weight:700;width:130px;height:159px}
.proys li.cur h4 span{color:#fff}
.proys li.cur .number{display:none}
.proys li.cur .zoomit{border-color:#fff;top:43px;right:50px;position:absolute;z-index:2;display:none}
.proys li.cur .zoomit:after{display:none}
.proys li.cur .info{display:block;top:572px;z-index:2;opacity:1}
.news{padding-top:76px;padding-bottom:116px}
.news_nav{height:46px;margin-bottom:40px;margin-top:43px;border-bottom:1px solid rgba(204,226,154,.2)}
.news_nav h3{float:left}
.news_nav h3 a{display:block;font-size:20px;line-height:100%;color:#666;font-weight:400;padding:0 26px 26px;position:relative}
.news_nav h3 a:after{position:absolute;content:"";width:100%;height:0;background:#00bffe;left:0;bottom:-1px;transition:all .3s ease}
.news_nav h3.on a{font-weight:700;color:#00bffe}
.news_nav h3.on a:after{height:2px}
.news_nav .more{float:right}
.news_nav .more a{color:#00bffe;font-size:20px;line-height:1;transition:all .3s ease}
.news_nav .more a:hover{letter-spacing:.5px}
.news_con_list dl{width:382px;float:left;margin-right:27px}
.news_con_list dl:last-child{margin-right:0}
.news_con_list dt{width:382px;height:215px;line-height:0;overflow:hidden}
.news_con_list dt img{width:382px;height:215px}
.news_con_list dd{margin-top:20px}
.news_con_list dd h4{font-size:18px;line-height:32px;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .3s ease;font-weight:400}
.news_con_list dd p{font-size:14px;line-height:27px;color:#999;margin:12px 0 32px}
.news_con_list dd span{display:block;font-size:16px;line-height:100%;color:#6d6d6d;transition:all .3s ease}
.news_con_list dl:hover dd h4,.news_con_list dl:hover dd span{color:#00bffe}
.news_con_list ul li a{display:block;font-size:14px;line-height:36px;color:#777;font-weight:400;transition:all .3s ease}
.news_con_list ul li h4{font-weight:400;width:318px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;color:#333;position:relative;padding-left:12px}
.news_con_list ul li h4:before{position:absolute;content:"";transition:all .3s ease;width:5px;height:2px;background:#555;left:0;top:16.5px}
.news_con_list ul li span{float:right}
.news_con_list ul li:hover a{color:#04b5ef}
.news_con_list ul li:hover a h4{color:#04b5ef}
.news_con_list ul li:hover a h4:before{background:#5ebbbb}
.help{margin-top:66px;width:1200px;height:189px;background:#f6f7fb}
.help h3{width:138px;height:189px;background:#00bffe;text-align:center;float:left}
.help h3 a{display:block;font-size:20px;line-height:189px;color:#fff}
.help .help_list{float:left;margin-left:54px;width:950px;padding-top:30px}
.help li{width:270px;margin-right:70px;float:left}
.help li h4{font-size:18px;line-height:34px;color:#000;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .3s ease}
.help li p{font-size:14px;line-height:27px;color:#999;margin:7px 0 25px}
.help li span{display:block;font-size:16px;line-height:100%;color:#6d6d6d;transition:all .3s ease}
.help li:hover h4,.help li:hover span{color:#00bffe}
.about{padding-top:90px;background:url(/images/about_bg.jpg) no-repeat center top;padding-bottom:102px}
.about h2 span,.about h2 strong{color:#fff}
.about .pic{width:1200px;height:400px;background:#414141;margin:72px 0 39px}
.about .desc p{float:left;font-size:14px;line-height:24px;color:#000;width:916px}
.about .desc a{float:right;font-size:13px;line-height:24px;color:#00bffe;display:block;transition:all .3s ease}
.about .desc a:hover{letter-spacing:.5px}
.about .brand_more{margin-top:51px}
.about .brand_more a{width:437px;background-position-x:370px}
.about .brand_more a:hover{background-position-x:380px}
body{position:relative}
.links{overflow:hidden;position:absolute;bottom:20px;clear:both;z-index:2;width:100%}
.links p{width:770px;overflow:hidden}
.links a,.links em{display:block;float:left;margin-right:20px;font-size:14px;line-height:54px;color:#999;transition:all .3s ease}
.links a:hover{color:#fff}
.f_info p{line-height:44px!important}
@-webkit-keyframes fadeInDown1{from{opacity:0;transform:translate3d(0,-50%,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes fadeInDown1{from{opacity:0;transform:translate3d(0,-50%,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
.fadeInDown1{-webkit-animation-name:fadeInDown1;animation-name:fadeInDown1}
@-webkit-keyframes fadeInDown2{from{opacity:0;transform:translate3d(0,-20%,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes fadeInDown2{from{opacity:0;transform:translate3d(0,-20%,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
.fadeInDown2{-webkit-animation-name:fadeInDown2;animation-name:fadeInDown2}
@-webkit-keyframes fadeInLeft1{from{transform:translate3d(-10%,0,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInLeft1{from{transform:translate3d(-10%,0,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
.fadeInLeft1{-webkit-animation-name:fadeInLeft1;animation-name:fadeInLeft1}
@-webkit-keyframes fadeInLeft2{from{transform:translate3d(-5%,0,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInLeft2{from{transform:translate3d(-5%,0,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
.fadeInLeft2{-webkit-animation-name:fadeInLeft2;animation-name:fadeInLeft2}
@-webkit-keyframes fadeInRight1{from{transform:translate3d(10%,0,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight1{from{transform:translate3d(10%,0,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
.fadeInRight1{-webkit-animation-name:fadeInRight1;animation-name:fadeInRight1}
@-webkit-keyframes fadeInRight2{from{transform:translate3d(3%,0,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight2{from{transform:translate3d(3%,0,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
.fadeInRight2{-webkit-animation-name:fadeInRight2;animation-name:fadeInRight2}
@-webkit-keyframes zoomLeft{from{transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
@keyframes zoomLeft{from{transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
.zoomLeft{transform-origin:0 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
.zoomRight{transform-origin:100% 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
@-webkit-keyframes zoomIn1{0%{opacity:0;transform:scale3d(.9,.9,.9)}
50%{opacity:1}
}
@keyframes zoomIn1{0%{opacity:0;transform:scale3d(.9,.9,.9)}
50%{opacity:1}
}
.zoomIn1{-webkit-animation-name:zoomIn1;animation-name:zoomIn1}
@-webkit-keyframes fadeInUp1{from{transform:translate3d(0,10%,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInUp1{from{transform:translate3d(0,10%,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
.fadeInUp1{-webkit-animation-name:fadeInUp1;animation-name:fadeInUp1}
@-webkit-keyframes fadeInUp2{from{transform:translate3d(0,2%,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInUp2{from{transform:translate3d(0,2%,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
.fadeInUp2{-webkit-animation-name:fadeInUp2;animation-name:fadeInUp2}
@keyframes myfirst{0%{top:0;left:0}
25%{top:10px;left:0}
50%{top:0;left:0}
100%{top:0;left:0}
}
@-webkit-keyframes myfirst{0%{top:0;left:0}
25%{top:10px;left:0}
50%{top:0;left:0}
100%{top:0;left:0}
}