@charset "utf-8";
/*menu-box*/
.menu-box { width: calc(100% - 60px); position: fixed; z-index: 2; top: 0; left: 60px; padding: 2% 0; }
.menu-box .M { height: 100%; text-align: right; width: 90%; }
/*--menu-box end-----------------*/
/*主导航菜单 2018.02.26*/
body.on .MenuList_f1 { width: 31.25vw; opacity: 1; }
.MenuList_f1 { width: 100%; }
.MenuList_f1>ul { width: 66.66%; margin: 0 auto; }
.MenuList_f1 { opacity: 0; position: absolute; left: 60px; width: 0; max-width: 600px; background: #0061ae; height: 100%; display: flex; flex-wrap: wrap; align-items: center; align-content: center; transition: 0.4s ease 0s; white-space: nowrap; transform-origin: left; overflow: hidden; }
.MenuList_f1>ul>li { }
.MenuList_f1>ul>li:nth-child(6), .MenuList_f1>ul>li:nth-child(7), .MenuList_f1>ul>li:nth-child(9), .MenuList_f1>ul>li:nth-child(10) { display: none; }
.MenuList_f1>ul>li>:first-child a { opacity: 0.7; transition: 0.3s ease 0s; z-index: 1; display: block; text-transform: capitalize; line-height: 1; position: relative; }
.MenuList_f1>ul>li a span { display: block; }
.MenuList_f1>ul>li>:first-child { padding: 7.5% 0; font-weight: normal; display: block; z-index: 1; font-size: 46px; color: #fff; }
.MenuList_f1>ul>li:hover>:first-child, .MenuList_f1>ul>li>:first-child.on { }
.MenuList_f1>ul>li>:nth-child(2) { display: none !important; transform-origin: top; opacity: 0; transform: scale(1, 0); overflow: hidden; line-height: 80px; background: rgba(255,255,255,0.96); left: 0; z-index: 2; position: absolute; width: 100%; }
.MenuList_f1>ul>li:hover>:nth-child(2) { transition: 0.3s ease 0s; transform: scale(1); opacity: 1; }
.MenuList_f1>ul>li ul li { max-width: none; float: none; margin-left: 80px; width: auto; padding: 0px; display: inline-block; vertical-align: top; }
.MenuList_f1>ul>li ul li a { text-transform: capitalize; width: 100%; overflow: hidden; display: block; color: #555; text-align: center; text-decoration: none; font-size: 14px; font-weight: normal; }
.MenuList_f1>ul>li ul li a:hover { color: #ed1b24; }
.MenuList_f1>ul>li>:first-child:after { }
.MenuList_f1>ul>li:hover>:first-child:after, .MenuList_f1>ul>li>:first-child.on:after { height: 100%; left: 0; }
.MenuList_f1>ul>li>:first-child a:before { width: 16%; transform: translateX(-30px); }
.MenuList_f1>ul>li>:first-child a:after { width: 10%; transform: rotateZ(0deg) translateX(-30px); transform-origin: right; }
.MenuList_f1>ul>li>:first-child a:before, .MenuList_f1>ul>li>:first-child a:after { content: ''; height: 3px; position: absolute; top: 50%; right: 0; background: #fff; z-index: -1; opacity: 0; transition: 0.3s ease 0s; }
.MenuList_f1>ul>li>:first-child.on a:before, .MenuList_f1>ul>li>:first-child:hover a:before { transform: translateX(0); opacity: 1; }
.MenuList_f1>ul>li>:first-child.on a:after, .MenuList_f1>ul>li>:first-child:hover a:after { transform: rotateZ(25deg) translateX(0); opacity: 1; }
.MenuList_f1>ul>li>:first-child.on a, .MenuList_f1>ul>li>:first-child:hover a { opacity: 1; }
/*汉堡菜单PC*/
.menu-i.on .menu-icon:after { transform: rotateZ(-45deg); margin-left: -1px; }
.menu-i.on .menu-icon:before { transform: rotateZ(45deg); margin-right: -1px; }
.menu-i.on .menu-icon span { background: transparent; }
.menu-icon span, .menu-icon:before, .menu-icon:after { transition: 0.3s ease 0s; display: inline-block; height: 20px; background: #fff; content: ''; width: 1px; vertical-align: top; }
.menu-icon:before { margin-right: 6px; }
.menu-icon:after { margin-left: 6px; }
.menu-icon span { position: relative; margin: 0 auto; }
.menu-i { cursor: pointer; height: auto; width: 100%; transition: 0.5s ease 0s; opacity: 1; overflow: hidden; margin-left: 0; position: absolute; top: 50%; margin-top: -35px; }
.menu-icon { display: block; font-size: 0; width: 100%; text-align: center; }
.menu-i:after { content: 'menu'; display: block; text-transform: uppercase; font-size: 14px; writing-mode: vertical-lr; writing-mode: tb-lr; width: 100%; line-height: 60px; color: #fff; margin-top: 10px; }
.menu-i.on:after { content: 'close'; }
.menu-i+.public-bg { background: rgba(0,0,0,0); }
/*---导航end------------------------------------------------------------------------------------------------------------------------*/
/*logo*/
.menu-w { width: 89%; margin: 0 auto; height: 100%; font-size: 0; }
.logo { width: 10%; height: 100%; }
.logo img { width: 100%; }
.logo a { display: block; }
/*--logo end------------------------------------------*/
/*slide-menu*/
.slide-menu { height: 100%; position: fixed; z-index: 9; width: 60px; left: 0; top: 0; }
.slide-box { transition: 0.3s ease 0s; width: 100%; height: 100%; position: relative; background: #0061ae; }
.slide-box .T { transition: 0.3s ease 0s; color: rgba(255,255,255,0.5); text-transform: uppercase; position: absolute; font-size: 14px; z-index: 1; width: 100%; writing-mode: vertical-lr; writing-mode: tb-lr; left: 0; line-height: 60px; top: 3%; }
.slide-box .B { transition: 0.3s ease 0s; z-index: 1; position: absolute; bottom: 3%; left: 0; width: 100%; }
.slide-box .B img { margin: 0 auto; width: 40%; }
body.on .slide-box .B, body.on .slide-box .T { opacity: 0; }
.slide-box .M { position: relative; width: 100%; left: 0; top: 0; height: 100%; }
/*share*/
.share { color: #fff; width: 66.66%; margin: 16% auto 0; font-size: 16px; text-transform: uppercase; }
/*.share li a { font-size: 0; width: 50px; height: 50px; border: 1px solid #fff; box-sizing: border-box; display: block; border-radius: 50%; line-height: 50px; }
.share li a img { max-width: 20px; max-height: 17px; display: inline-block; vertical-align: middle; }
.share li { text-align: center; font-size: 0; display: inline-block; vertical-align: top; margin-left: 15px; }
.share li:first-child { margin-left: 0; }
.share ul { overflow: hidden; margin-top: 20px; }*/
.bshare-custom.icon-medium-plus .bshare-weixin { background: url(../images/icon8.png) no-repeat center !important; }
.bshare-custom.icon-medium-plus .bshare-qqim { background: url(../images/icon7.png) no-repeat center !important; }
.bshare-custom.icon-medium-plus .bshare-sinaminiblog { background: url(../images/icon9.png) no-repeat center !important; }
.bshare-custom.icon-medium-plus a { margin-right: 15px; font-size: 0; width: 50px !important; height: 50px !important; border: 1px solid #fff; box-sizing: border-box; display: block; border-radius: 100%; line-height: 50px; }
.bshare-custom.icon-medium-plus { display: flex; justify-content: left; align-items: left; margin-top: 20px; }
.bshare-custom a:hover { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
/*menu_f2*/
.MenuList_f2 { overflow: hidden; }
.MenuList_f2 li:first-child { margin-left: 0; }
.MenuList_f2 li { margin-left: 4%; display: inline-block; vertical-align: top; }
.MenuList_f2 h3 { font-weight: normal; line-height: 1; }
.MenuList_f2 a { display: block; font-size: 16px; color: #000; transition: 0.3s ease 0s; }
.MenuList_f2 a:hover { color: #0061ae; text-decoration: underline; }
/*right-slide*/
.notRead_num{ position: absolute; font-size: 0; background: #d80707; color: #fff; z-index: 0; top: 0; right: 0; width: 14px; height: 14px; border-radius: 50%; line-height: 25px; text-align: center; transform: translate(40%, -40%); display: none; }
.right-slide { right: 20px; position: fixed; top: 50%; margin-top: -127px; z-index: 2; }
.right-slide li:first-child { margin-top: 0; }
.right-slide li { margin-top: 1px; position: relative; text-align: right; }
.right-slide li i { transition: 0.3s ease 0s; font-size: 0; display: inline-block; vertical-align: top; width: 50px; height: 50px; text-align: center; background: #191919; line-height: 50px; }
.right-slide li i img { display: inline-block; vertical-align: middle; max-width: 45%; max-height: 80%; }
.right-slide a { position: relative; z-index: 0; display: block; font-size: 0; transition: 0.3s ease 0s; }
.right-slide a span { overflow: hidden; font-size: 20px; height: 50px; line-height: 50px; width: 0; display: inline-block; vertical-align: top; text-align: center; background: #191919; color: #fff; transition: 0.3s ease 0s; white-space: nowrap; }
.right-slide a:hover span { width: 160px; background: #0061ae; }
.right-slide a:hover i { background: #0061ae; }
.hover-text.ewm img { width: 140px; }
.hover-text { background: rgba(0,0,0,0.5); position: absolute; right: 70px; top: 0; z-index: -1; transform: scale(0); transition: 0.3s ease 0s; transform-origin: right 25px; }
.hover-box { border: 1px solid #eee; position: relative; box-sizing: border-box; }
.hover-box:before, .hover-box:after { content: ''; position: absolute; border-style: solid; }
.hover-box:before { right: -8px; top: 19px; border-color: transparent transparent transparent #fff; border-width: 6px 0 6px 8px; z-index: 1; }
.hover-box:after { right: -9px; top: 17px; border-color: transparent transparent transparent #eee; border-width: 8px 0 8px 9px; }
.right-slide a[title*="公众号"]:hover+.hover-text { transform: scale(1); }
/*footer*/
.footer-box { width: calc(100% - 60px); position: absolute; left: 60px; bottom: 0; z-index: 1; margin-left: auto; }
.footer { font-size: 0; width: 89%; margin: 0 auto; color: #777; padding: 21px 0; overflow: hidden; border-top: 1px solid #e8e8e8; }
.footer>* { font-size: 14px; display: inline-block; vertical-align: bottom; }
.footer .R { display: inline-block; vertical-align: bottom; }
.footer img { vertical-align: middle; display: inline-block; }
.footer-T { position: relative; z-index: 0; width: calc(100% - 60px); margin-left: auto; font-size: 0; margin-bottom: 1%; display: none; padding-top: 2%; border-top: 15px solid #f7f7f7; margin-top: 8%; }
.page .footer-T { display: block; }
.footer-T .L p { font-size: 24px; color: #e92e5e; font-weight: bold; }
.footer-T .L span { font-size: 36px; font-family: "微软雅黑", Microsoft YaHei; display: block; font-weight: bold; color: #0061ae; margin-top: 3%; }
.footer-T .L em { display: block; color: #777; font-size: 14px; margin-top: 5%; }
.footer-T .L { width: 33%; }
.footer-T .R { width: 67%; text-align: right; font-size: 14px; }
.footer-btn a { display: inline-block; font-size: 14px; vertical-align: top; color: #fff; padding: 10px 30px; margin-left: 1.5%; background: #fff; position: relative; z-index: 1; }
.footer-btn a:before { transition: 0.3s ease 0s; content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; }
.footer-btn a:first-child { margin-left: 0; }
.footer-btn a:first-child:before { background: #0061ae; }
.footer-btn a:last-child:before { background: #e92e5e; }
.footer-btn a:hover:before { opacity: 0.8; }
.footer-btn, #MenuList_f3 ul { font-size: 0; }
#MenuList_f3 { margin-top: 3.5%; }
#MenuList_f3 li:first-child { margin-left: 0; }
#MenuList_f3 li { margin-left: 2.3%; display: inline-block; vertical-align: top; }
#MenuList_f3 h3 { font-size: 14px; color: #777; font-weight: normal; }
/*page-public*/
.p-width { width: 89%; margin: 0 auto; }
.banner { width: 100%; overflow: hidden; position: relative; }
.banner-text { position: absolute; width: calc(100% - 60px); right: 0; bottom: 19%; }
.banner-text .text-w { width: 89%; color: #fff; margin: 0 auto; }
.ResTitle_c1 h2 { font-size: 2.5vw; }
.banner-text .text-w p { font-size: 1.45vw; margin-top: 1.2%; }
.page .menu-box { position: relative; left: 0; margin-left: auto; background: #fff; }
.page .footer-box { position: relative; left: 0; }
.page-box { width: calc(100% - 60px); margin-left: auto; }
.page-w { width: 89%; margin: 0 auto; }
#pos { color: #999; font-size: 14px; background: url(../images/location.png) no-repeat left bottom; background-size: 16px 21px; padding-left: 25px; padding-top: 7px; margin-top: 1.5%; }
.nav, .page-content { margin-top: 4%; }
.page-content img{max-width: 100%;}
.NavList_a1 li:first-child { margin-left: 0; }
.NavList_a1 a { padding: 10px 30px; display: block; font-size: 16px; color: #fff; background: #ccc; transition: 0.3s ease 0s; }
.NavList_a1 a.on { background: #0061ae; }
.NavList_a1 { font-size: 0; }
.NavList_a1 li { margin-left: 5px; display: inline-block; vertical-align: top; }
.ClassList_b1 { font-size: 0; }
.ClassList_b1 li:first-child { margin-left: 0; }
.ClassList_b1 li { margin-left: 5px; padding: 10px 30px; display: inline-block; vertical-align: top; color: #fff; background: #ccc; transition: 0.3s ease 0s; }
.ClassList_b1 li.on { background: #0061ae; }
.ClassList_b1 li a { display: block; width: 100%; height: 100%; font-size: 16px; }
/*business*/
.title1 h3 { font-size: 32px; color: #000; font-weight: normal; }
.title1 span { font-size: 24px; color: #d8d8d8; margin-left: 20px; text-transform: uppercase; }
.rid29>ul>li { margin-top: 6.5%; }
.rid29>ul>li:first-child, .rid29 .B dl li:first-child { margin-top: 0; }
.rid29 .T { margin-top: 4.2%; }
.rid29 .T ul, .rid29 .B ul { font-size: 0; }
.rid29 .T li:first-child { margin-left: 0; }
.rid29 .T li { margin-left: 5%; display: inline-block; vertical-align: top; }
.rid29 .T li i { font-size: 0; text-align: center; max-width: 105px; max-height: 105px; box-sizing: border-box; border: 2px solid #0077dd; border-radius: 50%; width: 5.5vw; height: 5.5vw; }
.rid29 .T.PC li i { border: 2px solid #0077dd; }
.rid29 .T.MOB li i { border: 2px solid #090; }
.rid29 .T.WEB3 li i { border: none; }
.rid29 .T.WEB3 li:nth-child(1) i { background-color: #5dc2d0; }
.rid29 .T.WEB3 li:nth-child(2) i { background-color: #abcd03; }
.rid29 .T.WEB3 li:nth-child(3) i { background-color: #fdd35b; }
.rid29 .T.WEB3 li:nth-child(4) i { background-color: #eb6153; }
.rid29 .T.DNS li i { border: 2px solid #9b0282; }
.rid29 .T.EMAIL li i { border: 2px solid #e50012; }
.rid29 .T li i, .rid29 .T li p { display: inline-block; vertical-align: middle; }
.rid29 .T li i:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.rid29 .T li img { display: inline-block; vertical-align: middle; max-width: 60%; max-height: 65%; }
.rid29 .T li p { font-size: 14px; color: #444; line-height: 1.8; margin-left: 45px; width: 112px; }
.rid29 .B ul>li:nth-child(2n+1) { margin-left: 0; }
.rid29 .B ul>li { margin-top: 3%; margin-left: 3%; display: inline-block; vertical-align: top; width: 48.5%; }
.rid29 .B dl { overflow: hidden; width: 100%; }
.rid29 .B dl dd { text-align: center; width: 12.3vw; height: 12.3vw; max-width: 236px; max-height: 236px; border-radius: 20px; float: left; font-size: 0; }
.rid29 .B dl dd i { display: block; width: 100%; height: 100%; }
.rid29 .B dl dd i:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.rid29 .B dl dd img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
.rid29 .B dl dt { float: right; width: 68.5%; }
.rid29 .B dl h3 { font-size: 30px; font-weight: normal; color: #0061ae; }
.rid29 .B dl ol { margin-top: 5%; padding-left: 15px; }
.rid29 .B dl li { font-size: 14px; color: #777; line-height: 1.6; list-style-type: disc; margin-top: 10px; }
.rid29 .B { margin-top: 2%; }
/* 小程序图标 */
.par1-2-content-box { margin-top: 2vw; display: flex; }
.par1-2-content { width: 33.333%; text-align: center; }
.part1-2-cir { margin-right: 0.64vw; width: 5.7vw; height: 5.7vw; background: #00b258; border-radius: 50%; display: inline-block; }
.part1-2-cir h2 { line-height: 5.73vw; font-size: 24px; text-align: center; color: #fff; }
.par1-2-content span { font-size: 14px; font-weight: 600; color: #00b258; line-height: 5.73vw; }
@media screen and (max-width: 1200px) {
.par1-2-content span { display: block; text-align: center; }
.part1-2-cir { margin-right: 0.64vw; width: 8.7vw; height: 8.7vw; }
.part1-2-cir h2 { line-height: 8.7vw }
}
@media screen and (max-width: 720px) {
.part1-2-cir { margin-right: 0.64vw; width: 15.7vw; height: 15.7vw; }
.part1-2-cir h2 { line-height: 15.7vw }
}
/* QS */
.rid29 .qs_sec-1 { display: block; width: 100%; }
.rid29 .qs_sec-1 img { width: 100%; }
.qs_sec-2 { display: block; width: 100%; }
.qs_sec-2 ul li { box-sizing: border-box; display: block; float: left; border-right: 1px dashed rgb(0, 162, 233); width: 25%; margin-bottom: 24px; }
.qs_sec-2 ul li:last-child { border-right: none; }
.qs_sec-2 ul li dd { display: block; text-align: center; }
.qs_sec-2 ul li h3 { font-size: 28px; font-weight: bold; color: rgb(0, 162, 233); text-align: center; line-height: 1.25; }
.qs_sec-2 ul li img { width: 100%; max-width: 372px; display: inline-block; }
.qs_sec-2 ul li p { font-size: 18px; font-weight: normal; color: rgb(95, 93, 93); text-align: center; line-height: 2.5; }
@media screen and (max-width: 1200px) {
.qs_sec-2 ul li { width: 33.333%; }
.qs_sec-2 ul li:nth-child(1) { border-right: 1px dashed rgb(0, 162, 233)!important; }
.qs_sec-2 ul li:nth-child(2n+1) { border-right: none; }
}
@media screen and (max-width: 720px) {
.qs_sec-2 ul li h3 { font-size: 16px; }
.qs_sec-2 ul li p { font-size: 14px; }
.qs_sec-2 ul li { width: 50%; }
.qs_sec-2 ul li { border-right: none; }
.qs_sec-2 ul li:nth-child(odd) { border-right: 1px dashed rgb(0, 162, 233); }
}
/* 企业微信 */
.entweixin .R h3 { font-size: 30px; font-weight: bold; color: #009fe9; line-height: 1.25; }
.entweixin .R ol { margin-top: 15px; padding-left: 15px; width: 80%; }
.entweixin .R li { font-size: 18px; color: #777; line-height: 2; list-style-type: disc; margin-top: 10px; }
.entweixin .R p { font-size: 18px; color: #777; line-height: 1.5; margin-top: 18px; width: 80%; text-align: justify; }
.entweixin .frow { display: flex; align-items: center; margin-top: 24px; flex-direction: row; }
.entweixin .frow .L { width: 50%; }
.entweixin .frow .L img { width: 100%; }
.entweixin .frow .R { width: 50%; }
@media screen and (max-width: 720px) {
.entweixin .frow { flex-direction: column-reverse; }
.entweixin .frow .L, .entweixin .frow .R { width: 100%; }
}
.ResTitle_c1 br, .ResTitle_c1 em, .ResTitle_a2 br, .ResTitle_a2 em, #MenuList_f3 .child { display: none; }
/*电商运营*/
.operation>ul>li { margin-top: 6.5%; width: 100%; float: left; }
.operation>ul>li:first-child { margin-top: 0; }
.operation .opt-img { float: left; position: relative; display: block; width: 30%; background-color: #d2ecfb; border: 2px solid #0061ae; border-radius: 5%; }
.operation .opt-img.style2 { background-color: #f5f5f5 !important; border: none !important; }
.operation .opt-img:before { content: ""; display: block; padding-top: 100%; }
.operation .opt-img img { position: absolute; left: 10%; top: 10%; display: inline-block; vertical-align: middle; max-width: 80%; max-height: 80%; }
.operation .opt-list { float: right; width: 60%; }
.operation .opt-list h2 { font-size: 48px; font-weight: normal; color: #0069c2; letter-spacing: 5px; margin: 50px 0; }
.operation .opt-list h3 { font-size: 30px; font-weight: normal; color: #0061ae; }
.operation .opt-list h3.color_pink { color: #e92e5e !important; }
.opt-ul { margin-top: 4%; }
.opt-ul li { width: 33.33%; margin-bottom: 1.5c%;
float: left; }
.opt-ul li i { font-size: 0; text-align: center; max-width: 105px; max-height: 105px; width: 5.5vw; height: 5.5vw; }
.opt-ul li i.bd { border: 2px solid #e8e8e8; border-radius: 50%; margin-bottom: 8px; }
.opt-ul li i, .opt-ul li p { display: inline-block; vertical-align: middle; }
.opt-ul li i:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.opt-ul li img { display: inline-block; vertical-align: middle; max-width: 60%; max-height: 60%; }
.opt-ul li p { font-size: 16px; color: #444; line-height: 1.8; margin-left: 20px; width: 112px; }
/* 2019电商运营 */
.operation2 .titlecblock { display: flex; align-items: center; padding-bottom: 120px; background-color: #6e6fda; background-image: url('../images/v2019_marketing_p-2.png'); background-position: left bottom; background-size: 101% 120px; background-repeat: no-repeat; border-radius: 23px 23px 0 0; }
.operation2 .L { width: 50%; padding: 3vw 10vw 3vw 5vw; box-sizing: border-box; }
.operation2 .L h3 { font-size: 30px; color: #fff; line-height: 1.25; font-weight: normal; }
.operation2 .L p { margin-top: 20px; font-size: 16px; color: #fff; line-height: 2; text-align: justify; }
.operation2 .R { width: 50%; text-align: center; padding: 3vw 0; box-sizing: border-box; }
.operation2 .R img { display: inline-block; width: 100%; max-width: 586px; }
.operation2 .contentblock { display: flex; align-items: center; }
.operation2 .pics { width: 40%; box-sizing: border-box; text-align: center; }
.operation2 .pics img { display: inline-block; width: 75% }
.operation2 .icons { width: 60%; box-sizing: border-box; }
.operation2 .icons ul { display: block; }
.operation2 .icons ul li { display: block; box-sizing: border-box; width: 33%; float: left; transition: all 0.3s; margin-bottom: 30px; }
.operation2 .icons ul li:hover { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) }
.operation2 .icons ul li dl { display: flex; align-items: center; }
.operation2 .icons ul li dl dd { box-sizing: border-box; padding-right: 1vw; }
.operation2 .icons ul li dl dd img { width: 5vw; height: 5vw; }
.operation2 .icons ul li dl dt { box-sizing: border-box; text-align: left:
}
.operation2 .icons ul li dl dt span { font-size: 16px; }
@media screen and (max-width: 1200px) {
.operation2 .L h3 { font-size: 24px; }
.operation2 .L p { font-size: 14px; }
}
@media screen and (max-width: 720px) {
.operation2 .L { padding: 10vw 8vw 3vw 8vw; }
.operation2 .titlecblock { flex-direction: column; }
.operation2 .L, .operation2 .R { width: 100%; }
.operation2 .R img { width: 80% }
.operation2 .contentblock { flex-direction: column-reverse; }
.operation2 .pics { width: 100%; }
.operation2 .icons { width: 100%; }
.operation2 .icons ul li dl dd img { width: 15vw; height: 15vw; margin-bottom: 3vw; }
.operation2 .icons ul li dl dt { text-align: center:
}
.operation2 .icons ul li dl { flex-direction: column; }
.operation2 .icons ul li dl dt { text-align: center; }
.operation2 .icons ul li dl dt span { font-size: 14px; }
}
/* 平面设计 */
.gra_design .gdbox { display: flex; align-items: center; }
.gra_design .gdbox .words { width: 50%; box-sizing: border-box; padding: 3vw; }
.gra_design .gdbox .pic { width: 50%; box-sizing: border-box; padding: 3vw; }
.gra_design .gdbox .pic img { display: inline-block; width: 100%; max-width: 694px; }
.gra_design .gdbox .words h3 { font-size: 30px; color: #DAB96B; line-height: 1.25; font-weight: normal; }
.gra_design .gdbox .words p { margin-top: 20px; font-size: 16px; color: #444; line-height: 2; text-align: justify; }
@media screen and (max-width: 720px) {
.gra_design .gdbox { flex-direction: column; }
.gra_design .gdbox .words { width: 100%; }
.gra_design .gdbox .pic { width: 100%; }
}
/* 商业摄影 */
.gra_photo h3 { font-size: 30px; font-weight: normal; margin-bottom: 30px; color: #d9b765; }
.gra_photo .boxes .figures { display: block; box-sizing: border-box; width: 100%; float: left; }
.gra_photo .boxes .figures li { display: block; box-sizing: border-box; width: 25%; float: left; text-align: center; padding: 48px; }
.gra_photo .boxes .figures li:nth-child(1) { background-color: #7ccdf3; }
.gra_photo .boxes .figures li:nth-child(2) { background-color: #f6ac3b; }
.gra_photo .boxes .figures li:nth-child(3) { background-color: #aacd06; }
.gra_photo .boxes .figures li:nth-child(4) { background-color: #e9536a; }
.gra_photo .boxes .figures li i { display: inline-block; }
.gra_photo .boxes .figures li i img { height: 83px; }
.gra_photo .boxes .figures li p { color: #fff; font-size: 16px; line-height: 1.5; height: 48px; overflow: hidden; }
.gra_photo .boxes .pics { display: block; box-sizing: border-box; width: 100%; float: left; }
.gra_photo .boxes .pics li { display: block; float: left; width: 33.33%; height: 18vw; position: relative; overflow: hidden; }
.gra_photo .boxes .pics li img { width: 100%; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
/* .gra_photo .boxes .pics li:last-child{width: 100%;}
.gra_photo .boxes .pics li:last-child img{width: 100%;height: auto;} */
.gra_photo .boxes .pics li span { color: #fff; font-size: 16px; position: absolute; bottom: 18px; left: 20px; }
@media screen and (max-width: 720px) {
.gra_photo h3 { margin-bottom: 15px; }
.gra_photo .boxes .figures li { width: 50%; padding: 14px 14px; }
.gra_photo .boxes .figures li i img { height: 61px; }
.gra_photo .boxes .figures li p { color: #fff; font-size: 14px; height: 63px; }
.gra_photo .boxes .pics li { width: 100%; height: 48vw; }
}
/*域名空间*/
.logo-sp { margin-top: 4%; width: 100%; text-align: center; }
.logo-sp img { margin: 0 2%; width: 20vw; max-width: 300px; display: inline-block; }
.domain>ul>li { margin-top: 6.5%; }
.domain>ul>li:first-child, .domain .B dl li:first-child { margin-top: 0; }
.domain .T { margin-top: 4.2%; }
.domain .T ul, .domain .B ul { font-size: 0; }
.domain .T li:first-child { margin-left: 0; }
.domain .T.w25 li { width: 25%; }
.domain .T.w20 li { width: 20%; }
.domain .T.w16 li { width: 16.66%; }
.domain .T li { display: inline-block; vertical-align: top; }
.domain .T li i { font-size: 0; text-align: center; max-width: 105px; max-height: 105px; box-sizing: border-box; border: 2px solid #0077dd; border-radius: 50%; width: 5.5vw; height: 5.5vw; }
.domain .T.DNS li i { border: 2px solid #9b0282; }
.domain .T.EMAIL li i { border: 2px solid #e50012; }
.domain .T.PBM li i { border: 2px solid #008cd6; }
.domain .T li i, .domain .T li p { display: inline-block; vertical-align: middle; }
.domain .T li i:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.domain .T li img { display: inline-block; vertical-align: middle; max-width: 60%; max-height: 65%; }
.domain .T li p { font-size: 14px; color: #444; line-height: 1.8; margin-left: 20px; width: 112px; }
.domain .B ul>li { margin-top: 3%; display: inline-block; vertical-align: top; width: 100%; }
.domain .B dt { float: left; display: block; width: 20%; }
.domain .B dl dt img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
.domain .B dl dd ol { float: right; width: 70%; margin-top: 2vh; padding-right: 5%; }
.domain .B dl dd ol li { font-size: 14px; color: #777; line-height: 1.6; list-style-type: disc; margin-top: 10px; }
/*商业摄影*/
.b_pg { }
.b_pg li { position: relative; float: left; width: 31%; margin: 0 2% 2% 0; height: 22vw; display: flex; flex-direction: column; justify-content: center; overflow: hidden; }
.b_pg li span { position: absolute; left: 5%; bottom: 5%; color: #fff; font-size: 1.45vw; text-shadow: #000 1px 1px 5px; }
.b_pg li.b_pg_top { display: none; background: #dbf1ee; font-size: 1.45vw; line-height: 1.6; color: #13a18b; text-align: center; }
.b_pg li.b_pg_bottom { background: #dbf1ee; font-size: 1.45vw; line-height: 1.6; color: #13a18b; text-align: center; }
/*PB营销服务*/
.pbm_txt { margin-bottom: 4.2%; line-height: 2; font-size: 16px; }
.pbm_img { margin-top: 4.2%; }
/*微直播*/
.mob_gn .mob_gn_l { float: left; padding-top: 6%; width: 40%; }
.mob_gn .mob_gn_l img { width: 30%; }
.mob_gn .mob_gn_l ol { margin-top: 6%; padding-left: 15px; }
.mob_gn .mob_gn_l ol li { font-size: 1.45vw; color: #777; line-height: 2; list-style-type: disc; margin-top: 10px; }
.mob_gn .mob_gn_r { float: right; width: 60%; }
.mob_gn .mob_gn_r img { display: block; vertical-align: middle; width: 100%; }
/*三维设计*/
.list3d { }
.list3d div { display: block; width: 32%; margin-right: 2%; float: left; transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.list3d div:nth-child(3) { margin-right: 0; }
.list3d div:hover { transform: translateY(-10px); transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.list3d div img { width: 100%; }
.list3d div span { display: block; width: 100%; line-height: 30px; text-align: center; color: #777; font-size: 14px; }
.list3d div:hover span { color: #0061ae; }
.list3d .video-3d { z-index: -1; transform: inherit !important; vertical-align: middle; opacity: 0; height: 100%; margin: 0 !important; width: 100% !important; top: 0; position: fixed; left: 0; background: rgba(0,0,0,0.7); transition: 0.3s linear 0s; }
.list3d video { margin-top: -281px; top: 50%; margin-left: -500px; left: 50%; width: 1000px; position: fixed; height: 562px; z-index: 99999; display: none; }
.design_3d h3 { font-size: 30px; font-weight: normal; margin-bottom: 30px; color: #d9b765; }
.threed_title { display: flex; align-items: center; margin-bottom: 12px; }
.threed_title .des { width: 50%; box-sizing: border-box; }
.threed_title .icons { width: 50%; box-sizing: border-box; text-align: right; }
.threed_title .icons ul { display: inline-block }
.threed_title .icons ul li { display: inline-block; box-sizing: border-box; width: 291px; height: 199px; padding: 23px 52px; vertical-align: top; }
.threed_title .icons ul li:nth-child(1) { background-color: #9ed8f6; }
.threed_title .icons ul li:nth-child(2) { background-color: #aacd06; }
.threed_title .icons ul li i { display: block; text-align: center; margin-bottom: 14px; }
.threed_title .icons ul li i img { height: 83px; display: inline-block; }
.threed_title .icons ul li p { color: #fff; text-align: justify; font-size: 16px; line-height: 1.5; box-sizing: border-box; }
@media screen and (max-width: 720px) {
.threed_title { flex-direction: column; }
.threed_title .des { width: 100%; }
.threed_title .icons { width: 100%; text-align: left; }
.threed_title .icons ul li { display: inline-block; box-sizing: border-box; width: 100%; height: auto; padding: 12px 12px; }
.threed_title .icons ul li i { display: inline-block; margin-bottom: 0; vertical-align: middle; }
.threed_title .icons ul li i img { height: 54px; }
.threed_title .icons ul li p { font-size: 14px; display: inline-block; width: calc(100% - 54px); padding-left: 14px; vertical-align: middle; }
}
/* 印制服务 */
.printing .des { box-sizing: border-box; padding-top: 30px; padding-right: 8vw; }
.printing .des h3 { font-size: 30px; font-weight: normal; margin-bottom: 30px; color: #d9b765; }
.printing .list { display: block; }
.printing .list li { display: block; float: left; width: 33.33%; padding: 7px; box-sizing: border-box; }
.printing .list li:first-child { width: 66.66%; }
.printing .list li a { display: block; }
.printing .list li a img { width: 100%; }
 @media screen and (max-width: 720px) {
.printing .list li:first-child { width: 100%; }
.printing .list li { width: 100%; padding: 6px 0; }
.printing .des { padding-top: 0; padding-right: 0; }
}
/*智能系统-数字动画*/
.brand_bg { width: 100%; position: relative; }
.brand_h1 { position: absolute; left: 0; bottom: 0; font-size: 3vw; color: #0061ae; letter-spacing: 5px; line-height: 1.2; }
.count_list { width: 100%; z-index: 100; margin: 6% 0 3%; }
.counter { width: 25%; display: inline-block; float: left; }
.counter_ls { width: 100%; margin: 0 auto; }
.count-number { margin-bottom: 10px; font-size: 3.5vw; color: #0061ae; font-weight: bold; text-align: center; }
.count-number:after { content: "+"; }
.count-text { width: 100%; font-size: 16px; text-align: center; }
.brand_X4 { width: 100%; }
.brand_X4 dl { width: 40%; padding: 5% 4% 0; display: inline-block; *display:inline;
*zoom:1;
vertical-align: top; }
.brand_X4 dl dt, .brand_X4 dl dd { width: 100%; }
.brand_X4 dl dt { text-align: center; }
.brand_X4 dl dt img { margin: 0 0 8% 0; width: 20vw; max-width: 300px; display: inline-block; }
.brand_X4 dl dd p { width: 40%; float: left; line-height: 1.8; color: #777; }
.brand_X4 dl dd i { display: block; width: 50%; float: right; }
.brand_X4 dl dd i img { width: 100%; vertical-align: middle; }
/* 品牌策动 */
.brandp .brand_title { display: flex; align-items: center; }
.brandp .brand_title .alubiz_logo { width: 50%; text-align: center; }
.brandp .brand_title .alubiz_logo img { display: inline-block; }
.brandp .brand_title .alubiz_logo h2 { font-size: 3vw; color: #0061ae; line-height: 1.2; }
.brandp .brand_title .brand_img { width: 50%; text-align: center; }
.brandp .brand_title .brand_img img { display: inline-block; width: 100%; max-width: 763px; }
.brand_zone { display: block; width: 80%; margin: 0 auto; }
.brand_zone li { display: block; }
.brand_zone li dl { display: flex; align-items: center; }
.brand_zone li:nth-child(even) dl { flex-direction: row-reverse; }
.brand_zone li:nth-child(even) dl dd { padding: 0 5vw 0 0; }
.brand_zone li dl dt { width: 40%; }
.brand_zone li dl dd { width: 60%; padding: 0 0 0 5vw; margin: 20px 0; }
.brand_zone li dl dt img { width: 100%; }
.brand_zone li dl dd p { font-size: 16px; line-height: 1.75; }
.brand_zone li dl dd .ljw_h3 { font-size: 30px; font-weight: bold; color: #0054a3; margin-bottom: 30px; }
.brand_zone li dl dd .ljw_h3 small { font-size: 24px; font-weight: normal; color: #333; }
.brand_zone .p_w_50 { width: 50%; }
 @media screen and (max-width: 720px) {
.brand_zone .p_w_50 { width: 60%; }
}
 @media screen and (max-width: 720px) {
.brandp .brand_title { flex-direction: column }
.brandp .brand_title .alubiz_logo { width: 100%; height: 100px; }
.brandp .brand_title .brand_img { width: 100%; margin-bottom: 30px; }
.brandp .brand_title .alubiz_logo h2 { font-size: 28px; }
.brand_zone .p_w_50 { width: 80%; }
.brand_zone li dl { flex-direction: column; margin-bottom: 20px; }
.brand_zone li:nth-child(even) dl { flex-direction: column; }
.brand_zone li:nth-child(even) dl dd { padding: 0 5vw 0 0; }
.brand_zone li dl dt { width: 100%; }
.brand_zone li dl dd { width: 100%; }
}
/*资讯*/
.NewsList_i1 li, .NewsList_j1 li, .NewsList_k1 li { width: 23%; *width:22.95%!important;
margin-right: 2.66%; float: left; margin-bottom: 50px; }
.NewsList_i1 li a, .NewsList_j1 li a, .NewsList_k1 li a { display: block; }
.NewsList_i1 li:nth-of-type(4n) { margin-right: 0; }
.NewsList_j1 li:nth-of-type(4n) { margin-right: 0; }
.NewsList_k1 li:nth-of-type(4n) { margin-right: 0; }
.NewsList_i1 .hd, .NewsList_j1 .hd, .NewsList_k1 .hd { margin-top: 20px; margin-bottom: 20px; }
.NewsList_i1 .hd span, .NewsList_j1 .hd span, .NewsList_k1 .hd span { display: block; line-height: 30px; height: 30px; font-size: 20px; font-family: "微软雅黑"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.NewsList_i1 .hd span a, .NewsList_j1 .hd span a, .NewsList_k1 .hd span a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.NewsList_i1 .hd i, .NewsList_j1 .hd i, .NewsList_k1 .hd i { display: block; line-height: 24px; font-size: 14px; color: #777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 76px; }
.NewsList_i1 .hd em, .NewsList_j1 .hd em, .NewsList_k1 .hd em { display: block; padding-top: 10px; }
.NewsList_i1 .case_img, .NewsList_j1 .case_img, .NewsList_k1 .case_img { display: block; width: 100%; max-height: 220px; overflow: hidden; cursor: pointer; font-family: "微软雅黑"; }
.NewsList_i1 .case_img img, .NewsList_j1 .case_img img, .NewsList_k1 .case_img img { width: 100%; height: 220px; }
/*案例详情*/
.ProductDetail_b1 { width: 100%; margin: 0 auto; }
.ProductDetail_b1 h2 { font-size: 30px; line-height: 50px; font-weight: normal; margin-bottom: 20px; }
.ProductDetail_b1 h3 { font-size: 16px; line-height: 32px; font-weight: normal; font-family: Arial; }
.ProductDetail_b1 .Product_Detail { width: 100%; margin-top: 50px; }
.caseback { width: 180px; height: 180px; display: block; margin: 50px auto; border-radius: 50%; text-align: center; line-height: 180px; font-size: 40px; font-family: "微软雅黑"; border: 3px #0061ae solid; transform: translateY(0px); transition-duration: 0.5s; }
.caseback:hover { transform: translateY(-10px); transition-duration: 0.5s; color: #333; }
/*我们客户*/
.partner_title { display: block; width: 100%; font-size: 30px; line-height: 50px; font-weight: normal; margin: 0 0 20px 0; text-align: center; }
.partner { width: 100%; }
.partner ul.PhotoList_h1 li { width: 14.28%; margin: 1.5% 0; float: left; height: auto; text-align: center; }
.partner ul.PhotoList_h1 li img { width: 80%; height: auto; display: block; margin: 0 auto; }
.partner ul.PhotoList_h1 li p { display: none; width: 100%; height: 35px; line-height: 35px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*联系我们*/
#map_c { width: 100%; height: 500px; }
.contact_us h1 { font-size: 30px; line-height: 50px; font-weight: normal; margin: 30px 0 20px 0; }
.contact_us .contact_list li { float: left; width: 50%; font-size: 16px; padding: 15px 0; text-indent: 30px; }
.contact_us .contact_list li.hotline { background: url(../images/con01.png) left center no-repeat; }
.contact_us .contact_list li.address { background: url(../images/con02.png) left center no-repeat; }
.contact_us .contact_list li.tel { background: url(../images/con03.png) left center no-repeat; }
.contact_us .contact_list li.email { background: url(../images/con04.png) left center no-repeat; }
.contact_us .contact_list li.fax { background: url(../images/con05.png) left center no-repeat; }
/*我要应聘*/
.hrList_title1 { font-size: 30px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: solid #ddd 1px; padding-bottom: 10px; line-height: 50px; color: #e92e5e; }
#join { padding-top: 30px; }
.join_Left { width: 45%; float: left; }
.InputV2 { height: 38px; width: 100%; line-height: 38px; padding: 0 2%; border: 1px solid #ddd; background-color: #fafafa; box-sizing: border-box; }
.InputV2:focus { border: 1px solid #0061ae; background-color: #fff; }
.TextareaV2 { line-height: 150%; width: 100%; padding: 2%; border: 1px solid #ddd; background-color: #fafafa; resize: none; box-sizing: border-box; }
.TextareaV2:focus { border: 1px solid #0061ae; background-color: #fff; }
.ButtonV2 { height: 40px; line-height: 40px; padding: 0 20px; background-color: #e92e5e; color: #fff; font-size: 18px; cursor: pointer; font-family: "微软雅黑"; }
.join_Left li { height: 40px; width: 100%; float: left; margin-bottom: 12px; }
.join_Left .name { width: 70%; float: left; }
.join_Left .sex { width: 26%; float: right; line-height: 40px; }
.join_Left .phone { width: 70%; float: left; position: relative; }
.join_Left .Obtain { display: block; width: 90px; text-align: center; position: absolute; height: 28px; border: none; line-height: 28px; right: 6px; top: 5px; font-family: "微软雅黑"; background: #0061ae; color: #fff; cursor: pointer; }
.join_Left input.Obtain:disabled { background-color: #999; }
.join_Left .code { width: 26%; float: right; }
.join_Left .add { width: 100%; float: left; }
.join_Left .btn { width: 31%; float: left; }
/*反馈留言*/
#feedback { }
#feedback .content { margin-top: 20px; }
#feedback .mail { width: 30%; float: left; margin-top: 10px; }
#feedback .choice { width: 40%; float: left; margin-top: 10px; height: 40px; line-height: 40px; margin-left: 40px; }
#feedback .choice label { margin-right: 10px; }
#feedback .yourphone { width: 30%; float: left; margin-top: 10px; position: relative; }
#feedback .yourcode { width: 10%; float: left; margin-top: 10px; height: 40px; line-height: 40px; margin-left: 20px; }
.join_Right { width: 45%; padding-bottom: 25px; background: #f7f7f7; float: right; }
.join_Right>div { width: 128px; float: left; margin-left: 30px; margin-top: 25px; }
.join_Right span { float: left; margin-left: 40px; margin-top: 40px; width: 280px; line-height: 20px; font-family: "微软雅黑"; }
.join_Right em { display: block; float: left; margin-left: 30px; margin-top: 10px; width: 450px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.a-upload { padding: 4px 10px; width: 120px; height: 80px; line-height: 80px; position: relative; cursor: pointer; color: #888; background: #fafafa; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; display: inline-block; *display: inline;
*zoom: 1;
text-align: center; font-size: 20px; font-family: "微软雅黑"; transition-duration: 0.5s; }
.a-upload input { position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer; width: 120px; height: 80px; }
.a-upload:hover { color: #444; background: #eee; border-color: #ccc; text-decoration: none; transition-duration: 0.5s; }
.apply_ok { padding: 50px 0px; }
.apply_ok_L { float: left; width: 49%; border-right: #e8e8e8 solid 1px; }
.apply_ok_L span { padding-top: 150px; background: url(/images/ok.png) no-repeat top; width: 148px; text-align: center; margin: 0 auto; display: block; height: 60px; line-height: 60px; font-size: 26px; font-family: "微软雅黑"; }
.apply_ok_L em { width: 60%; display: block; margin: 20px auto; font-size: 16px; line-height: 24px; color: #777; font-family: "微软雅黑"; }
.apply_ok_L a { display: block; margin: 0 auto; width: 100px; height: 40px; line-height: 40px; text-align: center; background-color: #0061ae; color: #fff; border-radius: 8px; transition-duration: 0.3s; font-size: 16px; font-family: "微软雅黑"; }
.apply_ok_L a:hover { background-color: #e92e5e; color: #fff; transition-duration: 0.3s; }
.apply_ok_R { float: right; width: 49%; }
.apply_ok_R img { display: block; margin: 0 auto; }
.apply_ok_R span { display: block; line-height: 30px; text-align: center; color: #000; font-size: 20px; font-family: "微软雅黑"; font-weight: bold; }
.feedback { padding-top: 30px; padding-bottom: 50px; }
.feedback .check { display: block; width: 22%; margin-right: 3.5%; height: 60px; line-height: 60px; text-align: center; float: left; border: 1px solid #e8e8e8; cursor: pointer; font-size: 16px; font-family: "微软雅黑"; box-sizing: border-box; }
.feedback .check:hover { background-color: #f7f7f7; border: solid 1px #d2d2d2; }
.feedback .check.on { background-color: #0061ae; color: #fff; border-color: #0061ae; }
.feedback .check input { opacity: 0; margin-right: -10px; }
.feedback .check:nth-child(4n) { margin-right: 0; }
/*页码*/
#page { clear: both; margin-top: 15px; text-align: center; font-size: 14px; }
#page a { display: inline-block; padding: 0 11px; color: #333; height: 38px; line-height: 38px; min-width: 16px; background: #fff; border: #e3e3e3 solid 1px; text-align: center; }
#page span { display: inline-block; padding: 0 11px; height: 38px; line-height: 38px; border: #e3e3e3 solid 1px; color: #aaa; background: #fff; min-width: 16px; text-align: center; }
#page span.cur, #page a:hover { background: #0061ae; color: #fff; border: #0061ae solid 1px; }
.pageinfo { float: right; line-height: 28px; display: none; }
/*index-bottom*/
.page-quick-nav { position: absolute; right: 0; top: 0; z-index: 0; }
.quick-nav { box-sizing: border-box; }
.quick-nav h1 { display: inline-block; vertical-align: top; background: rgba(255,255,255,0.5); font-size: 0; padding: 0.5vw 1vw; }
.quick-nav a { font-size: 12px; color: #b2b2b2; }
.quick-nav a:not(:first-child) { margin-left: 1vw; }
#load_more_button { display: none; }
#wechat_mess { display: none; }
 @-webkit-keyframes bounce {  0%,  20%,  53%,  80%,  to {
 -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
 -webkit-transform: translateZ(0);
 animation-timing-function: cubic-bezier(.215, .61, .355, 1);
 transform: translateZ(0)
}
 40%,  43% {
 -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
 -webkit-transform: translate3d(0, -30px, 0);
 animation-timing-function: cubic-bezier(.755, .05, .855, .06);
 transform: translate3d(0, -30px, 0)
}
 70% {
 -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
 -webkit-transform: translate3d(0, -15px, 0);
 animation-timing-function: cubic-bezier(.755, .05, .855, .06);
 transform: translate3d(0, -15px, 0)
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0)
}
}
 @keyframes bounce {  0%,  20%,  53%,  80%,  to {
 -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
 -webkit-transform: translateZ(0);
 animation-timing-function: cubic-bezier(.215, .61, .355, 1);
 transform: translateZ(0)
}
 40%,  43% {
 -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
 -webkit-transform: translate3d(0, -30px, 0);
 animation-timing-function: cubic-bezier(.755, .05, .855, .06);
 transform: translate3d(0, -30px, 0)
}
 70% {
 -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
 -webkit-transform: translate3d(0, -15px, 0);
 animation-timing-function: cubic-bezier(.755, .05, .855, .06);
 transform: translate3d(0, -15px, 0)
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0)
}
}