* { margin: 0px; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */ -o-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */ -ms-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */ -moz-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */ tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */ font-style: normal; list-style: none; font-family: 'Poppins', sans-serif, 'arial'; text-decoration: none; font-weight: 300; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; } p, div,.bold { font-family: 'Poppins', sans-serif, 'arial'; } img { border: none; font-family: 'Poppins', sans-serif, 'arial'; max-width: 100%; height: auto; vertical-align: top } a { color: #999; text-decoration: none; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; font-family: 'Poppins', sans-serif, 'arial'; word-break: break-word; } body { position: relative; min-height: 100%; font-size: 18px; color: #999; background-color: #FFFFFF; font-family: 'Poppins', sans-serif, 'arial'; min-width: 320px; overflow-x: hidden; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; } .donghua, ::after, ::before { -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; } /*鼠标移上图片放大（图片外面需要一个盒子，盒子类名为imgda即可）*/ .imgda { overflow: hidden; } .imgda img { -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; } .imgda:hover img { transform: scale(1.2); } /*鼠标移上图片上移效果，哪里需要放哪里*/ .imgUP { -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; } .imgUP:hover { -webkit-transform: translateY(-2%); -moz-transform: translateY(-2%); -ms-transform: translateY(-2%); -o-transform: translateY(-2%); transform: translateY(-2%); } .alignleft { float: left; margin: 6px 28px 28px 0; } .alignright { float: right; margin: 6px 0 28px 28px; } .aligncenter { clear: both; display: block; margin: 0 auto 28px; } ._clear { clear: both } h2 { font-weight: normal; } .box { width: 95%; margin: 0 auto; max-width: 1440px; } .box1200 { width: 95%; margin: 0 auto; max-width: 1200px; } .cur { position: fixed; top: 0; width: 100%; background-color: #fff; transform: translate(0, 0); z-index: 11; } .header-nav-top-box{ width: 100%; display: flex; padding-top: 35px; padding-bottom: 35px; } .header-nav-top-left{ width: 49%; display: flex; } .header-nav-top-right{ width: 51%; display: flex; } .header-nav-top-left .lx_logo{ padding-right: 28px; } .header-nav-top-left .lx_logo img{ display: block; } .header-nav-top-left .lx_gongsi{ position: relative; padding-left: 28px; } .header-nav-top-left .lx_gongsi h2{ color: #004e96; font-size: 24px; font-weight: bold; } .header-nav-top-left .lx_gongsi p{ color: #3d3939; font-size: 16px; line-height: 20px; max-width: 245px; } .header-nav-top-left .lx_gongsi::before{ content: ""; position: absolute; left: 0px; top: 4px; width: 2px; height: 70px; background: #004e96; } .header-nav-top-right .lx_form h2{ color: #3d3939; font-size: 16px; font-weight: bold; } .header-nav-top-right form{ display: flex; } .header-nav-top-right form input{ width: 214px; height: 40px; border: 1px solid #cfcfcf; } .header-nav-top-right form button{ width: 47px; height: 40px; display: block; background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/fangdajing.png)no-repeat; border: 0px; } .header-nav-top-right .lx_lianxi{ margin-left: 24%; } .header-nav-top-right .lx_lianxi ul li{ display: flex; } .header-nav-top-right .lx_lianxi ul li:first-child{ margin-bottom: 10px; } .header-nav-top-right .lx_lianxi ul li div{ padding-right: 18px; } .header-nav-top-right .lx_lianxi ul li div img{ display: block; } .header-nav-top-right .lx_lianxi ul li p{ color: #004e96; font-size: 18px; } .header-nav-top-right .lx_lianxi ul li p a{ color: #004e96; font-size: 18px; } /*轮播图*/ .banner-picture { width: 100%; } .swiper-container { width: 100%; /*height: 100%;*/ margin-left: auto; margin-right: auto; } .swiper-slide img { width: 100%; display: block; } .swiper-slide { text-align: center; font-size: 14px; width: 100%; height: 100%; background: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } #banner .swiper-pagination-bullet { width: 62px!important; height: 4px!important; border-radius: 0%!important; background: rgba(238, 238, 238, 1)!important; border: 0px solid #fff; margin: 0 0; margin-left: 8px; opacity: .5; } #banner .swiper-pagination-bullet:first-child { margin-left: 0px; } #banner .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 1)!important; border: none; width: 62px!important; height: 4px!important; opacity: 1; } #banner .swiper-pagination { bottom: 70px!important; } #banner .swiper-slide { position: relative; } #banner .swiper-button-prev { background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/banner_prev.png) no-repeat center top 50%; width: 45px; height: 45px; top: 47%; left: 12%; } #banner .swiper-button-next { background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/banner_prev.png) no-repeat center top 50%; width: 45px; height: 45px; top: 47%; right: 12%; transform: rotate(180deg); } #banner .swiper-slide .banner-text { position: absolute; z-index: 9; top: 58%; left: 50%; transform: translate(-50%, -50%); width: 100%; } #banner .swiper-slide .banner-text h1 { width: max-content; font-size: 80px; font-weight: bold; color: #fff; margin-bottom: 20px; text-align: left; background: rgba(0, 0, 0, .4); padding-left: 25px; padding-right: 27px; } #banner .swiper-slide .banner-text p { width: max-content; font-size: 48px; height: 52px; line-height: 48px; color: #fff; margin-bottom: 20px; text-align: left; background: rgba(0, 0, 0, .4); padding-left: 25px; padding-right: 27px; } @media (max-width:1024px) { #banner .swiper-slide .banner-text h1 { font-size: 36px; margin-bottom: 15px; } #banner .swiper-slide .banner-text h2 { font-size: 18px; line-height: 28px; color: #fff; margin-bottom: 25px; } #banner .swiper-slide .banner-text p { font-size: 24px; margin-bottom: 5px; } #banner .swiper-pagination { bottom: 5px!important; } } @media (max-width:550px) { #banner .swiper-slide .banner-text h1 { font-size: 18px; margin-bottom: 0px; } #banner .swiper-slide .banner-text h2 { font-size: 16px; margin-bottom: 5px; } } .title {} .title h2{ font-size: 48px; color: #333333; text-align: center; padding-bottom: 70px; font-weight: bold; padding-top: 75px; } .title h1{ font-size: 40px; color: #333333; text-align: center; font-weight: bold; padding-bottom: 30px; font-weight: bold; } @media (max-width:1023px) { .title h2 { padding-top: 45px; padding-bottom: 40px; } } @media (max-width:750px) { .title h2 { padding-top: 25px; font-size: 28px; } } @media (max-width:1199px) { .footer-nav-left li { padding: 0 6px; } } @media (max-width:1023px) { .header-nav, .footer-nav, .header,.header-nav-top,#banner .swiper-pagination { display: none; } } @media (max-width:750px) { header, #banner .swiper-slide .banner-text p, .index-solution-p p { display: none; } #banner .swiper-button-prev, #banner .swiper-button-next { width: 0px; height: 0px; } } @media (max-width:550px) { .footer-copyright { flex-wrap: wrap; } } .mianbao { padding-top: 30px; padding-bottom: 30px; /*border-bottom: 1px solid #eeeeee;*/ } .mianbao .mianbao-text a { color: #696c6e; font-size: 14px; text-transform: uppercase; word-break: unset; } .mianbao .mianbao-text a:hover { color: #004e96; } .mianbao .mianbao-text { color: #777777; font-size: 14px; display: flex; align-items: center; text-transform: uppercase; flex-wrap: wrap; } .mianbao .mianbao-text img { margin: 0 18px 0 18px; } .mianbao .mianbao-text img:first-child{ margin-left: 0px; } .index-about{ padding-top: 40px; padding-bottom: 50px; background: #fff; margin-top: -53px; position: relative; z-index: 2; } .index-about h2{ color: #333333; font-size: 30px; font-weight: bold; text-align: center; padding-bottom: 15px; } .index-about p{ color: #3d3939; font-size: 16px; text-align: center; line-height: 28px; max-width: 1280px; margin: 0 auto; } .index-prod { max-width: 1920px; background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/index-prod-bg.jpg) no-repeat left; /*padding: 85px 0;*/ margin: 0 auto; } .index-prod2{ display: flex; } .index-prod-left { width: 30%; padding-right: 60px; } .index-prod-left-con{ background: rgba(255,255,255,.25); height: 100%; } .index-prod-right { width: 70%; /* height: 1050px; */ padding-top: 60px; position: relative; } #content0 .content-div { display: none; } #content1 .content-div { display: none; } .index-product-box ul li { font-size: 16px; color: #eeeeee; line-height: 30px; width: fit-content; position: relative; cursor: pointer; padding-left: 18px; word-break: break-word; background: url("https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/baijiantou.png") no-repeat 0px 8px; } .index-product-box ul li:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 1px; background: #eeeeee; } .index-product-box .cur22:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background: #eeeeee; } .tion123 { /* position: relative; */ } .tion123 .swiper-slide img { width: auto; margin: 0 auto; } .tion123 .swiper-slide { border: none; background: transparent !important; display: flex; flex-wrap: wrap; justify-content: left; } .tion123 .swiper-slide a{ width: 32%; margin-left: 1%; background: #fff; margin-bottom: 1%; } .tion123 .swiper-slide a:nth-child(3n-2){ margin-left: 0px; } .tion123 .swiper-container { position: unset; } .tion123 .swiper-container .swiper-button-next{ top: 90px; background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/banner_prev.png) no-repeat center top 50%; width: 45px; height: 45px; transform: rotate(180deg); } .tion123 .swiper-container .swiper-button-prev{ background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/banner_prev.png) no-repeat center top 50%; width: 45px; height: 45px; top: 90px; left: auto; right: 7%; } .tion123 .swiper-wrapper { width: 100%; } .tion123 .swiper-slide h3 { color: #333333; font-size: 18px; line-height: 30px; width: 100%; text-align: center; font-weight: bold; padding: 0 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 60px; } .index-prod-left-img { margin-top: -160px; margin-left: -100px; } .index-prod-left h2 { font-size: 26px; color: #ffffff; font-weight: bold; word-break: break-word; padding-top: 40px; padding-left: 40px; padding-bottom: 30px; border-bottom: 1px solid #c2cfdd; cursor:pointer; } .index-prod-left p { font-size: 72px; color: #ffffff; text-align: left; font-weight: bold; opacity: .08; padding-left: 15px; padding-top: 12px; } .index-product { position: relative; } .index-product{ } .index-prod-right>h2{ font-weight: bold; font-size: 48px; color: #fff; padding-bottom: 8px; } .index-prod-right>p{ font-size: 16px; color: #fff; line-height: 24px; padding-bottom: 12px; } .index-why{ display: flex; flex-wrap: wrap; padding-bottom: 50px; } .index-why .index-why-con{ width: 31.666666%; margin-left: 2.5%; box-shadow: 0px 0px 15px #f3f3f3; padding: 0 40px 20px; text-align: center; border-radius: 15px; margin-bottom: 60px; } .index-why .index-why-con:nth-child(3n-2){ margin-left: 0px; } .index-why .index-why-con-img{ margin-top: -50px; } .index-why .index-why-con-img img{ display: block; margin: 0 auto; } .index-why .index-why-con h2{ color: #333333; font-size: 20px; line-height: 26px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 65px; } .index-why .index-why-con p{ color: #3d3939; font-size: 16px; line-height: 28px; } .index-advantage{ display: flex; background: url("https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/advantage.jpg"); } .index-advantage-con{ width: 25%; padding: 25px 25px 20px 30px; position: relative; } .index-advantage-con h2{ color: #f9be00; font-weight: bold; font-size: 24px; padding-bottom: 10px; } .index-advantage-con:nth-child(odd) h2{ color: #004e96; } .index-advantage-con:nth-child(odd)::before{ content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,.08); } .index-advantage-con p{ color: #3d3939; font-size: 16px; line-height: 24px; } .index-case-title h2{ font-size: 48px; color: #333333; text-align: center; font-weight: bold; padding-top: 70px; padding-bottom: 8px; } .index-case-title p{ font-size: 16px; line-height: 28px; color: #3d3939; text-align: center; padding-bottom: 55px; } .index-case-con{ padding-bottom: 120px; } #case{ position: relative; } #case .swiper-container { position: unset; overflow: unset; width: 100%; max-width: 1200px; } #case .swiper-pagination-bullet { width: 62px!important; height: 4px!important; border-radius: 0%!important; background: rgba(238, 238, 238, 1)!important; border: 0px solid #fff; margin: 0 0; margin-left: 8px; opacity: .5; } #case .swiper-pagination-bullet:first-child { margin-left: 0px; } #case .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 1)!important; border: none; width: 62px!important; height: 4px!important; opacity: 1; } #case .swiper-pagination { bottom: 70px!important; } #case .swiper-slide { position: relative; } #case .swiper-slide img{ width: auto; } #case .swiper-button-prev { background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/banner_prev1.png) no-repeat center top 50%; width: 45px; height: 45px; top: 47%; left: 22%; transform: rotate(180deg); } #case .swiper-button-next { background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/banner_prev1.png) no-repeat center top 50%; width: 45px; height: 45px; top: 47%; right: 20%; } #case .swiper-slide .banner-text { position: absolute; z-index: 9; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } #case .swiper-slide .banner-text h3{ color: #ffffff; font-size: 30px; font-weight: bold; } #case .swiper-slide .index-case-left{ position: relative; width: 38%; padding: 70px 0px 44px 0px; z-index: 5; right: -90px; } #case .swiper-slide .index-case-left a{ display: block; background: #fff; box-shadow: 0px 0px 15px #f0f0f0; } #case .swiper-slide .index-case-left a h3{ color: #777777; font-size: 30px; font-weight: bold; text-align: center; padding-top: 15px; } #case .swiper-slide .index-case-left a h4{ color: #777777; font-size: 14px; line-height: 24px; width: 90%; margin: 10px auto 10px; text-align: center; } #case .swiper-slide .index-case-left a img{ display: block; margin: 0 auto; } #case .swiper-slide .index-case-left a p img{ display: inline-block; margin-top: 9px; margin-left: 5px; } #case .swiper-slide .index-case-left a p{ color: #f9be00; font-size: 16px; line-height: 28px; margin-top: 10px; padding-bottom: 20px; text-align: center; } #case .swiper-slide .index-case-right{ position: relative; width: 71%; } #case .swiper-slide .index-case-box{ display: flex; width: 100%; padding: 0 10px 0 10px; } footer{ background: #2d2d2d; padding-top: 60px; padding-bottom: 40px; } footer>.box{ background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/footer-bg.png) no-repeat 0px; } .footer-left{ width: 100%; } footer .footer-bom{ text-align: center; color: #878787; font-size: 16px; line-height: 26px; margin-top: 20px; } .footer-left-top{ display: flex; padding-bottom: 30px; } .footer-top-left{ width: 18.5840%; border-right: 1px solid #fff; } .footer-top-right{ padding-left: 42px; width: 81.5929%; color: #e6e6e6; font-size: 14px; line-height: 22px; } .footer-bottom{ display: flex; padding-top: 30px; } .footer-bottom ul{ width: 25%; } .footer-bottom ul h2{ color: #eeeeee; font-size: 20px; font-weight: bold; padding-bottom: 25px; padding-left: 18px; } .footer-bottom ul li{ padding-bottom: 14px; padding-left: 18px; background: url("https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/footer-jiant.png") no-repeat 0px 6px; } .footer-bottom ul li a{ color: #eeeeee; font-size: 16px; } .footer-bottom ul:last-child li{ background: none; display: flex; align-items: center; } .footer-bottom ul:last-child li img{ margin-right: 12px; } .footer-bottom ul p{ color: #eeeeee; font-size: 16px; line-height: 20px; padding-bottom: 22px; padding-right: 30px; } .footer-bottom ul:last-child{ padding-left: 66px; } .footer-bottom ul>a{ color: #eeeeee; font-size: 14px; } @media (max-width:1600px) { #tion2{ position: unset; } #tion2 .swiper-container { position: relative; } #tion2 .swiper-button-next{ right: 0px; } #tion2 .swiper-button-prev{ left: 0px; } /* #banner .swiper-button-next{ top: 91%; right: 42%; } */ /* #banner .swiper-button-prev{ top: 91%; left: 42%; } */ } @media (max-width:1200px) { .index-prod2{ flex-wrap: wrap; } .index-prod-left { width: 100%; padding-right: 0px; } .index-prod-right { width: 100%; padding-top: 0px; } .index-prod-left-con{ width: 100%; display: flex; } .index-prod{ background: none; } .tion123 .swiper-container .swiper-button-prev,.tion123 .swiper-container .swiper-button-next{ top: -14%; } .index-product{ width: 25%; } .index-prod-left h2{ color: #333333; font-size: 24px; } .index-prod-right>h2{ color: #333333; font-size: 30px; } .index-product-box ul li{ color: #3d3939; background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/baijiantou2.png) no-repeat 0px 8px; } .index-prod-right>p{ color: #3d3939; } .index-product-box .cur22:before{ background: #3d3939; } .index-product-box ul li:before{ background: #3d3939; } } @media (max-width:1024px) { .footer-bottom,.footer-right{ display: none; } .footer-left{ width: 100%; } .footer-top-left{ border: none; } footer{ padding-bottom: 0px; } .index-box{ flex-wrap: wrap; } .index-box>div{ width: 49.444444%; margin-bottom: 20px; } .index-box>div:nth-child(2n-1){ margin-left: 0px; } .index-about{ margin-top: 0px; } #banner .swiper-button-prev,#banner .swiper-button-next{ display: none; } .index-why .index-why-con{ width: 48.666666%; } .index-why .index-why-con:nth-child(3n-2) { margin-left: 2.5%; } .index-why .index-why-con:nth-child(2n-1) { margin-left: 0px; } #case .swiper-slide .index-case-left{ right:0px; padding:0px; } .index-prod-left-con{ flex-wrap: wrap; } .index-product{ width: 100%; } .tion123 .swiper-container .swiper-button-prev, .tion123 .swiper-container .swiper-button-next{ display: none; } .index-advantage{ flex-wrap: wrap; } .index-advantage-con{ width: 100%; } #case .swiper-slide .index-case-box{ flex-wrap: wrap; } #case .swiper-slide .index-case-left{ width: 100%; } #case .swiper-slide .index-case-right{ width: 100%; } #case .swiper-slide .index-case-right img{ width: 100%; } #case .swiper-container{ overflow: hidden; } } @media (max-width:768px) { .footer-top-left{ display: none; } .footer-top-right{ width: 100%; padding-left: 0px; } .index-box>div{ width: 100%; margin-bottom: 20px; margin-left: 0px; } .index-box{ padding-bottom: 30px; } .mianbao{ padding-top: 20px; padding-bottom: 20px; } .tion123 .swiper-slide a{ width: 49%; } .tion123 .swiper-slide a:nth-child(3n-2) { margin-left: 1%; } .tion123 .swiper-slide a:nth-child(2n-1) { margin-left: 0px; } .index-why .index-why-con{ width: 100%; margin-left: 0px; } .index-why{ padding-bottom: 0px; } .index-case-con{ padding-bottom: 40px; } #case .swiper-button-prev{ top: 33%; } #case .swiper-button-next{ top: 33%; } .index-prod-left h2{ padding-top: 15px; padding-left: 15px; padding-bottom: 15px; } .tion0.cur22{ color: #004e96; } .index-prod-right>h2{ padding-top: 20px; } } .fuwu-title h1{ color: #333333; font-size: 40px; font-weight: bold; text-align: center; margin-bottom: 30px; } .main{ display: flex; } .main-left{ width: 74.3%; padding-right: 70px; } .main-right{ width: 25.7%; } .main-contact{ padding-top: 14px; padding-left: 25px; padding-bottom: 25px; background: url("https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/main-bf.jpg") no-repeat; } .main-contact ul li{ margin-top: 25px; display: flex; align-items: center; color: #333333; font-size: 18px; } .main-contact ul li a{ color: #333333; } .main-contact ul li img{ margin-right: 18px; } .main-right-con>h2{ color: #333333; font-size: 24px; font-weight: bold; margin-top: 47px; margin-bottom: 20px; } .main-right-box{ display: flex; flex-wrap: wrap; } .main-right-text{ width: 47.5%; margin-left: 5%; border: 1px solid #dadada; margin-bottom: 5%; position: relative; } .main-right-text-h2{ width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: rgba(4,101,196,.7); opacity: 0; } .main-right-text-h2 h2{ width: 90%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 55px; line-height: 24px; } .main-right-text-h2 h2 a{ color: #fff; font-size: 16px; line-height: 24px; font-weight: bold; } .main-right-text:hover{ border:none; } .main-right-text:hover .main-right-text-h2{ opacity: 1; } .main-right-text:nth-child(2n-1){ margin-left: 0px; } .main-right-text img{ margin: 0 auto; } .faq{ padding-bottom: 30px; } .faq h2{ display: flex; justify-content: space-between; align-items: center; /*border-bottom: 1px solid #e8e8e8;*/ color: #777777; font-weight: bold; font-size: 18px; line-height: 30px; padding: 20px 0; position: relative; } .faq h2::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e8e8e8; } .faq p{ display: none; /*opacity: 0;*/ } .faq li{ margin-bottom: 30px; } .faq li:hover p{ display: block; /*opacity: 1;*/ color: #004e96; font-size: 16px; line-height: 24px; padding-bottom: 20px; } .faq li:hover{ box-shadow: 0px 0px 15px #f3f3f3; padding: 0 50px 0 35px; margin-top: 30px; } .faq li:hover h2{ color: #004e96; font-size: 20px; border: none; } .faq li:hover img{ display: none; } .faq li:hover h2::before{ width: 0px; } /*fanye*/ .fanye-con{ width: 100%; } .fanye { text-align: center; margin-top: 28px; margin-bottom: 48px; } .fanye .wp-pagenavi{ display: flex; justify-content: center; } .faq-fanye .wp-pagenavi{ display: flex; justify-content: left; } .fanye a { display: inline-block; border-width: 2px; border-color: transparent; border-style: solid; height: 38px; text-align: center; min-width: 38px; width: 38px; line-height: 38px; position: relative; color: #004e96; background: #d9d9d9; margin-left: 5px; } .fanye .current { display: inline-block; border-width: 2px; border-color: transparent; border-style: solid; height: 38px; text-align: center; min-width: 38px; width: 38px; line-height: 38px; position: relative; background: #004e96; margin-left: 5px; color: #fff; } .fanye .previouspostslink { display: inline-block; padding: 0 5px; } .fanye .nextpostslink { display: inline-block; margin-bottom: 0px; padding: 0 5px; color: #004e96; } @media (max-width:1023px) { .main-left{ width: 100%; padding-right: 0px; } .main-right{ display: none; } } .products .swiper-button-prev{ background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/you23.png) no-repeat center top 50%; width: 45px; height: 45px; /* left: 1px; */ transform: rotate(180deg); } .products .swiper-button-next{ background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/you23.png) no-repeat center top 50%; width: 45px; height: 45px; /* right: 1px; */ } .case-box{ display: flex; flex-wrap: wrap; padding-top: 30px; } .case-con{ width: 33.3333%; text-align: center; padding: 22px 40px; /*background: aquamarine;*/ position: relative; z-index: 1; background: #fff; } .case-con>h2{ color: #333333; font-size: 30px; font-weight: bold; } .case-con>p{ color: #777777; font-size: 18px; line-height: 28px; } .case-bg{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9; } .case-bg h2{ width: 95%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #ffffff; font-size: 36px; font-weight: bold; line-height: 30px; } .case-con:hover .case-bg{ /*transform: rotateY(180deg);*/ opacity: 0; display: none; } .case-con:hover{ transform: scale(1.1); box-shadow: 0 0 15px #eee; z-index: 9; } @media (max-width:750px) { .case-con{ width: 100%; } } .main-right-text2 ul{ width: 100%; } .main-right-text2 ul li{ padding-bottom: 30px; } .main-right-text2 ul li span{ font-size: 18px; color: #777777; padding-bottom: 10px; display: block; } .main-right-text2 ul li p a{ font-size: 18px; color: #777777; line-height: 24px; font-weight: bold; } .main-right-text2 ul li p a:hover{ color: #004e96; } .prod .main-left{ padding-right: 0px; padding-left: 40px; } .prod-box{ display: flex; flex-wrap: wrap; } .prod-box .prod-con{ width: 31%; margin-left: 3.5%; } .prod-box .prod-con:nth-child(3n-2){ margin-left: 0px; } .prod-box .prod-img{ border:2px solid #b3b3b3; } .prod-box .prod-con h2{ text-align: center; margin-top: 15px; margin-bottom: 30px; } .prod-box .prod-con h2 a{ color: #333333; font-size: 18px; font-weight: bold; } @media (max-width:1023px) { .prod .main-left{ padding-left: 0px; } } @media (max-width:700px) { .prod-box .prod-con{ width: 48%; } .prod-box .prod-con:nth-child(3n-2) { margin-left: 3.5%; } .prod-box .prod-con:nth-child(2n-1) { margin-left: 0px; } } @media (max-width:320px) { .prod-box .prod-con{ width: 100%; margin-left: 0px; } .prod-box .prod-con:nth-child(3n-2) { margin-left: 0px; } } .about-top ul{ display: flex; padding-top: 20px; margin-bottom: 70px; border-bottom: 1px solid #d2d2d2; } .about-top ul li{ flex: 1; text-align: center; } .about-top ul li a{ display: block; padding: 18px 0; font-weight: bold; color: #777777; font-size: 20px; } .about-top ul li:hover a{ background: #004e96; color: #fff; } .culture-box{ padding-bottom: 50px; } .culture-con{ display: flex; } .culture-left1{ width: 14%; } .culture-left1 h2{ font-size: 36px; color: #777777; font-style: italic; margin-top: 5px; font-weight: bold; } .culture-left{ width: 86%; position: relative; } .culture-box .culture-con .culture-left:first-child{ text-align: right; padding-right: 35px; } .culture-box .culture-con .culture-left:first-child:before{ display: none; } .culture-box .culture-con .culture-left:first-child:after{ display: none; } .culture-box .culture-con .culture-left:last-child{ padding-left: 50px; } .culture-left:before{ content: ''; position: absolute; left: 0px; top: 0px; width: 2px; height: 100%; background: #eeeeee; } .culture-left:after{ content: ''; position: absolute; left: -23px; top: 6px; width: 46px; height: 46px; background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/culture1.png) center no-repeat; } .culture-left h2{ padding-bottom: 10px; color: #666666; font-size: 24px; } .culture-left p{ padding-bottom: 90px; color: #666666; font-size: 18px; line-height: 30px; } .culture-box .culture-con:first-child .culture-left:last-child:before{ /*display: none;*/ top: auto; height: 86%; bottom: 0px; } .culture-box .culture-con:last-child .culture-left:last-child:before{ /*display: none;*/ height: 13%; } .main-right-text3 div h3{ color: #777777; font-size: 18px; font-weight: bold; margin-bottom: 15px; } .main-right-text3 div a{ color: #777777; font-weight: bold; } .main-right-text3 div p{ color: #9a9a9a; font-size: 18px; display: flex; align-items: center; } .main-right-text3 div{ margin-bottom: 20px; } .main-right-text3>div>p img{ margin-right: 10px; } @media (max-width:768px) { .culture-left:after,.culture-left:before{ display: none; } .culture-con{ flex-wrap: wrap; } .culture-left1{ width: 100%; } .culture-left{ width: 100%; padding-left: 0px; } .culture-box .culture-con .culture-left:last-child{ padding-left: 0px; } .culture-left p{ padding-bottom: 40px; } .about-top ul{ flex-wrap: wrap; } .about-top ul li{ flex: auto; width: 100%; } } .service-left{ width: 25%; } .service-right{ width: 75%; } .service-left-box-left{ padding-top: 120px; background: url("https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/service1.png") no-repeat; } .service-left-box{ display: flex; } .service-left-box-left{ width: 100%; padding-left: 45px; padding-right: 45px; padding-bottom: 20px; } .service-left-box-left p{ color: #777777; font-size: 20px; line-height: 28px; height: 220px; margin-top: 25px; } .service-left-box-right{ width: 48%; padding-left: 10px; } .service-left-box-right-top{ padding: 45px 40px 20px 30px; box-shadow: 0px 0px 15px #f1f1f1; margin-top: 10px; } .service-left-box-right-top p{ color: #777777; font-size: 20px; line-height: 28px; margin-top: 25px; height: 66px; } .service{ display: flex; padding-bottom: 80px; } .service-right{ display: flex; flex-wrap: wrap; padding-left: 15px; } .service-right-box{ width: 32%; margin-left: 15px; } .service-right-box:nth-child(3n-2){ margin-left: 0px; } .service-right-box .service-left-box-right-top{ padding: 40px 40px 20px 30px; } .message-bg{ padding-top: 40px; background: #f2f2f2; padding-bottom: 40px; } .message{ } .message h2{ color: #333333; font-size: 30px; font-weight: bold; margin-bottom: 20px; text-align: center; } .message p{ color: #666666; font-size: 16px; line-height: 26px; margin-bottom: 10px; text-align: center; } .usedComp{float: left;width: 48%;margin-right: 2%;margin-bottom: 10px;} .usedComp:nth-child(9){width: 94%;} .usedComp label{font-size: 14px;line-height: 36px;color: #7e7e7e;} .usedComp:nth-child(9)~div{float: left;} .usedComp span{color: red;padding-left: 5px;display: inherit;width: 0px;height: 0px;margin: 0px auto;} .xhl-input-xlarge{width: 100%;height: 40px;border: 0; border:1px solid #cccccc;border-radius: 5px;color: #999999;} .xhl-controls .xhl-textarea{width: 100%;height: 100px;resize: none; border:1px solid #cccccc;border-radius: 5px;} .xhl-controls .xhl-submit,.but_pro span{background-color: #0da7ee;color: #fff;border: 0;padding: 15px 35px;font-size: 16px;font-weight: bold;display: inline-block;} .xhl-controls{position: relative;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #7e7e7e; } input:-moz-placeholder, textarea:-moz-placeholder { color: #7e7e7e; } #xhlFormSubmit { width: 145px; height: 44px; line-height: 44px; text-align: center; color: #fff; position: absolute; z-index: 2; font-size: 16px; } .xhl-footer::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: #004e96; } .xhl-controls .xhl-form-tip{position: absolute;right: -10px;top: 0;} .usedComp:nth-child(4){ margin-right: 0px; } .usedComp:nth-child(5){ width: 48%; } .usedComp:nth-child(6){ width: 48%; } .usedComp:nth-child(7){ width: 98%; } .usedComp:nth-child(7) .xhl-input-xlarge { height: 150px; } .xhl_form{ margin: 35px 0 30px 0; } .xhl-footer{ display: block; position: relative; width: 145px; height: 44px; margin: 0 auto; } .xhl_form div:nth-child(9) .xhl-controls input{ height: 120px; } @media (max-width:768px){ .usedComp{ width: 100%!important; } } @media (max-width:1023px) { .service{ flex-wrap: wrap; } .service-left{ width: 100%; } .service-right{ width: 100%; } .service-left-box-left{ background: none; box-shadow: 0px 0px 15px #eee; } .service-left-box-right-top{ margin-top: 0px; margin-bottom: 10px; } .service-left-box-right-top:last-child{ margin-bottom: 0px; } .service-left-box-right-top p{ height: 70px; } .service-left-box{ margin-bottom: 10px; } .service-left-box-right { width: 49.5%; padding-left: 15px; } .service-left-box-left{ width: 48%; } .service-right-box{ margin-bottom: 15px; width: 31%; } .service-left-box-left p{ height: 60px; } .service-right-box:nth-child(2n-1){ margin-left: 15px; } .service-right-box:nth-child(3n-2){ margin-left: 0px; } } @media (max-width:768px) { .service-right-box .service-left-box-right-top{ padding: 20px; } .service-right-box{ width: 48%; } .service-right-box:nth-child(3n-2){ margin-left: 15px; } .service-right-box:nth-child(2n-1){ margin-left: 0px; } .service-right{ padding-left: 0px; } } @media (max-width:500px) { .service-right-box .service-left-box-right-top{ padding: 20px 20px 20px 20px; } .service-left-box{ flex-wrap: wrap; } .service-left-box-left{ width: 100%; margin-bottom: 15px; margin-left: 0px; } .service-right-box:nth-child(3n-2){ margin-left: 0px; } .service-left-box-right{ width: 100%; padding-left: 0px; } .service-right-box{ width: 100%; margin-left: 0px; } .service-left-box-left{ padding: 20px; } .service-left-box-left p{ height: 70px; } .service-left-box-right-top{ padding: 20px; } } .about-main .bbt-small { font-size: 24px; text-align: center; margin-bottom: 50px; } .about-main .chang-list:after { content: ""; display: block; clear: both; } .about-main .chang-list .item { display: block; float: left; width: 31%; margin: 0 3.5% 3.5% 0; cursor: pointer; position: relative; text-align: center; overflow: hidden; font-size: 16px; } .about-main .chang-list .item:nth-child(3n) { margin-right: 0px; } .about-main .chang-list .item .tu { background-position: center; background-size: cover; } .about-main .chang-list .item .tu img { display: block; width: 100%; } .about-main .chang-list .item .tu .title { color: #fff; width: 100%; line-height: 26px; position: absolute; left: 0px; bottom: 3%; text-shadow: 1px 1px 1px rgba(0,0,0,.1); opacity:0; } .about-main .chang-list .item .tu .dan .title{ opacity:1;} .about-main .chang-list .item .tu .dan { display: block; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; background: #000; background: -moz-linear-gradient(top, rgba(0,78,150,.5) 0%, rgba(0,78,150,.5) 100%); background: -webkit-linear-gradient(top, rgba(0,78,150,.5) 0%, rgba(0,78,150,.5) 100%); background: linear-gradient(to bottom, rgba(0,78,150,.5) 0%, rgba(0,78,150,.5) 100%); opacity: 0; -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); } .about-main .chang-list .item:hover .tu .dan { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .about-main .chang-list .item .tu .dan .text { color: #fff; width: 100%; line-height: 26px; font-size: 16px; position: absolute; left: 0px; bottom: 3%; font-size: 14px; } .about-main .chang-list .item .tu .dan:after { width: 19%; height: 1px; background: #fff; content: ""; display: block; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .about-main .chang-list .item .tu .dan:before { width: 1px; height: 28.6%; background: #fff; content: ""; display: block; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width:1024px) { .about-main .chang-list .item{ width: 48%; margin-right: 0px; margin-bottom: 3.5%; } .about-main .chang-list .item:nth-child(2n){ margin-right: 0px; margin-left: 3.5%; } } @media (max-width:750px) { .about-main .chang-list .item{ width: 100%; margin-left: 0px; } .about-main .chang-list .item:nth-child(2n){ margin-left: 0px; } } .ourfactoy ul{ margin-bottom: 40px; } .about-video{ width: 38%; margin: 0 auto; } .about-video img{ width: 100%; display: block; } .about-video iframe{ width: 100%; } .about-fenxiang{ display: flex; } .about-fenxiang ul{ display: flex; padding: 30px 0; margin: 0 auto; } .about-fenxiang ul a{ display: block; height: 28px; width: 32px; margin-left: 27px; } .about-fenxiang ul li{ height: 24px; width: 85px; } .about-fenxiang h2{ color: #333333; font-size: 18px; font-weight: bold; } .about-fenxiang ul a:nth-child(2){ background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/fenxiang1.png)no-repeat center; } .about-fenxiang ul a:nth-child(3){ background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/fenxiang2.png)no-repeat center; } .about-fenxiang ul a:nth-child(4){ background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/fenxiang3.png)no-repeat center; } .about-fenxiang ul a:nth-child(5){ background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/fenxiang4.png)no-repeat center; } .about-fenxiang ul a:nth-child(2):hover{ background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/fenxiang5.png)no-repeat center; } .about-fenxiang ul a:nth-child(3):hover{ background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/fenxiang6.png)no-repeat center; } .about-fenxiang ul a:nth-child(4):hover{ background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/fenxiang7.png)no-repeat center; } .about-fenxiang ul a:nth-child(5):hover{ background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/fenxiang8.png)no-repeat center; } .about-text p{ color: #777777; font-size: 18px; padding: 15px 0; line-height: 30px; } .about-company-img{ display: flex; padding-top: 20px; padding-bottom: 50px; } .about-company-img .about-company-img-con{ width: 32%; margin-left: 2%; } .about-company-img .about-company-img-con:first-child{ margin-left: 0px; } .zhengshu{ background: #f2f2f2; padding-top: 60px; padding-bottom: 60px; } .zhengshu h2{ color: #333333; font-size: 36px; font-weight: bold; text-align: center; padding-bottom: 90px; } #case258{ position: relative; } #case258 .swiper-container { position: unset; overflow: unset; width: 100%; max-width: 1440px; } #case258 .swiper-pagination-bullet { width: 62px!important; height: 4px!important; border-radius: 0%!important; background: rgba(238, 238, 238, 1)!important; border: 0px solid #fff; margin: 0 0; margin-left: 8px; opacity: .5; } #case258 .swiper-pagination-bullet:first-child { margin-left: 0px; } #case258 .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 1)!important; border: none; width: 62px!important; height: 4px!important; opacity: 1; } #case258 .swiper-pagination { bottom: 70px!important; } #case258 .swiper-slide { position: relative; background: transparent; } #case258 .swiper-slide-next{ transform: scale(1.2); margin-top: -22px; } #case258 .swiper-slide img{ width: auto; } #case258 .swiper-button-prev { background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/prev1.png) no-repeat center top 50%; width: 45px; height: 45px; top: 47%; left: 34.5%; transform: rotate(180deg); } #case258 .swiper-button-next { background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/prev1.png) no-repeat center top 50%; width: 45px; height: 45px; top: 47%; right: 34.5%; } #case258 .swiper-slide .index-case-right{ position: relative; width: 100%; } #case258 .swiper-slide .index-case-box{ width: 100%; padding: 0 10px 0 10px; } #case258 .swiper-slide .index-case-box p{ color: #777777; font-size: 20px; line-height: 30px; padding-top: 20px; } #case258 .swiper-slide-next p{ transform: scale(.8); padding-top: 15px !important; } @media (max-width:1440px) { .about-video { width: 70%; margin: 0 auto; } } @media (max-width:1023px) { .about-video { width: 100%; margin: 0 auto; } #case258 .swiper-slide-next{ transform:none; margin-top: 0px; } #case258 .swiper-slide-next p{ transform:none; } } @media (max-width:768px) { #case258 .swiper-slide img{ width: 100%; } #case258 .swiper-button-prev,#case258 .swiper-button-next{ display: none; } .about-company-img{ flex-wrap: wrap; } .about-company-img .about-company-img-con{ margin-left: 0px; width: 100%; margin-bottom: 20px; } .zhengshu h2{ padding-bottom: 40px; } } /*contact*/ .contact{ padding: 20px 73px 39px 73px; box-shadow: 0px 0px 10px 3px #e6e9eb; margin-bottom: 60px; margin-top: 40px; } .contact-top{ display: flex; justify-content: center; margin-bottom: 35px; } .contact-top-img h2{ color: #777777; font-size: 30px; line-height: 26px; margin-left: -30px; margin-top: 20px; } .contact-cen ul{ display: flex; justify-content: space-between; padding-bottom: 30px; } .contact-cen ul li{ color: #777777; font-size: 18px; display: flex; align-items: center; } .contact-cen ul li img{ margin-right: 10px; } .contact-cen ul li a{ color: #004e96; font-size: 18px; } .contact-img iframe{ width: 100%; } .contact-img img{ width: 100%; display: block; } .contact-bg>.box{ display: flex; padding-bottom: 30px; } .contact-bot{ width: 66%; } .contact-bot h2,.contact-bot-right h2{ font-size: 24px; color: #929396; text-transform: uppercase; padding-bottom: 15px; font-weight: bold; } .contact-bot p,.contact-bot-right div p{ font-size: 14px; color: #a1a1a1; line-height: 24px; padding-bottom: 10px; } .contact-bot-right{ width: 50%; } .contact-bot-right div{ display: flex; } .contact-bot-right img{ width: 13px; height: 17px; margin-right: 15px; } @media (max-width:1024px) { .contact-cen ul{ display: block; padding-bottom: 10px; } .contact-cen ul li{ padding-bottom: 10px; padding-left: 15px } .contact{ padding: 20px 30px 39px 30px; } .contact-bg>.box{ flex-wrap: wrap; } .contact-bot,.contact-bot-right{ width: 100%; padding-bottom: 30px; } } @media (max-width:750px) { .contact-top-img h2 { font-size: 18px; line-height: 26px; margin-left: -24px; } } @media (max-width:450px) { .contact-top-img h2 { font-size: 18px; line-height: 26px; margin-left: -24px; margin-top: 10px; } .contact{ padding: 20px 5px 20px 5px; } .contact-cen ul li{ font-size: 14px; } } .honor{ display: flex; flex-wrap: wrap; } .honor .honor-con{ width: 23%; margin-left: 2.6667%; } .honor .honor-con:nth-child(4n-3){ margin-left: 0px; } .honor-img{ padding: 38px; border: 3px solid #e7e7e7; position: relative; } .honor-img img{ width: auto; margin: 0 auto; } .honor-con a{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; opacity: 0; } .honor-con a:before { content: ''; position: absolute; left: 50%; top: 50%; width: 98px; height: 95px; transform: translate(-50%, -50%); background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/certificate4.png) center no-repeat; } .honor-con h2 { font-size: 20px; font-weight: bold; line-height: 30px; color: #333333; padding: 20px 10px; text-align: center; } .honor-img:hover a { opacity: 1; background: rgba(255,255,255,.45); } @media (max-width:768px) { .honor .honor-con{ width: 49%; margin-left: 2%; } .honor .honor-con:nth-child(4n-3){ margin-left: 2%; } .honor .honor-con:nth-child(2n-1){ margin-left: 0px; } .honor-img{ padding: 10px; } } .news-text h1{ color: #333333; font-size: 30px; line-height: 44px; font-weight: bold; text-align: center; width: 90%; margin: 0 auto 15px; } .news-text span{ color: #777777; font-size: 16px; display: block; margin: 0 auto; text-align: center; margin-bottom: 20px; } .news-text-img img{ margin: 0 auto; display: block; } .news-text1 p{ color: #777777; font-size: 18px; line-height: 30px; margin: 0px 0px 20px; } .xiayiye div{ color: #333333; font-size: 18px; line-height: 30px; font-weight: bold; } .xiayiye div a{ color: #777777; padding-left: 10px; } .xiayiye div a:hover{ color: #004e96; text-decoration: underline; } .single-news{ padding-bottom: 40px; } @media (max-width:768px) { .news-text h1{ font-size: 24px; } } .single-prod{ display: flex; } .single-prod-left{ width: 45%; border: 1px solid #dadada; height: fit-content; } .single-prod-right{ width: 55%; padding-left: 30px; } .solution-xq-right-text1 h1 { color: #333333; font-weight: bold; font-size: 30px; padding-bottom: 20px; } .solution-xq-right-text1 p { color: #777777; font-size: 16px; line-height: 28px; margin-bottom: 30px; } .solution-xq-right-text2 { display: flex; margin-top: 25px; } .prod-xq-lunbo-text2 a { width: 166px; height: 55px; /* background: #0a3d7e; */ font-size: 18px; color: #0a3d7e; display: flex; justify-content: center; align-items: center; background-image: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/xinxi1.png); background-repeat: no-repeat; background-position: 30px; padding-left: 40px; margin-right: 20px; border: 1px solid #0a3d7e; } .solution-xq-right-text2 .prod-xq-lunbo-text2 a { margin-right: 50px; } .prod-xq-lunbo-text3 a { width: 166px; height: 55px; /* background: #0a3d7e; */ font-size: 18px; color: #0a3d7e; display: flex; justify-content: center; align-items: center; background-image: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/tab1.png); background-repeat: no-repeat; background-position: 30px; padding-left: 40px; border: 1px solid #0a3d7e; } .prod-xq-lunbo-text3 a:hover { background-image: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/tab2.png); background-color: #0a3d7e; color: #fff; } .prod-xq-lunbo-text2 a:hover { background-image: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/xinxi2.png); background-color: #0a3d7e; color: #fff; } .single-prod-img{ margin-top: 50px; } .title-prod { background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/caidanbot.png) no-repeat 0px 100%; padding-bottom: 20px; margin-bottom: 20px; padding-top: 40px; } .title-prod h2 { padding-bottom: 10px; color: #777777; font-size: 24px; font-weight: bold; } .single-prod-text1 p{ color: #777777; font-size: 16px; line-height: 28px; margin-bottom: 25px; } .single-prod-text2 ul li{ display: flex; flex-wrap: wrap; align-items: center; background: #f2f2f2; transition:none; padding: 18px 0; padding-left: 95px; font-weight: bold; font-size: 18px; color: #777777; } .single-prod-text2 ul div{ transition:none; } .single-prod-text2 ul li img{ margin-right: 22px; } .single-prod-text2-box{ margin-bottom: 4px; } .single-prod-text2-li-box{ display: none; } .table1{ overflow: auto; } .table1 table{ width: 100%; } .table1 table tr:first-child{ background: #f2f2f2; } .table1 table tr:first-child td{ color: #777777; font-size: 18px; line-height: 30px; font-weight: bold; padding: 18px 0; padding-left: 120px; } .table1 table tr:first-child td p{ color: #777777; font-size: 18px; line-height: 30px; font-weight: bold; padding: 18px 0; padding-left: 120px; } .table1 table tr td{ padding: 10px 0; padding-left: 120px; color: #777777; font-size: 16px; border-bottom: 1px solid #f2f2f2; } .table1 table tr td p{ padding: 10px 0; padding-left: 120px; color: #777777; font-size: 16px; } .table1 table tr:last-child td{ border-bottom:none; } .table{ overflow: auto; } .table table{ width: 100%; } .table table tr td{ padding: 10px 0; padding-left: 120px; color: #777777; font-size: 16px; border-bottom: 1px solid #f2f2f2; } .table table tr td p{ padding: 10px 0; padding-left: 120px; color: #777777; font-size: 16px; } .table table tr:last-child td{ border-bottom:none; } .single-prod-text3{ display: flex; width: 100%; padding-bottom: 30px; } .single-prod-text3-con{ width: 32%; margin-left: 2%; } .single-prod-text3-con:first-child{ margin-left: 0px; } .single-prod-text3 ul li{ display: flex; align-items: center; margin-bottom: 15px; } .single-prod-text3 ul li img{ margin-right: 20px; } .single-prod-text3 ul li a{ color: #777777; font-size: 16px; line-height: 24px; } @media (max-width:768px) { .single-prod{ flex-wrap: wrap; } .single-prod-left{ width: 100%; } .single-prod-left img{ margin: 0 auto; width: 100%; } .single-prod-right{ width: 100%; padding-left: 0px; } .table1 table tr:first-child td{ text-align: center; padding-left: 0px; } .table1 table tr td{ padding-left: 0px; text-align: center; } .table table tr:first-child td{ text-align: center; padding-left: 0px; } .table table tr td{ padding-left: 0px; text-align: center; } } @media (max-width:450px) { .solution-xq-right-text2{ flex-wrap: wrap; } .prod-xq-lunbo-text2,.prod-xq-lunbo-text3{ width: 100%; margin-bottom: 20px; } .prod-xq-lunbo-text2 a,.prod-xq-lunbo-text3 a{ width: 100%; background-position: 105px; } .single-prod-text3{ flex-wrap: wrap; } .single-prod-text3-con{ width: 100%; margin-left: 0px; margin-bottom: 20px; } .single-prod-text3-con img{ width: 100%; } } @media (max-width:400px) { .single-prod-text2 ul li{ padding-left: 15px; } } .news-center1 ul{ display: flex; border-bottom: 1px solid #d2d2d2; margin-bottom: 40px; } .news-center1 ul li{ width: 32%; margin-left: 2%; } .news-center1 ul li:first-child{ margin-left: 0px; } .news-center1 ul li a{ display: block; padding: 14px; text-align: center; color: #333333; font-size: 24px; font-weight: bold; background: #e5e5e5; } .news-center1 ul li a:hover{ background: #004e96; color: #fff; } .news-center2box{ margin-bottom: 30px; } .news-center2 ul{ display: flex; border-bottom: 1px solid #e1e1e1; } .news-center2 ul li{ color: #9a9a9a; font-size: 18px; padding: 20px 0; margin-left: 80px; } .news-center2 ul li:first-child{ margin-left: 0px; } .news-center .main-right{ margin-top: 66px; } .news-center3_box{ display: flex; } .news-center3-left{ width: 39%; } .news-center3-right{ width: 61%; padding-left: 30px; } .news-center3-right .about-fenxiang{ display: block; } .news-center3-right p{ color: #747474; font-size: 18px; line-height: 28px; margin-bottom: 15px; } .news-center3-right div p:last-child{ margin-bottom: 0px; } .news-center3>a>h2{ color: #004e96; font-size: 30px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; height: 45px; margin: 20px 0; } @media (max-width:768px) { .news-center3_box{ flex-wrap: wrap; } .news-center3-left{ width: 100%; margin-bottom: 20px; } .news-center3-right{ width: 100%; padding-left: 0px; } .news-center1 ul{ flex-wrap: wrap; border-bottom: none; } .news-center1 ul li{ width: 100%; margin-left: 0px; margin-bottom: 10px; } .news-center2 ul{ flex-wrap: wrap; } .news-center2 ul li{ width: 100%; margin-left: 0px; padding: 5px 0; } .news-center3>h2{ font-size: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 70px; } .about-fenxiang ul a{ margin-left: 10px; } } /*404*/ .a404 img { display: block; margin: 110px auto 0; } .a404 a { display: block; width: 105px; height: 38px; text-align: center; line-height: 38px; background-color: #0a3d7e; color: #fff; margin: 52px auto 42px; } .sousuo-form { display: flex; justify-content: center; padding-bottom: 30px; } .sousuo-form form { width: 240px; height: 30px; border: 1px solid #c9c9c9; border-radius: 45px; margin-top: 7px; display: flex; } .sousuo-form form input { display: block; width: 150px; height: 25px; margin-left: 15px; border: none; color: #7e7a76; background: #f3f3f3; outline: none; } .sousuo-form form button { background: url(https://www.stargetgroup.com/wp-content/themes/jinxinghuanyu/css/../images/dasuosou.png) center/cover no-repeat; border: 0; cursor: pointer; height: 15px; position: relative; top: 3px; vertical-align: middle; width: 15px; margin-left: 45px; margin-top: 4px; } .news .news-a { width: 100%; display: block; padding-bottom: 12px; } .news-con { display: flex; } .news-con .news-left { width: 100%; padding-left: 30px; padding-right: 30px; background: #fff; } .news-con .news-left h2 { color: #39322d; font-size: 20px; line-height: 24px; margin: 30px 0 13px 0; } .news-con .news-left p { color: #7e7a76; font-size: 14px; line-height: 24px; } .news-con .news-left span { color: #004e96; font-size: 14px; line-height: 33px; border: 1px solid #004e96; margin-top: 20px; display: block; width: 95px; text-align: center; border-radius: 45px; margin-bottom: 17px; } .news .news-a:hover .xian { width: 100%; } .news .news-a .xian { width: 0px; height: 2px; background: #004e96; transition: all .25s; } .case-lunbo .swiper-slide img{ width: auto; } /*.Wechat{ display: flex; } .Wechat img{ width: 140px; } .Wechat p{ padding-left: 20px; font-size: 18px; } .message_xhl_form form{ display: flex; flex-wrap: wrap; } .message_xhl_form form p{ width: 32%; margin-left: 2%; } .message_xhl_form form p:nth-child(3n-2){ margin-left: 0px; }*/ /*后台表单样式*/ .message { padding-bottom: 40px; } .message form { display: flex; display: -webkit-flex; flex-direction: row; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; padding-top: 20px; } .message form p { width: 48%; margin-bottom: 20px; } .message form p label { display: block; font-size: 16px; color: #888; text-transform: capitalize; line-height: 28px; text-align: left; } .message form p span { display: block; } .message form p span input { display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 10px; color: #666; font-size: 14px; box-sizing: border-box; margin-top: 5px; border: 1px solid #eee; outline: none; } .message form p:nth-last-child(3) { width: 100%; } .message form p span textarea { display: block; box-sizing: border-box; width: 100%; height: 150px; padding: 10px; border: none; outline: none; margin-top: 5px; border: 1px solid #eee; outline: none; } .message form p:nth-last-child(2) { width: 100%; } .message form p .wpcf7-submit { display: block; width: 160px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; background: #004e96; color: #fff; cursor: pointer; text-transform: uppercase; border-radius: 5px; margin-left: auto; margin-right: auto; border: none; outline: none; } .message form p .wpcf7-submit:hover { background-color: #023565; } @media all and (max-width: 768px) { .message { padding-top: 40px; padding-bottom: 20px; } } @media all and (max-width: 500px) { .message form p { width: 100%; } } /** * Swiper 4.3.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 31, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} html body{font-size:16px;font-family:微软雅黑;}i{color:#fff;font-size:12px}a{text-decoration:none;}*{margin:0;padding:0}ul{list-style:none}.fl{float:left}.fr{float:right}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.middle{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.s-side{min-width:200px;position:fixed;top:0;left:0;width:15%;bottom:0;background-color:#292929;box-shadow:0 0 10px #313131;padding:10px}.s-side .s-firstItem i{font-size:20px}.s-side .s-firstItem span{display:inline-block;margin-left:10px;font-size:20px;text-shadow:0 0 5px #eee;white-space:10px}.s-side .first{padding:10px 0;border-bottom:1px solid #dedede}.s-side .d-firstNav span{display:inline-block;margin-left:10px}.s-side .d-firstNav i.fr{font-size:25px}.s-side .s-secondNav,.s-side .s-secondItem{margin-left:50px;margin-top:10px}.s-secondNav:hover,.d-firstNav:hover{background-color:#3d3d3d;cursor:pointer}.s-side .d-secondDrop{margin-left:100px;margin-top:10px}.iconRotate{transform:rotate(90deg);transition:transform .5s}.s-firstDrop,.s-secondDrop{display:none} #dibunav{ display: none; } @media only screen and (max-width: 750px) { #dibunav{ width: 80%; position: fixed; display: block; bottom: 0%; left: 50%; transform: translate(-50%,-50%); display: flex; justify-content: center; background: rgba(245,245,245,0.9); border-radius: 100px; z-index: 99; box-shadow: 0px 26px 25px -29px #000; } } #dibunav .dibunav-con{ width: 95%; display: -webkit-flex; display: flex; } #dibunav .dibunav-con li{ text-align: center; float: left; width: 25%; padding: 16px 0px; } #dibunav .dibunav-con li{ border-left: 1px solid #fff; } #dibunav .dibunav-con li:nth-child(1){ border-left: none; } #dibunav .dibunav-con li a{ color: #1968d1; text-align: center; } #dibunav .dibunav-con li a img{ /*width: 100%;*/ display: inline-block; margin: 0 auto; } @media only screen and (max-width: 450px) { #dibunav{ width: 95%; height: 63px; } #dibunav .dibunav-con li a img{ width: 25px; } #dibunav .dibunav-con li{ padding: 8px 0px 10px 0; } } @media only screen and (max-width: 320px) { #dibunav{ width: 100%; bottom: -3%; } #dibunav .dibunav-con li a img{ width: 20px; } } /*nav*/ #nav-side{ width: 50%; background-color: #fff; font-family: Average-Regular; color: #323232; padding-left: 0; } #nav-side li a span img{ margin-left: 25%; } #nav-side li{ background: #fff; } #nav-side i{ color: #8d8d8d; } #nav-side i img{ width: 7px; } #nav-side img{ width: 50%; } #nav-side .d-firstNav{ background: #fff; } #nav-side .d-secondNav{ background: #fff; } #nav-side .s-secondItem a{ background-color: #fff; font-family: Average-Regular; color: #323232; } #nav-side .s-thirdItem a{ background-color: #fff; font-family: Average-Regular; color: #323232; } #nav-side ul>li:first-child{ border: none; } .header-yd-one{ width: 20%; } .header-yd a div{ line-height: 3rem; } #nav-side ul li a{ color: #323232; } @media all and (min-width:1023px){ .header-yd{ display: none; } } @media all and (max-width:320px){ .header-yd{ display: none; } .isbloak{ display: none; } } @media all and (min-width: 1023px) and (max-width: 1023px) { .isbloak{ display: none; } } @media all and (min-width: 320px) and (max-width: 1023px){ .header-yd{ width: 100%; height: 6.375rem; display: flex; justify-content: space-between; align-items: center; } .header-yd-one img{ width: 36%; margin-left: 1.5rem; } .header-yd-tow{ width: 30%; } .header-yd-tow img{ width: 75%; } .header-yd-tow a{ display: flex; align-items: center; /*justify-content: center;*/ margin-left: 6%; } .header-yd a:nth-child(3){ width: 8.75rem; height: 3rem; text-align: center; line-height: 3rem; /*border: 0.0625rem solid #0da7ee;*/ border-radius: 20px; margin-right: 1.5rem; font-family: FjallaOne-Regular; font-size: 1.0625rem; color: #fff; background: #f97e0c; } .info-con{ width: 100%; height: 15rem; flex-wrap: wrap; background: #666666; } .info-men{ width: 50%; flex-wrap: nowrap; } .info-men img{ margin-left:2rem; } .menu-x p:nth-child(1){ font-size: 4rem; } .menu-x p:nth-child(2){ line-height: 1.5em; font-size: 4rem; } .menu-x a li{ font-size: 4rem; height: 2em; } .about-con a span{ font-size: 3rem; } .read-more{ font-size: 3rem; } } .isbloak{ width: 100vw; height: 100vh; background: rgba(0,0,0,.6); position: fixed; left: -0;top: 0; z-index: 50; display: none; } .isbloak_left{ width: 50%; height: 100%; background: #FFFFFF; position: absolute; left: -100%;top: 0; } .first:hover{ border-left: 5px solid #0da7ee; } .d-firstNav{ padding-left: 15%; } @media (max-width:550px) { .header-yd-one img{ width: 45%; } .header-yd-tow{ width: 50%; } .header-yd-tow img { width: 82%; } .header-yd{ height: 5.375rem; } } @media (max-width:320px) { .header-yd{ height: 3.375rem; } } .box123{ width: 95%; margin: 0 auto; max-width: 1440px; } .header-nav{ background: #004e96; /*position: relative;*/ } .navposition{ width: 100%; position: relative; } .header-nav-right{ float: left; width: 100%; margin-top: 34px; } .lx_nav_box { position: relative; float: right; width: 100%; /*padding: 15px 0 13px 0;*/ } .lx_nav{ display: flex; justify-content: space-between; } .lx_nav>li:last-child{ margin-right: 0px; } .lx_nav_list { float: left; font-size: 16px; text-align: center; padding: 0 20px; /*height: 90px; line-height: 90px;*/ position: relative; margin: 0 24px; padding: 15px 0 13px 0; } .lx_nav_list:hover a{ color: #fff; } .lx_nav_list:hover a #daohzifu{ border-color: #fff transparent transparent transparent; } .lx_nav_list a{ color: #fff; font-size: 16px; } .lx_nav_list_a img{ margin-bottom: 3px; } .lx_nav_down_box{ display: none; position: absolute; background: rgba(0,0,0,.8); border-top: 4px solid #0465c2; z-index: 99; left: 0px; top: 100%; padding: 16px 0px 10px 0px; } .lx_nav_down_box_div{ display: flex; flex-wrap: wrap; padding-left: 10%; padding-right: 10%; } .lx_nav_down_title{ position: relative; font-size: 20px; line-height: 24px; text-align: left; margin-bottom: 30px; padding-left: 40px; } .lx_nav_down_title::before{ content: ""; position: absolute; width: 40px; height: 1px; background-color: #0465c2; left: 40px; bottom:-10px; } .lx_nav_down_title a{ color: #fff; font-size: 20px; margin-right: 10px; } .lx_nav_list:hover .lx_nav_down_box{ display: block; } .lx_nav_down{ line-height: 48px; white-space: nowrap; text-align: left; color: #fff; text-align: center; padding-left: 20px; padding-right: 20px; } .lx_nav_down:nth-child(4n-3){ border-left: none; } .lx_nav_down a{ display: block; color: #fff; text-transform: capitalize; } .lx_nav_down:hover{ background: rgba(4,101,194,.8); } .lx_nav_down a:hover{ color: #fff; /*background: rgba(4,101,194,.8);*/ } .lx_nav_down2{ padding: 0 15px; } .lx_nav_down2:hover{ background: rgba(4,101,194,.8); } .lx_nav_down a img{ margin-left: 15px; display: none; } .lx_nav_down:hover a img{ display: inline-block; } #daohzifu{ position: absolute; right: 0; top: 47%; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: #333 transparent transparent transparent; display: inline; transform: rotate(0deg); margin-right: 5px; } /*二级*/ .lx_nav_down_box2{ display: none; min-height: 100%; position: absolute; left: 100%; top: -4px; background: rgba(0,0,0,.8); z-index: 99; padding: 8px 0px 10px 0px; border-top: 4px solid #0465c2; /*border-bottom: 1px solid #5d81a0; border-left: 1px solid #5d81a0; border-right: 1px solid #5d81a0;*/ } .lx_nav_down:hover .lx_nav_down_box2{ display: block; } .lx_nav_down_title2{ position: relative; font-size: 18px; line-height: 24px; text-align: left; margin-bottom: 30px; } .lx_nav_down_title2 a{ color: #f6453f; } .lx_nav_down_title2::before{ content: ""; position: absolute; width: 40px; height: 1px; background-color: #f6453f; left:0; bottom:-10px; } @media (max-width:1500px) { .lx_nav_list { padding: 0 18px; } #daohzifu{ margin-right: 0px; } } @media (max-width:1440px) { .lx_nav_list { padding: 0 12px; margin: 0 11px; } } @media (max-width:1200px) { .lx_nav_list { padding: 0 10px; font-size:14px; } .header-nav-left{ margin-top: 33px; width: 14%; } } @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}