@charset "utf-8";
body { font-family: "微软雅黑", Arial; background: #fff }
.scale_img dl img, .scale_img li img { -o-transition: all 1s linear 0s; transition: all 1s linear 0s }
.scale_img dl:hover img, .scale_img li:hover img { -webkit-transform: scale(1.05) rotate(0deg) translateY(0); -ms-transform: scale(1.05) rotate(0deg) translateY(0); transform: scale(1.05) rotate(0deg) translateY(0) }

h2.main_title { text-align: center }
h2.main_title a { display: block; font-size: 40px; color: #333; line-height: 100%; padding-bottom: 21px; margin-bottom: 10px; background: url(../images/t_bg.png) no-repeat center bottom }
h2.main_title a:hover { color: #333 }
h2.main_title span { display: block; font-size: 20px; color: #666; line-height: 100%; font-weight: 400 }

.fullSlide { width: 100%; position: relative; z-index: 0; clear: both }
.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: 10px; left: 0; bottom: 50px; text-align: center; cursor: pointer }
.fullSlide .hd li { display: inline-block; width: 50px; height: 10px; background: #fff; margin: 0 5px; border-radius: 20px }
.fullSlide .hd li.on { background: #1a76d1 }

.intro { padding-top: 80px; height: 308px }
.intro li { width: 192px; float: left; text-align: center; line-height: 0; padding-right: 144px; background: url(../images/intro_i.png) no-repeat 262px 89.5px }
.intro li div { width: 102px; height: 102px; padding: 31.5px; background: url(../images/intro_bg.png) no-repeat center; -o-transition: all .3s ease; transition: all .3s ease; border-radius: 50%; box-shadow: 0 0 32px 4px rgba(0, 0, 0, .04) }
.intro li i { filter: brightness(-350%); -o-transition: all .3s ease; transition: all .3s ease }
.intro li img { filter: grayscale(100%); -o-transition: all .3s ease; transition: all .3s ease }
.intro li h4 { font-size: 20px; color: #333; line-height: 100%; font-weight: 700; margin: 22px 0 9px; display: inline-block; position: relative }
.intro li h4:before { width: 10px; height: 1px; background: #000; position: absolute; content: ""; top: 10px; left: -20px }
.intro li h4:after { width: 10px; height: 1px; background: #000; position: absolute; content: ""; top: 10px; right: -20px }
.intro li p { font-size: 14px; color: #333; line-height: 100%; white-space: nowrap }
.intro li:last-child { padding-right: 0; background: 0 0 }
.intro li:hover div { background-image: url(../images/intro_bg1.png); animation: rotateIn 2s; -webkit-animation: rotateIn 2s }
.intro li:hover i { filter: brightness(100%) }
.intro li:hover img { filter: grayscale(0) }

.product { padding-top: 62px; background: url(../images/product_bg.jpg) no-repeat center top; padding-bottom: 71px }
.product h2 { margin-bottom: 40px }
.pro_nav { width: 250px; height: 724px; background: #fff; position: relative }
.pro_nav .pro_center { width: 250px; height: 105px; background: url(../images/pro_nav_bg.png) no-repeat center top; text-align: center }
.pro_nav .pro_center a { font-size: 24px; color: #fff; line-height: 100%; font-weight: 700; padding-top: 33px; display: block }
.pro_nav .pro_center span { font-size: 14px; color: rgba(255, 255, 255, .5); line-height: 100%; display: block; font-weight: 400; text-transform: uppercase; padding-top: 6px }
.pro_nav ul { padding: 0 22px }
.pro_nav ul li { line-height: 56px }
.pro_nav ul li a { display: block; padding-left: 12px; position: relative; line-height: 24px; color: #333 }
.pro_nav ul li a:before { position: absolute; content: "-"; top: -1px; left: 0 }
.pro_nav ul li>a { font-size: 16px; color: #333; line-height: 100%; line-height: 50px; font-weight: 700; background: url(../images/pro_nav1.png) no-repeat right center; border-bottom: 1px solid #EAEAEA; -o-transition: all .3s ease; transition: all .3s ease }
.pro_nav ul li p { padding: 14px 0; display: none; border-bottom: 1px solid #EAEAEA; -o-transition: all .3s ease; transition: all .3s ease }
.pro_nav ul li.cur>a { color: #1A76D1; background-image: url(../images/pro_nav2.png) }
.pro_nav ul li.cur p { display: block }
.pro_nav .p_tel { position: absolute; bottom: 25px; margin: 27px 22px 0; line-height: 0 }
.pro_nav .p_tel span { display: block; font-size: 14px; color: #333; line-height: 100%; margin: 10px 0 }
.pro_nav .p_tel em { display: block; font-size: 27px; color: #333; line-height: 100% }
.product_con { width: 936px; height: 724px; background: #fff; position: relative; box-shadow: 0 0 84px 50px rgba(0, 0, 0, .04) }
.pro_class { padding: 29px 31px 32px; height: 359px }
.pro_class dt { width: 478px; height: 359px; overflow: hidden; float: left }
.pro_class dt img { width: 478px; height: 359px }
.pro_class dd { width: 349px; float: right }
.pro_class dd h3 a { display: block; margin-top: 34px; font-size: 26px; color: #333; line-height: 100%; font-weight: 700; padding-bottom: 10px; margin-bottom: 32px; position: relative }
.pro_class dd h3 a:after { position: absolute; content: ""; width: 21px; height: 2px; background: #B2B2B2; left: 0; bottom: 0 }
.pro_class dd h3 span { display: block; font-size: 50px; color: #e6e6e6; line-height: 100%; font-family: arial; margin-bottom: 9px; text-transform: uppercase }
.pro_class dd p { font-size: 14px; color: #666; line-height: 100%; margin-bottom: 20px }
.pro_class dd p em { display: block; font-size: 16px; color: #333; line-height: 100%; margin-bottom: 10px; font-weight: 700 }
.pro_class dd .more a { display: block; margin-top: 40px; font-size: 14px; color: #1a76d1; line-height: 24px; padding-left: 32px; background: url(../images/p_more.png) no-repeat left center }
.pro_class_nav { position: absolute; top: 348px; left: 416px; cursor: pointer }
.pro_class_nav li { width: 10px; height: 10px; background: #1a76d1; border-radius: 50%; float: left; margin-right: 12px }
.pro_class_nav li.on { background: #F37118 }
.pro_con { padding-top: 24px; height: 251px; border-top: 1px solid #EAEAEA }
.pro_con li { width: 251px; height: 251px; position: relative; margin: 0 31px; float: left }
.pro_con li a { display: block; overflow: hidden }
.pro_con li img { width: 251px; height: 251px }
.pro_con li span { position: absolute; display: block; width: 100%; background: url(../images/pro_hover.png) no-repeat center bottom; height: 116px; bottom: 0; padding-top: 84px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #fff; line-height: 100%; text-align: center }
.pro_con li:after { position: absolute; content: ""; width: 1px; height: 246px; background: #EAEAEA; top: 5px; right: -31px }
.pro_con li:last-child { margin-right: 0 }
.pro_con li:last-child:after { display: none }

.pys { padding-top: 84px }
.pys_con { background: url(../images/pys_con.png) no-repeat center top; margin-top: 32px; margin-bottom: 41px; height: 654px }
.pys_con ul { padding-top: 25px }
.pys_con ul li { width: 408px; height: 196px; margin-bottom: 13px; overflow: hidden; position: relative; float: left; padding: 36px 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.pys_con ul li div { width: 117px; height: 117px; float: left; text-align: right; position: relative }
.pys_con ul li div img:first-child { width: 70px; height: 70px; background: #1a75cf; border-radius: 50%; margin-top: 27px; box-shadow: 0 0 73px 0 rgba(0, 0, 0, .05) }
.pys_con ul li div img:last-child { width: 117px; height: 117px; border-radius: 50%; box-shadow: 0 0 73px 0 rgba(0, 0, 0, .05); -o-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 0; left: 0; z-index: -1; display: none }
.pys_con ul li p { width: 190px; margin: 0 7px; float: left; -o-transition: all .3s ease; transition: all .3s ease }
.pys_con ul li p em { display: block; font-size: 25px; color: #333; line-height: 100%; line-height: 122px }
.pys_con ul li p span { display: none; font-size: 14px; color: #666; line-height: 24px }
.pys_con ul li:nth-child(even) { float: right }
.pys_con ul li:nth-child(even) div, .pys_con ul li:nth-child(even) p { float: right }
.pys_con ul li:nth-child(even) div { text-align: left }
.pys_con ul li:nth-child(even) p { text-align: right }
.pys_con ul li:nth-child(6) p { text-align: left }
.pys_con ul li:nth-child(6) p em { font-size: 16px; color: #333; line-height: 100%; padding: 44px 0 7px; font-weight: 700 }
.pys_con ul li:nth-child(6) p span { font-size: 27px; color: #333; line-height: 100%; display: block }
.pys_con ul li:nth-child(4):hover p em { padding-top: 26px }
.pys_con ul li:hover div img:first-child { display: none }
.pys_con ul li:hover div img:last-child { display: block; z-index: 9; animation: rotateIn 2s; -webkit-animation: rotateIn 2s }
.pys_con ul li:hover p { margin: 0 19px; text-align: left }
.pys_con ul li:hover p em { font-size: 16px; color: #333; line-height: 100%; padding: 13px 0 5px; font-weight: 700 }
.pys_con ul li:hover p span { display: block }
.pys_con ul li:nth-child(6):hover div img:last-child { width: 70px; height: 70px; background: #F36D0E; border-radius: 50%; margin-top: 27px }
.pys_con ul li:nth-child(6):hover em { padding: 44px 0 7px }
.pys_nav { height: 300px; background: url(../images/pys_nav.png) no-repeat center top; text-align: center; width: 100% }
.pys_nav li { width: 203px; height: 203px; background: #fff; border-radius: 50%; margin: 23px; display: inline-block; -o-transition: all .3s ease; transition: all .3s ease }
.pys_nav li i { display: block; font-size: 70px; color: #1a75cf; line-height: 100%; font-family: arial; margin: 45px 0 14px }
.pys_nav li span { display: block; font-size: 24px; color: #333; line-height: 100%; font-weight: 700 }
.pys_nav li:hover { background: #1a76d1 }
.pys_nav li:hover i, .pys_nav li:hover span { color: #fff }
.pys_contact { height: 139px; background: url(../images/pys_nav.png) no-repeat center bottom }
.pys_contact h3 { margin-top: 42px; padding-left: 26px; position: relative; font-size: 30px; color: #292929; line-height: 100%; font-weight: 700 }
.pys_contact h3 span { font-size: 24px; color: #292929; line-height: 100%; font-weight: 400; display: block; margin-bottom: 8px }
.pys_contact h3:before { position: absolute; content: ""; width: 3px; height: 47px; background: #1a76d1; top: 7px; left: 0 }
.pys_tel { padding-left: 43px; width: 321px; margin-top: 38px; background: url(../images/p_tel.png) no-repeat left 18px }
.pys_tel p { width: 221px; float: left }
.pys_tel span { display: block; font-size: 14px; color: #333; line-height: 100% }
.pys_tel em { display: block; font-size: 27px; color: #333; line-height: 100%; margin-top: 10px }
.pys_tel .more { float: right; margin-top: 19px }
.pys_tel .more a { display: block; width: 99px; height: 33px; background: #fff; border-radius: 17px; font-size: 14px; color: #333; line-height: 33px; text-align: center; -o-transition: all .3s ease; transition: all .3s ease }
.pys_tel .more a:hover { background: #1a76d1; color: #fff }

.ys { background: url(../images/ys_bg.jpg) no-repeat center top; padding-bottom: 66px }
.ys h2 { padding-top: 69px; margin-bottom: 47px }
.ys h2 a, .ys h2 span { color: #fff }
.ys h2 a { background-image: url(../images/t_bg1.png) }
.ys h2 a:hover { color: #fff }
.ys .content { width: 1200px; height: 506px; background: #fff; box-shadow: 0 0 35px 0 rgba(0, 0, 0, .06); position: relative; padding: 29px 25px 0 34px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.ys_nav { position: absolute; z-index: 2; left: 34px; bottom: 28px }
.ys_nav li { width: 158px; height: 102px; position: relative; float: left; margin-right: 4px; overflow: hidden; -o-transition: all .3s ease; transition: all .3s ease }
.ys_nav li img { width: 158px; height: 102px }
.ys_nav li span { display: block; position: absolute; width: 100%; height: 102px; text-align: center; font-size: 20px; color: #fff; line-height: 102px; background: rgba(26, 118, 209, .9); top: 0; left: 0; -o-transition: all .3s ease; transition: all .3s ease }
.ys_nav li.on { position: relative }
.ys_nav li.on span { top: 102px }
.ys_nav li.on:after { position: absolute; content: ""; width: 158px; height: 2px; background: #f36d0e; right: 0; bottom: 0 }
.ys_con dt { width: 693px; height: 449px; float: right }
.ys_con dt img { width: 693px; height: 449px }
.ys_con dd { width: 415px; float: left }
.ys_con h4 { margin: 38px 0 32px; font-size: 40px; color: #333; line-height: 100% }
.ys_con h4 img { float: right; margin-top: 12px }
.ys_con h4 span { display: block; font-size: 20px; color: #1a76d1; line-height: 100%; margin-top: 8px }
.ys_con p { font-size: 14px; color: #666; line-height: 24px; margin-bottom: 26px }

.client { padding-top: 78px; position: relative; height: 409px }
.client .tempWrap { margin-left: -24px }
.client_con { padding-top: 51px !important }
.client_con li { width: 202px; line-height: 0; float: left; margin: 0 24px; text-align: center }
.client_con li img { width: 202px; height: 151px; box-shadow: 0 0 21px 0 rgba(0, 0, 0, .05) }
.client_con li span { display: block; font-size: 14px; color: #333; line-height: 100%; padding-top: 21px }
.client_switch div { position: absolute; cursor: pointer; width: 48px; height: 48px; border: 7px solid rgba(0, 0, 0, .05); border-radius: 50%; -o-transition: all .3s ease; transition: all .3s ease; top: 265px }
.client_switch div img { width: 48px; height: 48px; border-radius: 50%; background: #fff }
.client_switch .prev { left: -92px }
.client_switch .next { right: -92px }

.case { padding-top: 64px; padding-bottom: 76px; background: #F4F4F4 }
.case .content { position: relative }
.case .tempWrap { width: 1200px !important }
.case_nav { width: 100%; text-align: center; margin: 50px 0 47px; position: relative; z-index: 2 }
.case_nav li { display: inline-block; padding: 0 24px 0 30px; position: relative }
.case_nav li a { font-size: 16px; color: #333; line-height: 100%; -o-transition: all .3s ease; transition: all .3s ease }
.case_nav li:before { position: absolute; content: "/"; color: #BCBCBC; left: 0 }
.case_nav li:hover a { color: #1a76d1 }
.case_nav li:first-child:before { display: none }
.case_con { height: 470px }
.case_con dl { width: 353px; height: 470px; background: #fff; padding: 12px; text-align: center; margin-right: 35px; float: left }
.case_con dt { width: 353px; height: 265px; overflow: hidden }
.case_con dt img { width: 353px; height: 265px }
.case_con dd h4 { font-size: 20px; color: #333; line-height: 100%; margin-top: 30px; padding:0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400 }
.case_con dd p { font-size: 14px; color: #666; line-height: 24px; margin: 16px 22px 23px }
.case_con dd i { display: block; margin: 0 auto; width: 34px; height: 34px; background: #eaeaea; border-radius: 50% }
.case_con dl:hover dd h4 { font-weight: 700 }
.case_switch div { position: absolute; cursor: pointer; width: 54px; height: 54px; border-radius: 50%; -o-transition: all .3s ease; transition: all .3s ease; background: #fff; top: 412px }
.case_switch .prev { left: -84px }
.case_switch .next { right: -84px }
.case_switch div:hover { background: #1a76d1 }
.case_switch div:hover img { filter: invert(100%); -webkit-filter: invert(100%) }

.news { padding: 80px 0 }
.news h2 { margin-bottom: 50px }
.news h2 i { display: inline-block; width: 11px; height: 11px; background: #333; border-radius: 50%; vertical-align: 7px; margin: 0 18px }
.news dl:hover dd h4 { color: #1a76d1 }
.news li:hover h4 { color: #1a76d1 }
.company { width: 599px; height: 436px; float: left }
.company dt { width: 599px; height: 171px }
.company dt span { display: block; width: 235px; height: 171px; background: #1a76d1; font-size: 24px; color: #fff; line-height: 100%; padding-left: 72px; padding-top: 32px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.company dt span i { font-size: 70px; color: #fff; line-height: 100%; display: block; margin-bottom: 11px }
.company dt img { width: 364px; height: 171px; float: right }
.company h4 { font-size: 16px; color: #333; line-height: 100%; -o-transition: all .3s ease; transition: all .3s ease; margin: 31px 0 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.company p { font-size: 14px; color: #606060; line-height: 24px }
.company dd i { width: 70px; height: 23px; display: block; border: 1px solid #A7A7A7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 25px; text-align: center; -o-transition: all .3s ease; transition: all .3s ease }
.company dd i img { width: 68px; height: 21px }
.company:hover dd i { width: 90px }
.wiki>div { width: 550px; height: 171px; background: #E7E7E7; margin-bottom: 16px }
.wiki>div span { display: block; width: 172px; height: 171px; font-size: 24px; color: #333; line-height: 100%; padding-left: 45px; padding-top: 32px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.wiki>div span i { font-size: 70px; color: #333; line-height: 100%; display: block; margin-bottom: 11px }
.wiki>div h4 {width: 338px;margin-left: 172px; font-size: 16px; color: #333; line-height: 100%; -o-transition: all .3s ease; transition: all .3s ease; padding: 41px 0 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.wiki>div p {width: 338px;margin-left: 172px; font-size: 14px; color: #606060; line-height: 24px }
.wiki>div:hover h4 { color: #1a76d1 }
.wiki li { border-bottom: 1px solid #F4F4F4; height: 49px }
.wiki li h4 { font-size: 14px; color: #666; line-height: 49px; font-weight: 400; padding-left: 33px; width: 330px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.wiki li span { float: right; font-size: 14px; color: #666; line-height: 49px }
.faq { clear: both }
.faq .faq_title { width: 100px; float: left }
.faq h3 a { display: block; font-size: 20px; color: #383838; line-height: 100%; margin-bottom: 40px }
.faq h3 a span { display: block; font-size: 14px; color: #b4b4b4; line-height: 100%; margin-top: 7px; font-weight: 400 }
.faq .faq_contact a { display: block; width: 28px; height: 28px; margin-right: 12px; float: left }
.faq_con { width: 1041px; float: right }
.faq_con li { width: 441px; float: left; margin-right: 54px }
.faq_con li h4 { border-bottom: 2px solid #838383; padding-left: 36px; font-size: 16px; color: #333; line-height: 22px; background: url(../images/faq_icon.png) no-repeat left top; padding-bottom: 12px; -o-transition: all .3s ease; transition: all .3s ease; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.faq_con li p { font-size: 14px; color: #666; line-height: 24px; padding: 22px 0 33px 36px; border-bottom: 1px dashed #D0D0D0 }

.about { background: url(../images/about_bg.jpg) no-repeat center top; padding-top: 117px; height: 548px }
.about h2 a { display: inline-block; font-size: 44px; background: 0 0; margin-bottom: 3px; position: relative }
.about h2 a:before { position: absolute; content: ""; width: 47px; height: 1px; background: #fff; left: -77px; top: 21px }
.about h2 a:after { position: absolute; content: ""; width: 47px; height: 1px; background: #fff; right: 0; bottom: 0 }
.about h2 a:after { right: -77px; top: 21px; bottom: auto }
.about h2 a, .about h2 span, .about h2 a:hover { color: #fff }
.about h2 span { font-size: 34px; font-weight: 100 }
.about p a { display: block; width: 1036px; text-align: center; font-size: 14px; color: rgba(255, 255, 255, .7); line-height: 30px; margin: 32px auto 36px }
.about p a i { display: block; text-transform: uppercase; margin-top: 32px; -o-transition: all .3s ease; transition: all .3s ease }
.about p a i:hover { color: #fff }
.about ul { width: 100%; text-align: center }
.about ul li { display: inline-block; width: 93px; height: 213px; margin: 0 43px; -o-transition: all .3s ease; transition: all .3s ease }
.about ul li i { width: 48px; height: 46px; margin: 29px auto 13px; display: block }
.about ul li i { filter: brightness(350%); -webkit-filter: brightness(350%) }
.about ul li img { filter: grayscale(100%); -webkit-filter: grayscale(100%) }
.about ul li span { font-size: 16px; color: #fff; line-height: 100%; display: block; margin-bottom: 10px }
.about ul li:hover { background: url(../images/about_li_bg.png) no-repeat center top }
.about ul li:hover i { filter: brightness(100%); -webkit-filter: brightness(100%) }
.about ul li:hover img { filter: grayscale(0); -webkit-filter: grayscale(0) }
.about ul li:hover span { color: #333 }

.links { height: 72px; overflow: hidden }
.links em { display: inline-block; font-style: normal; color: #333; font-size: 18px; line-height: 72px; padding-left: 40px; background: url(../images/links.png) no-repeat left center }
.links a { font-size: 14px; color: #333; line-height: 72px; display: inline-block; padding-left: 82px; transition: .3s ease; -o-transition: .3s ease }
.links a:nth-child(2) { padding-left: 39px }
.links a:hover { font-weight: 700 }

@-webkit-keyframes fadeInLeft1 {
  from { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInLeft1 {
  from { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInRight1 {
  from { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInRight1 {
  from { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInUp1 {
  from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInUp1 {
  from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
  from { opacity: 0; -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInUp2 {
  from { opacity: 0; -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
  0% { left: 0; top: 0 }
  25% { left: 0; top: 10px }
  50% { left: 0; top: 0 }
  100% { left: 0; top: 0 }
}
@-moz-keyframes myfirst {
  0% { left: 0; top: 0 }
  25% { left: 0; top: 10px }
  50% { left: 0; top: 0 }
  100% { left: 0; top: 0 }
}
@-webkit-keyframes myfirst {
  0% { left: 0; top: 0 }
  25% { left: 0; top: 10px }
  50% { left: 0; top: 0 }
  100% { left: 0; top: 0 }
}
@-o-keyframes myfirst {
  0% { left: 0; top: 0 }
  25% { left: 0; top: 10px }
  50% { left: 0; top: 0 }
  100% { left: 0; top: 0 }
}