@charset 'utf-8';
body{font-family:"寰蒋闆呴粦",Arial;background:#fff}

h2.main_title a{display:block;position:relative;text-align:center}
h2.main_title a strong{display:block;font-size:50px;line-height:100%;color:#333;padding-bottom:18px;background:url(../images/tbg.png) no-repeat center bottom}
h2.main_title a span{display:block;font-size:26px;line-height:100%;color:#333;margin-top:10px;font-weight:400}
h2.main_title a:hover{color:#333}
h2.main_title1 a{color:#fff}
h2.main_title1 a:after{background:#fff}
h2.main_title1 a:hover{color:#fff}

.fullSlide { position: relative; z-index: 1; clear: both; width: 100% ; overflow: hidden;}
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden }
.fullSlide .bd .con { width: 100% !important; height: auto !important; display: block }
.fullSlide .bd .li { width: 100% !important; overflow: hidden; text-align: center; background: no-repeat center top; z-index: 0 }
.fullSlide .bd .li img { display: block; height: auto !important; width: 100% }
.fullSlide .hd { position: absolute; width: 100%; height: 12px; left: 0; bottom: 45px; text-align: center; cursor: pointer }
.fullSlide .hd li { display: inline-block; width: 12px; height: 12px; background: #fff; margin: 0 12px; border-radius: 50%; opacity: .9; -o-transition: all .3s ease; transition: all .3s ease ; box-sizing: border-box; border: 1px solid #fff;}
.fullSlide .hd li.on { width: 36px; height: 12px; opacity: 1; border-radius: 5px; background: #004fd7;}
.fullSlide p { display: none; position: absolute; top: 50%; width: 80px; height: 80px; z-index: 99; opacity: 1; text-align: center; margin-top: -40px }
.fullSlide .prev2 { left: 3% }
.fullSlide .next2 { right: 3% ; }
.c_right ul li img{ width: 381px;}

.seabox{height:62px;background:#fff;box-shadow:0 0 15px 4px rgba(0,0,0,.1);position:relative}
.seabox .k_word{font-size:14px;line-height:62px;padding-left:28px;background:url(../images/hot.png) no-repeat left 15px}
.seabox .k_word strong{font-weight:700;color:#444}
.seabox .k_word a{color:#999;display:inline-block;margin-right:22px;font-weight:400;-o-transition:all .3s ease;transition:all .3s ease}
.seabox .k_word a:hover{color:#002569}
.seabox .sea_inp{width:389px;height:38px;margin-top:11px;border:1px solid #d1d1d1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.seabox .sea_inp input{display:block;outline:0;font-size:14px}
.seabox .sea_inp .search{float:left;width:328px;height:36px;padding-left:20px;color:#a0a0a0;background:0 0;line-height:36px;border:0}
.seabox .sea_inp .sub{float:right;width:38px;height:36px;background:url(../images/s_btn.png) no-repeat center;border:0}

.intro{background:#fff url(../images/intro_bg.jpg) no-repeat center 35px;padding-top:86px;padding-bottom:86px}
.intro dt{width:558px;height:377px;border:1px solid rgba(165,165,165,.76);border-radius:5px;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
.intro dt a{display:block;line-height:0}
.intro dt img{width:520px;height:347px;border-radius:5px;margin:14px auto;display:block}
.intro dd{width:540px;float:left;margin-left:50px;padding-top:70px}
.intro dd h2 a{display:block;height:48px}
.intro dd h2 span,.intro dd h2 strong{display:block;font-size:48px;line-height:100%;color:#2c2c2c;position:relative;float:left}
.intro dd h2 span{padding-left:24px;margin-left:18px;color:#c70102}
.intro dd h2 span:before{position:absolute;content:"";width:8px;height:8px;background:#2c2c2c;border-radius:50%;left:0;top:20px}
.intro dd h2 span:after{position:absolute;content:"";width:28px;height:21px;background:url(../images/intro_icon.png) no-repeat center;right:-55px;top:-14px}
.intro dd p{font-size:16px;line-height:32px;color:#717171;margin-top:30px}
.intro ul{clear:both;padding-top:75px}
.intro li{float:left;width:142px;margin-right:113px;position:relative;text-align:center}
.intro li:after{position:absolute;content:"";width:113px;height:1px;background:#d9d9d9;left:100%;top:46px}
.intro li em{display:block;font-size:29px;line-height:100%;color:#191919}
.intro li i{display:inline-block;font-size:56px;line-height:100%;color:#141414;font-weight:700;vertical-align:sub;margin-right:5px}
.intro li b{display:inline-block;width:24px;height:24px;background:#9f9f9f;border-radius:50%;font-size:16px;line-height:22px;color:#fff;text-align:center;vertical-align:top}
.intro li span{display:block;font-size:16px;line-height:100%;color:#333;margin-top:6px}
.intro li:nth-child(2){width:226px}
.intro li:nth-child(3){width:262px}
.intro li:nth-child(4){width:230px;margin-right:0}
.intro li:nth-child(4):after{display:none}

.product{background:url(../images/product1_bg.jpg) repeat-y center top;padding-top:88px;padding-bottom:89px}
.product h2{margin-bottom:67px}
.pro_class{width:560px;height:709px;overflow:hidden;line-height:0;box-shadow:0 0 20px 0 rgba(78,78,78,.2)}
.pro_class a{display:block;position:relative;overflow:hidden}
.pro_class img{width:560px}
.pro_con{width:600px}
.pro_con h3 a{display:block;background:url(../images/01.png) no-repeat left center;padding-left:85px;font-size:32px;line-height:100px;color:#333;height:100px;-o-transition:all .3s ease;transition:all .3s ease}
.pro_con h3 a:hover{letter-spacing:1px}
.pro_desc strong{display:block;font-size:24px;line-height:100%;color:#333;font-weight:400;margin:34px 0 10px}
.pro_desc li{float:left;width:257px;padding-left:19px;position:relative;background:url(../images/pi.png) no-repeat 4px center;font-size:16px;line-height:30px;color:#666}
.pro_desc .more{margin-top:21px;margin-bottom:46px}
.pro_desc .more a{display:block;width:152px;height:42px;border:1px solid #b9b9b9;border-radius:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-o-transition:all .3s ease;transition:all .3s ease;font-size:16px;line-height:40px;color:#999;text-align:center}
.pro_desc .more a:hover{color:#184a91;border-color:#184a91}
.pro_list{overflow:hidden;height:342px}
.pro_list li{float:left;margin-right:15px;width:292px}
.pro_list li>a{display:block;width:292px;height:292px;overflow:hidden;line-height:0}
.pro_list li>a img{width:292px}
.pro_list li h4 a{display:block;background:#a1a1a1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:50px;padding-left:10px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px;line-height:50px;color:#fff;font-weight:400;position:relative;-o-transition:all .3s ease;transition:all .3s ease}
.pro_list li h4 a:after{position:absolute;content:"";width:50px;height:50px;background:url(../images/more.png) no-repeat center;right:0;bottom:0;-o-transition:all .3s ease;transition:all .3s ease}
.pro_list li:hover h4 a{background:#184a91}
.pro_list li:hover h4 a:after{background-color:#e31718}
.product1{background:url(../images/product2_bg.jpg) no-repeat center top;padding-top:84px;padding-bottom:77px}
.product1 .pro_con h3 a{background-image:url(../images/02.png)}

.product2{padding-top:69px;padding-bottom:86px}
.pro_nav{height:614px;width:236px}
.pro_nav .pro_title a{display:block;width:236px;height:92px;background:#284a78 url(../images/pro_title.png) no-repeat 21px center;padding-left:76px;font-size:30px;line-height:92px;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-weight:700;margin-bottom:2px}
.pro_nav h3 a{display:block;width:236px;height:72px;border:1px solid rgba(197,197,197,.63);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#eee url(../images/pi1.png) no-repeat 32px 27px;font-size:20px;line-height:70px;color:#333;font-weight:400;padding-left:64px;margin-bottom:2px;-o-transition:all .3s ease;transition:all .3s ease}
.pro_nav h3 a:hover{letter-spacing:.5px}
.pro_tel{width:236px;height:150px;background:url(../images/pro_tel_bg.jpg) no-repeat center;padding-top:36px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.pro_tel p{background:url(../images/pro_tel.png) no-repeat 17px center;padding-left:63px}
.pro_tel p span{display:block;font-size:20px;line-height:100%;color:#fff}
.pro_tel p strong{display:block;font-size:22px;line-height:100%;color:#fff;margin-top:10px}

.pro_list2{width:947px;height:614px; position: relative;}
.pro_list2 dl{position:relative;width:947px;height:614px}
.pro_list2 dt{width:947px;height:614px;overflow:hidden}
.pro_list2 dt img{width:947px}
.pro_list2 dd{position:absolute;left:527px;top:135px;width:352px}
.pro_list2 dd h4{font-size:36px;line-height:100%;color:#333;font-weight:400;position:relative;-o-transition:all .3s ease;transition:all .3s ease;padding-bottom:20px}
.pro_list2 dd h4:after{position:absolute;content:"";width:42px;height:3px;background:#284a78;left:0;bottom:0}
.pro_list2 dd p{margin:30px 0 33px}
.pro_list2 dd p strong{display:block;font-size:24px;line-height:100%;color:#333;font-weight:400;margin-bottom:14px}
.pro_list2 dd p span{display:block;font-size:16px;line-height:26px;color:#666}
.pro_list2 dd .more{width:178px;height:45px;border:2px solid #313131;border-radius:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}
.pro_list2 dd .more img{display:inline-block;vertical-align:middle;width:20px;margin-right:7px;-o-transition:all .3s ease;transition:all .3s ease}
.pro_list2 dd .more span{display:inline-block;vertical-align:middle;font-size:16px;line-height:41px;color:#333}
.pro_list2 dd .more:hover img{margin-right:10px}
.pro_next,.pro_prev{width:45px;height:93px;background:rgba(71,71,71,.4);cursor:pointer;position:absolute;top:250px}
.pro_prev{left:0}
.pro_next{right:0}

.service{background:url(../images/service_bg.jpg) no-repeat center top;max-width:1920px;min-width:1200px;margin:0 auto;padding-top:82px}
.service h2.main_title strong{background-image:url(../images/tbg1.png)}
.service_con{margin-top:57px}
.service_con dl{margin-right:1.5625%;width:23.8%;float:left;position:relative;overflow:hidden}
.service_con dl:last-child{margin-right:0}
.service_con dt{width:100%;line-height:0;position:relative}
.service_con dt:before{position:absolute;content:"";width:100%;height:100%;background:url(../images/service_dt.png) repeat-x center top;left:0;top:0;z-index:2}
.service_con dt img{width:100%}
.service_con dd.con{width:100%;height:100%;position:absolute;left:0;top:0;z-index:3;-o-transition:all .3s ease;transition:all .3s ease}
.service_con dd.con a{display:block;width:100%;height:100%;padding:50px 10%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.service_con dd.con h3{position:relative;letter-spacing:1px}
.service_con dd.con h3 strong{display:block;font-size:28px;line-height:100%;color:#fff;font-weight:400}
.service_con dd.con h3 span{display:block;font-size:20px;line-height:100%;color:#fff;margin-top:12px;font-weight:400}
.service_con dd.con h3:after{position:absolute;content:"";width:38px;height:38px;background:url(../images/si.png) no-repeat center;bottom:-80px;left:0;-o-transition:all .3s ease;transition:all .3s ease}
.service_con dd.con p{font-size:16px;line-height:30px;color:#fff;margin:50px 0 70px;-o-transition:all .3s ease;transition:all .3s ease;opacity:0;width:71%}
.service_con dd.con .more{font-size:18px;line-height:36px;color:#fff;display:inline-block;border-bottom:1px solid #fff;-o-transition:all .3s ease;transition:all .3s ease;opacity:0}
.service_con dd.con .more:hover{letter-spacing:1px}
.service_con dd.ask{position:absolute;left:10%;bottom:18%;width:180px;height:50px;background:#d70208;text-align:center;opacity:0;-o-transition:all .3s ease;transition:all .3s ease;z-index:4}
.service_con dd.ask a{display:block}
.service_con dd.ask img{display:inline-block;vertical-align:middle;width:29px;margin-right:12px;-o-transition:all .3s ease;transition:all .3s ease}
.service_con dd.ask span{display:inline-block;vertical-align:middle;font-size:18px;line-height:50px;color:#fff}
.service_con dd.ask:hover img{margin-right:15px}
.service_con dl:hover .con{background:rgba(26,72,135,.9)}
.service_con dl:hover .con h3 span,.service_con dl:hover .con h3 strong{font-weight:700}
.service_con dl:hover .con h3:after{opacity:0}
.service_con dl:hover .con p{opacity:1;margin-top:30px}
.service_con dl:hover .con .more{opacity:1}
.service_con dl:hover .ask{opacity:1;bottom:20%}
@media screen and (max-width:1700px){
    .service_con dd.con p{margin:50px 0 30px;width:90%}
}
@media screen and (max-width:1400px){
    .service_con dd.con p{margin:50px 0 20px;width:100%}
    .service_con dl dd.ask{bottom:8%}
    .service_con dl:hover .ask{bottom:12%}
}
.ys{padding-top:100px;overflow:hidden;padding-bottom:81px}
.ys dl{clear:both;position:relative}
.ys dt{position:absolute;bottom:0;overflow:hidden;line-height:0}
.ys dt img{width:100%}
.ys dd{position:absolute}
.ys dd h3{padding-bottom:26px;max-width:500px;border-bottom:1px solid #e7e7e7;margin-bottom:62px}
.ys dd h3 strong{display:block;font-size:40px;line-height:100%;color:#333;letter-spacing:3px}
.ys dd h3 span{display:block;font-size:28px;line-height:100%;color:#333;font-weight:300;margin-top:11px;letter-spacing:2.5px}
.ys dd p{font-size:16px;line-height:26px;color:#666;padding-left:20px;background:url(../images/ysi.png) no-repeat left 6px;margin-bottom:26px}
.ys .ys1{background:url(../images/ys1_bg.png) no-repeat center top;margin:46px 0 36px;height:558px}
.ys .ys1 dt{width:963px;height:501px;left:50%;margin-left:-3px}
.ys .ys1 dd{width:550px;right:50%;margin-right:50px;top:106px}
.ys .ys2{height:497px;margin-bottom:68px!important}
.ys .ys2 dt{width:960px;height:497px;right:50%}
.ys .ys2 dd{background:#f5f5f5 url(../images/ys2_bg.png) no-repeat center top;height:497px;width:600px;padding:118px 65px 0;left:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ys .ys2 dd h3{margin-bottom:27px}
.ys .ys3{height:473px}
.ys .ys3 dt{width:795px;height:473px;left:50%;margin-left:-70px}
.ys .ys3 dd{width:530px;height:473px;background:url(../images/ys3_bg.png) no-repeat center top;right:50%;margin-right:70px;padding:120px 57px 0 68px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ys .ys3 dd h3{margin-bottom:2px}
.ys .ys3 .ask a{display:block;width:156px;height:40px;background:#cc0107;text-align:center;-o-transition:all .3s ease;transition:all .3s ease}
.ys .ys3 .ask a span{display:inline-block;vertical-align:middle;font-size:16px;line-height:40px;color:#fff;margin-right:11px}
.ys .ys3 .ask a img{width:22px;display:inline-block;vertical-align:middle}
.ys .ys3 .ask a:hover{background:#e31718}

.case{padding-top:73px;padding-bottom:71px;overflow:hidden;background:url(../images/case_bg.jpg) no-repeat center top}
.about h2.main_title strong,.case h2.main_title strong{background-image:url(../images/tbg2.png)}
.case_nav{text-align:center;margin:55px 0 29px}
.case_nav h3{display:inline-block;margin:0 37px}
.case_nav h3 a{display:block}
.case_nav h3 i{display:block;width:54px;height:41px;overflow:hidden;position:relative;margin:0 auto 11px}
.case_nav h3 i img{position:absolute;left:0;top:0;-o-transition:all .3s ease;transition:all .3s ease}
.case_nav h3 span{display:block;font-size:16px;line-height:100%;color:#666;font-weight:400}
.case_nav h3:hover i img{top:-41px}
.case_nav h3:hover span{color:#284a78}
.case_con{background:url(../images/case_con_bg.jpg) no-repeat center 50px}
.case_con dl{position:relative;padding-bottom:75px}
.case_con dt{width:1200px;height:500px;overflow:hidden;line-height:0}
.case_con dt img{width:1200px}
.case_con dd{position:absolute;bottom:0;left:95px;width:1010px;height:148px}
.case_con dd a{display:block;width:1010px;height:148px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px 200px 0 202px;background:url(../images/case_dd.jpg) no-repeat center}
.case_con dd a:before{position:absolute;content:"";background:#1a4683 url(../images/case_logo.png) no-repeat center;left:0;top:0;width:148px;height:148px}
.case_con dd h4{font-size:22px;line-height:28px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px}
.case_con dd p{font-size:14px;line-height:26px;color:#666;
/*overflow:hidden;white-space:nowrap;text-overflow:ellipsis*/
    
}
.case_con .case_list{position:relative}
.case_con .case_list_con{overflow:hidden}
.case_con .case_next,.case_con .case_prev{width:40px;height:40px;position:absolute;top:253px;cursor:pointer}
.case_con .case_prev{left:-76px}
.case_con .case_next{right:-76px}

.news{padding-top:90px;padding-bottom:68px}
.news h2{margin-bottom:52px}
.news h3{position:relative;height:24px;margin-bottom:30px}
.news h3:after{position:absolute;content:"";width:286px;height:1px;background:rgba(204,204,204,.37);bottom:6px;right:57px}
.news h3 a{display:block;font-weight:400}
.news h3 a strong{display:block;font-size:24px;line-height:100%;color:#333;float:left;padding-right:10px}
.news h3 a i{display:inline-block;font-size:12px;line-height:100%;color:#999;text-transform:uppercase;vertical-align:bottom}
.news h3 a span{font-size:14px;color:#666;float:right;margin-top:6px;padding-left:13px;text-transform:uppercase;position:relative;z-index:2;-o-transition:all .3s ease;transition:all .3s ease}
.news h3 a span:hover{letter-spacing:1px}
.news .faq h3:after{width:263px}
.company{width:568px}
.company dt{width:568px;height:267px;overflow:hidden;line-height:0}
.company dt img{width:568px}
.company dd{padding-top:12px;margin-bottom:35px}
.company dd h4{font-size:22px;line-height:46px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;-o-transition:all .3s ease;transition:all .3s ease}
.company dd p{font-size:14px;line-height:24px;color:grey}
.company dl:hover dd h4{color:#184a91}
.company li a{display:block;height:36px}
.company li h4{width:423px;float:left;font-size:16px;font-weight:400;line-height:36px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;-o-transition:all .3s ease;transition:all .3s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.company li h4:before{content:"> "}
.company li span{float:right;display:block;width:80px;text-align:right;font-size:14px;font-weight:400;line-height:36px;font-family:Arial;color:#999;-o-transition:all .3s ease;transition:all .3s ease}
.company li:hover h4,.company li:hover span{color:#184a91}
.faq{width:577px}
.faq_list{overflow:hidden;padding:15px 16px 0;margin-left:-16px;height:520px;width:577px;margin-top:-15px}
.faq_list .tempWrap{overflow:visible!important}
.faq_list li{width:545px;height:96px;border:1px solid #e0e0e0;padding:8px 30px 8px 0;margin-bottom:18px;-o-transition:all .3s ease;transition:all .3s ease}
.faq_list li span{display:block;float:left;width:116px;height:69px;padding-top:27px;margin-right:19px;text-align:center;font-size:22px;line-height:100%;color:#666;border-right:1px solid #e0e0e0}
.faq_list li span i{display:block;font-size:16px;line-height:100%;color:#a7a7a7;margin-top:8px}
.faq_list li h4{font-size:16px;line-height:38px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400}
.faq_list li p{font-size:14px;line-height:22px;color:grey}
.faq_list li:hover{box-shadow:0 0 16px 0 rgba(0,0,0,.08);border-color:#fff}

.about{padding-top:80px;height:965px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url(../images/about_bg.jpg) repeat-y center bottom}
.about dt{border-radius:3px;overflow:hidden;line-height:0;margin-top:53px}
.about dt img{width:1200px}
.about dd{margin:29px 116px 0;text-align:center}
.about dd p{font-size:15px;line-height:28px;color:#666}
.about dd .more a{display:block;width:150px;height:42px;border:1px solid #1b386f;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:52px auto 0}
.about dd .more span{display:inline-block;vertical-align:middle;font-size:14px;line-height:40px;color:#273a60}
.about dd .more img{display:inline-block;width:21px;margin-left:7px;vertical-align:middle;-o-transition:all .3s ease;transition:all .3s ease}
.about dd .more:hover img{margin-left:10px}

.album{padding-top:62px;padding-bottom:31px;overflow:hidden;}
.album h3 a{display:block;height:24px;padding-bottom:19px;border-bottom:1px solid rgba(0,0,0,.1)}
.album h3 strong{display:block;float:left;font-size:24px;line-height:100%;color:#333}
.album h3 span{display:block;float:right;font-size:14px;line-height:24px;color:rgba(51,51,51,.5);font-weight:400}
.album_list{position:relative;margin-top:20px}
.album_list_con{overflow:hidden}
.album_list li{width:292px;margin-right:11px;float:left}
.album_list li>a{display:block;width:292px;height:219px;line-height:0;overflow:hidden}
.album_list li>a img{width:292px}
.album_list li h4 a{display:block;font-size:16px;line-height:1;color:rgba(102,102,102,.86);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;margin-top:17px;font-weight:400;-o-transition:all .3s ease;transition:all .3s ease}
.album_list li:hover h4 a{color:#184a91}
.album_next,.album_prev{width:49px;height:49px;background:#fff;border:14px solid rgba(0,0,0,.04);border-radius:50%;position:absolute;cursor:pointer;top:71px}
.album_prev{left:-107px}
.album_next{right:-107px}

.footer{height:574px!important}
body{position:relative}
.links{position:absolute;left:0;bottom:0;width:100%}
.links .content{border-top:1px solid rgba(90,113,141,.42)}
.links em{display:block;float:left;font-size:14px;font-weight:700;color:#dcdcdc;line-height:70px}
.links a{display:block;float:left;font-size:14px;line-height:70px;color:#dcdcdc;-o-transition:all .3s ease;transition:all .3s ease;margin-left:60px}
.links a:hover{color:#fff}

@-webkit-keyframes fadeInDown1{
from{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown1{
from{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown1{-webkit-animation-name:fadeInDown1;animation-name:fadeInDown1}
@-webkit-keyframes fadeInDown2{
from{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown2{
from{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown2{-webkit-animation-name:fadeInDown2;animation-name:fadeInDown2}
@-webkit-keyframes fadeInLeft1{
from{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInLeft1{
from{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInLeft1{-webkit-animation-name:fadeInLeft1;animation-name:fadeInLeft1}
@-webkit-keyframes fadeInLeft2{
from{-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInLeft2{
from{-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInLeft2{-webkit-animation-name:fadeInLeft2;animation-name:fadeInLeft2}
@-webkit-keyframes fadeInRight1{
from{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight1{
from{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInRight1{-webkit-animation-name:fadeInRight1;animation-name:fadeInRight1}
@-webkit-keyframes fadeInRight2{
from{-webkit-transform:translate3d(3%,0,0);transform:translate3d(3%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight2{
from{-webkit-transform:translate3d(3%,0,0);transform:translate3d(3%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInRight2{-webkit-animation-name:fadeInRight2;animation-name:fadeInRight2}
@-webkit-keyframes zoomLeft{
from{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
@keyframes zoomLeft{
from{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
.zoomLeft{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
.zoomRight{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
@-webkit-keyframes zoomIn1{
0%{opacity:0;-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%{opacity:1}
}
@keyframes zoomIn1{
0%{opacity:0;-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%{opacity:1}
}
.zoomIn1{-webkit-animation-name:zoomIn1;animation-name:zoomIn1}
@-webkit-keyframes fadeInUp1{
from{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInUp1{
from{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInUp1{-webkit-animation-name:fadeInUp1;animation-name:fadeInUp1}
@-webkit-keyframes fadeInUp2{
from{-webkit-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInUp2{
from{-webkit-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInUp2{-webkit-animation-name:fadeInUp2;animation-name:fadeInUp2}
@keyframes myfirst{
0%{top:0;left:0}
25%{top:10px;left:0}
50%{top:0;left:0}
100%{top:0;left:0}
}
@-moz-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}
}
@-o-keyframes myfirst{
0%{top:0;left:0}
25%{top:10px;left:0}
50%{top:0;left:0}
100%{top:0;left:0}
}