/*@font-face { font-family:'HarmonyOS_Sans_SC_Light'; src: url("../Fonts/HarmonyOS_Sans_SC_Light.ttf"); font-display:swap; } @font-face { font-family:'HarmonyOS_Sans_SC_Regular'; src: url("../Fonts/HarmonyOS_Sans_SC_Regular.ttf"); font-display:swap; } @font-face { font-family:'HarmonyOS_Sans_SC_Medium'; src: url("../Fonts/HarmonyOS_Sans_SC_Medium.ttf"); font-display:swap; } @font-face { font-family:'HarmonyOS_Sans_SC_Bold'; src: url("../Fonts/HarmonyOS_Sans_SC_Bold.ttf"); font-display:swap; } html, body{font-family: 'HarmonyOS_Sans_SC_Regular';}*/ a:hover {color:#00a7a8;} /*Top003198 */ .Top003198{position: fixed;z-index: 100; left: 0;top: 0;width: 100%; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); } .Top003198 menu li span{display: block; font-size:calc(17 / 16 * 1em);;} .Top003198 menu li a:hover, .Top003198 menu li.aon span a{color: #00a7a8;} .Top003198 .top-hotline{color: #00a7a8; font-family:'HarmonyOS_Sans_SC_Bold'; font-size: calc(20 / 16 * 1em); padding-left: calc(30 / 20 * 1em); background: url(../images/Top003198-tel.svg) no-repeat left center; background-size: 1em auto; line-height: calc(36 / 20 * 1em);} .Top003198 .top-search{display: block; padding: 0; margin-left: calc(40 / 1920 * 100vw);} .Top003198 .top-search .box{position: relative; background-color: rgba(163,163,163,0.1); overflow: hidden;} .Top003198 .top-search .box .text{width: 100%;display: block; line-height: calc(36 / 16 * 1em);height: calc(36 / 16 * 1em); font-size: 1em; background: none; border: 0; padding-left: calc(42 / 16 * 1em);color: rgba(51, 51, 51, 0.5);} .Top003198 .top-search .box .text.focus{color: #000;} .Top003198 .top-search .box .btn{position: absolute;top: 0;width: calc(42 / 16 * 1em); height: 100%; background: url(../images/Top003198-search.svg) no-repeat center center;background-size:calc(15 / 42 * 100%) auto; cursor: pointer;} @media (min-width:1025px) { .Top003198{padding: 0 1%;} .Top003198 .logo{display: table; height: calc(100 / 16 * 1em);} .Top003198 .logo a{display: table-cell; vertical-align: middle;} .Top003198 .logo img{max-height:calc(68 / 16 * 1em);} .Top003198 menu li{float: left; margin-right:2.2vw;} .Top003198 menu li span{line-height: calc(100 / 17 * 1em);} .Top003198 .top-right{padding-top: calc(32 / 16 * 1em);} .Top003198 .top-right dd{float: left;} .Top003198 .top-search .box{width: calc(100 / 16 * 1em); border-radius: calc(100 / 16 * 1em); transition: 0.3s;} .Top003198 .top-search.show .box{width: calc(200 / 1920 * 100vw);} .Top003198 .top-search .box .btn{ left: 0;} } @media (min-width:1025px) and (max-width:1280px) { .Top003198 {padding: 0;} .Top003198 .logo {height: calc(88 / 16 * 1em);} .Top003198 .top-search {margin-left: calc(20 / 1920 * 100vw);} .Top003198 .top-hotline {font-size: calc(18 / 16 * 1em);line-height: calc(36 / 18 * 1em);} .Top003198 menu li{ margin-right:0.8vw;} .Top003198 menu li span {font-size: calc(15 / 16 * 1em);} .Top003198 .top-right {padding-top: calc(25 / 16 * 1em);} } @media (min-width:1281px) and (max-width:1500px) { .Top003198 menu li{ margin-right:0.6vw;} } @media (min-width:1501px) and (max-width:1600px) { .Top003198 menu li{ margin-right:1.2vw;} } @media (max-width:1024px) { .Top003198 .top-hotline, .Top003198 header:after{display: none;} .Top003198 header{display: flex; justify-content: space-between; align-items: center; height: calc(70 / 16 * 1em);} .Top003198 .logo img{max-height:calc(44 / 16 * 1em);} .Top003198 menu{position: fixed; left: -100%;top: calc(70 / 16 * 1em);height: calc(100% - (70 / 16 * 1em)); background-color: #fff;opacity: 0;transition: 0.5s;box-shadow: 0 5px 5px rgba(0,0,0,0.1); width:50vw; max-width: 240px;} .menu-show .Top003198 menu{left: 0; opacity: 1;} .Top003198 menu ul{height: 100%; overflow: auto;} .Top003198 menu li{border-bottom: 1px dotted #eee;} .Top003198 menu li span{line-height: 3; padding-left:2em;} .Top003198 menu li.has-sub span .op:before, .Top003198 menu li.has-sub span .op:after{background-color: #00a7a8;} .Top003198 li .sub{background-color: #eee;} .Top003198 .top-search{margin: 0 5vw 0 0; position: inherit;} .Top003198 .top-search .box{top: 100%; left: 0;width: 100%; opacity: 1; position: absolute; display: none; background-color: rgba(255,255,255,0.8);} .Top003198 .top-search .box .btn{ right: 0;} .Top003198 .top-search .box .text{padding: 0 calc(42 / 16 * 1em) 0 calc(20 / 16 * 1em);} .Top003198 .top-right dl:after{display: none;} .Top003198 .top-right dl{display: flex;align-items: center;} .Top003198 .open-search{ width: calc(24 / 16 * 1em); height: calc(24 / 16 * 1em); background: url(../images/Top003198-search.svg) no-repeat center center; background-size: contain;display: block; position: relative;} .Top003198 .open-search.on{width: calc(30 / 16 * 1em); height: calc(30 / 16 * 1em); } .Top003198 .open-search.on:after, .Top003198 .open-search.on:before{background-color: #00a7a8;} .Top003198 .open-menu{width: calc(30 / 16 * 1em); height: calc(24 / 16 * 1em); display: flex;flex-wrap: wrap;flex-direction: column; justify-content: space-between; transition: 0.3s;} .Top003198 .open-menu span{display: block; transition: 0.3s;height: 2px; background-color: #000;} .menu-show .Top003198 .open-menu{border-radius: 50%; background-color: #00a7a8; padding: calc(9 / 16 * 1em);height: calc(30 / 16 * 1em); } .menu-show .Top003198 .open-menu span{background-color: #fff; height: 1px;} } /*Banner003192 */ .Banner003192{position: relative; background: #000;} @media (min-width:1025px) { .Banner003192 .pc{height:869px;display: block;width: 100%; background-size: cover; background-repeat:no-repeat; background-position: center;transition: 1s;} .Banner003192 .pc:hover {transform: scale(1.04)} .Banner003192 .wap{display: none;} } @media (max-width:1024px) { .Banner003192 .pc{display: none;} } .Banner003192 li.slick-slide{position: relative;overflow: hidden;} .Banner003192 .slick-dots{position: absolute;right: calc(201.5 / 1920 * 100vw);bottom: calc(66 / 960 * 100%);z-index: 20;} .Banner003192 .slick-dots li{float: left;width: calc(30 / 1920 * 100vw); height: 3px; background-color: rgba(255, 255, 255, 1); opacity: 0.5; margin-left: 10px;} .Banner003192 .slick-dots li button{display: none;} .Banner003192 .slick-dots li.slick-active{opacity: 1;} .Banner003192 .mouse{position: absolute; background: url(../images/Banner003192_mouse.svg) no-repeat center; width: 22px;height: 34px;background-size: contain; z-index: 30; left: 50%; margin-left: -11px;bottom:calc(58 / 960 * 100%); animation: mouse 2s linear infinite alternate;} @keyframes mouse { 0%{opacity: 1;} 100%{opacity: 0;} } .Hometit{ margin-bottom: 4vw; text-align: center;} .Hometit .cn{font-family:'HarmonyOS_Sans_SC_Bold'; font-size: calc(44 / 16 * 1em); color: #333;} .Hometit .cn span{display: inline-block; position: relative; z-index: 10;} .Hometit .en{ color:#888; font-size: calc(20 / 16 * 1em);} .Homebg{position: absolute;font-size: 8.5vw; width: 100%; font-family:'HarmonyOS_Sans_SC_Bold'; -webkit-text-stroke-width:1px;color: transparent;-webkit-text-stroke-color:#f6f6f6; text-transform: uppercase; letter-spacing: 2px; z-index:-1; } .Homemore{display: inline-block;background: #00a7a8;color:#fff;padding: 0 15px;position: relative;} .Homemore:after{position: absolute; content: ''; width: 16px; height: 16px; background: url(../images/icon-Homemore.png) no-repeat center center;top: 50%; margin-top: -8px;right: 15px; transition: 0.3s;} .Homemore:hover{color: #fff;} .Homemore:hover:after {right:25px;} .Homemore span{display: block;line-height:42px;position: relative; padding-right: 44px;} @media (max-width: 1024px) { .Hometit .cn {font-size: 5.5vw;} } /*Floor003153 */ .Floor003153{padding:calc(140 / 16 * 1em) 0 calc(70 / 16 * 1em); overflow: hidden; position: relative;} .Floor003153 .tit{font-size: calc(36 / 16 * 1em); color: #333; padding-top: calc(140 / 32 * 1em); font-family:'HarmonyOS_Sans_SC_Medium'; background-size: auto 1em;} .Floor003153 .tit1{padding-top: calc(20 / 16 * 1em); font-size: calc(24 / 16 * 1em); } .Floor003153 p{font-size:1em; color: #666; padding:2vw 0 3.5vw; line-height: 2;margin: 0;} .Floor003153 .p{padding:0.2vw 0 0.5vw; line-height:2;} .Floor003153 .p span{color: #00a9a9;font-family:'HarmonyOS_Sans_SC_Medium';} @media (min-width:1025px) { .Floor003153 .Homebg{top:14%;left:56%;} .Floor003153 .intro{position: relative; padding-bottom: 4%;} .Floor003153 .intro::before{position: absolute;top:10%;right:0;content:'';display: block;width:90%;height:90%;background:url(../images/Floor003153-bg.png) no-repeat right bottom #f8f8f8;z-index:-1;background-size:cover;overflow: hidden;} .Floor003153 .intro .img{width:68%; position: relative; vertical-align:bottom;} .Floor003153 .intro1 .img{width:40%;padding-top: 3%;} .Floor003153 .intro .info{padding:4.6vw 4vw 0 4vw;} } @media (max-width:1024px) { .Floor003153 {padding: 8vw 0;} .Floor003153 .tit {padding-top: 4vw;font-size: 5vw;} } /*Floor003156 */ .Floor003156{padding:calc(140 / 16 * 1em) 0 calc(70 / 16 * 1em); overflow: hidden; position: relative;} .Floor003156 .tit{font-size: calc(36 / 16 * 1em); color: #333; padding-top: calc(140 / 32 * 1em); font-family:'HarmonyOS_Sans_SC_Medium'; background-size: auto 1em;} .Floor003156 .tit1{padding-top: calc(20 / 16 * 1em); font-size: calc(24 / 16 * 1em); } .Floor003156 p{font-size:1em; color: #666; padding:2vw 0 3.5vw; line-height: 2;margin: 0;} .Floor003156 .p{padding:0.2vw 0 0.5vw; line-height:2;} .Floor003156 .p span{color: #00a9a9;font-family:'HarmonyOS_Sans_SC_Medium';} @media (min-width:1025px) { .Floor003156 .Homebg{top:14%;left:56%;} .Floor003156 .intro{position: relative; padding-bottom: 4%; margin-bottom:3%;} .Floor003156 .intro::before{position: absolute;top:10%;right:0;content:'';display: block;width:90%;height:90%;background:url(../images/Floor003153-bg.png) no-repeat right bottom #f8f8f8;z-index:-1;background-size:cover;overflow: hidden;} .Floor003156 .intro .img{width:40%;padding-top: 2%;} .Floor003156 .intro .info{padding:5vw 3vw 0 3vw;} } @media (max-width:1024px) { .Floor003156 {padding: 8vw 0; } .Floor003156 .info {margin-top: 4vw;} } /*Floor003153 */ .Floor0031535 .auto{padding:6em 0;} .Floor0031535 .title{position: relative;margin-bottom: 0em;font-size: calc(36 / 16 * 1em);color: #333;font-family: 'HarmonyOS_Sans_SC_Medium';} .Floor0031535 .title .name{font-size: 1.625em;color: #333;line-height: 1;} .Floor0031535 .title .name:after{display: block;content: '';width: 15px; height: 2px; background-color: #00a7a8; margin-top: 1.23076em;} .Floor0031535 .intro .info{line-height: 2;} .Floor0031535 p{margin-top: 10px;} @media (min-width:1025px) { .Floor0031535 .intro .img{width: 50%;} .Floor0031535 .intro .info{padding-left: 5.0714em; font-size: 1em;} } @media (max-width:1024px) { .Floor0031535 .auto{padding: 2em 0;} .Floor0031535 .title {font-size: 5.5vw;} .Floor0031535 .intro .img{margin-bottom: 2em;} } /*Floor003154 */ .Floor003154{padding:calc(70 / 16 * 1em) 0 calc(140 / 16 * 1em); overflow: hidden; position: relative;} .Floor003154 .tit{font-size: calc(36 / 16 * 1em); color: #333; font-family:'HarmonyOS_Sans_SC_Medium'; background-size: auto 0.85em; } .Floor003154 .box{ padding-top:3vw; position: relative; margin-top: 3vw;} .Floor003154 .box p{font-size:1em; color: #666; padding-bottom:3vw; line-height: 2;margin: 0;} .Floor003154 .box p b{font-size: calc(22 / 16 * 1em);color:#00a7a8;padding: 0 5px; } @media (min-width:1025px) { .Floor003154 .Homebg{top:15%;left:8.5%;} .Floor003154 .ytable-cell{vertical-align:bottom;} .Floor003154 .box::before{ background:#f8f8f8; content:''; display: block; width:100vw; height:calc(100% + calc(140 / 16 * 1em)); position: absolute; top:0; left:50%; z-index:-1; transform: translateX(-27%);} .Floor003154 .intro .img{width:56%;} .Floor003154 .intro .info{padding-right:4vw;} } @media (max-width:1024px) { .Floor003154 {padding: 4vw 0;} .Floor003154 .tit {font-size: 4.5vw;} .Floor003154 .info {margin-bottom: 4vw;} } /*Floor003099 */ .Floor003099{padding:calc(140 / 16 * 1em) 0; position: relative; overflow: hidden;} .Floor003099 .auto{position: relative; z-index: 1;} .Floor003099 .slider .slick-list li a{display: block; margin:0 2.5523vw;} .Floor003099 .pic{overflow: hidden;position: relative;} .Floor003099 .pic:before, .Floor003099 .pic:after{content: '';position: absolute; width: 0;height: 0; opacity: 0; transition: 0.5s; border: 3px solid transparent; z-index: 10;} .Floor003099 .pic:before{left: 0;bottom: 0; border-left-color: #00a7a8;border-bottom-color: #00a7a8;} .Floor003099 .pic:after{right: 0; top: 0;border-right-color: #00a7a8;border-top-color: #00a7a8;} .Floor003099 li a:hover .pic:after, .Floor003099 li a:hover .pic:before{width: 100%; height: 100%; opacity: 1;} .Floor003099 .pic .Ispic{padding-bottom:74.63%; transition: 0.5s;} .Floor003099 li a:hover .Ispic{transform: scale(0.8);} .Floor003099 .slider li .txt{padding-top:1.25vw;} .Floor003099 .slider .slick-dots{display: table; margin:2% auto 0;} .Floor003099 .slider .slick-dots li{float: left; border: 1px solid #eaeaea;border-radius: 50%; width: 8px; height: 8px; margin: 0 12px;background: #eaeaea;} .Floor003099 .slider .slick-dots li button{display: none;} .Floor003099 .slider .slick-dots li.slick-active{border-color: #00a7a8;background: none;} .Floor003099 .txt time{font-size: calc(14 / 16 * 1em);color:#fff; padding: 4px 15px; background: #00a7a8;} .Floor003099 .txt .tit{font-size: calc(20 / 16 * 1em);color: #333; line-height: calc(30 / 20 * 1em); min-height: calc(60 / 20 * 1em);; margin-top: 10px; font-family:'HarmonyOS_Sans_SC_Medium'; } .Floor003099 .txt p{line-height:1.8; width:95%;color: #999;font-family:'HarmonyOS_Sans_SC_Light';} .Floor003099 .slick-arrow{position: absolute; z-index: 30; top: 50%; width: 60px; height: 60px; border: 1px solid #c0c0c0;padding: 0; margin-top: -30px; border-radius: 50%; transition: 0.3s;} .Floor003099 .slick-arrow:hover{background: #00a7a8; border-color: #00a7a8;} .Floor003099 .slick-arrow:before{position: absolute; content: ''; width: 10px; height:10px; border-bottom: 2px solid #c0c0c0;border-left: 2px solid #c0c0c0; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .Floor003099 .slick-arrow:hover:before{ border-bottom-color:#fff;border-left-color:#fff; } .Floor003099 .slick-next:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);} @media(min-width:641px){ .Floor003099 .slider{ margin: 0 -2.5523vw;} } @media(min-width:1025px){ .Floor003099 .Homebg{top:20%;left:0; text-align: center;} .Floor003099 .slider .slick-list li{padding-bottom:2.6vw;} } @media(min-width:1601px){ .Floor003099 .slick-prev{left: -5vw;} .Floor003099 .slick-next{right: -5vw;} } @media(max-width:1600px){ .Floor003099 .slick-prev{left: -60px;} .Floor003099 .slick-next{right: -60px;} } @media(max-width:1500px){ .Floor003099 .slick-prev{left: 0;} .Floor003099 .slick-next{right: 0;} } @media(max-width:1024px) { .Floor003099 {padding: 4vw 0;} } @media(max-width:640px){ .Floor003099 .slick-arrow{width: 40px; height: 40px;} } /*Floor003203 */ .Floor003203{ background:url(../images/Floor003203-bg.jpg) no-repeat center; background-size: cover; overflow: hidden; padding:calc(140 / 16 * 1em) 0 calc(100 / 16 * 1em) ; position: relative; } .Floor003203 .txt{padding-right: calc(100 / 1920 * 100vw);} .Floor003203 .txt .tit{font-size: calc(24 / 16 * 1em);color: #333; font-family:'HarmonyOS_Sans_SC_Medium'; display:inline-block; padding-bottom:0.5vw; margin-bottom:0.5vw; border-bottom:1px solid #ddd;} .Floor003203 .txt .tits{line-height:1.8; width:95%;color:#00a7a8; display:block; font-size: calc(18 / 16 * 1em);} .Floor003203 .txt .word{display:block; padding:calc(24 / 16 * 0em); position:relative; margin:2vw 0; line-height:1.75} .Floor003203 .txt .word::after{left:1%; top:-3%;} .Floor003203 .txt .word::before{right:1%; bottom:-3%;transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg); } .Floor003203 .pic .img{position: relative;} .Floor003203 .pic .img img{border-radius:50%} .Floor003203 a[class*=flipto-]{position: absolute; z-index: 30; top: 50%; width: 60px; height: 60px; border: 1px solid #c0c0c0;padding: 0; margin-top: -30px; border-radius: 50%; transition: 0.3s; overflow:hidden; line-height:1000em;} .Floor003203 a[class*=flipto-]:hover{background: #00a7a8; border-color: #00a7a8; } .Floor003203 a[class*=flipto-]:before{position: absolute; content: ''; width: 10px; height:10px; border-bottom: 2px solid #c0c0c0;border-left: 2px solid #c0c0c0; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .Floor003203 a[class*=flipto-]:hover:before{ border-bottom-color:#fff;border-left-color:#fff; } .Floor003203 a.flipto-next:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);} @media(min-width:1601px){ .Floor003203 a.flipto-prev{left:16%;} .Floor003203 a.flipto-next{right:3%;} } @media(max-width:1500px){ .Floor003203 a.flipto-prev{left: 0;} .Floor003203 a.flipto-next{right: 0;} } @media(max-width:640px){ .Floor003203 {padding: 6vw 0;} } @media(max-width:640px){ .Floor003203 a[class*=flipto-]{width: 40px; height: 40px;} } @media (min-width:1025px) { .Floor003203 .Homebg{top:20%;left:10%; z-index: 1;} .Floor003203 .ytable{width: calc(1110 / 1920 * 100vw);} .Floor003203 .flipster{ overflow: inherit; z-index: 2;} .Floor003203 .pic{width: calc(700 / 1110 * 100%); } .Floor003203 .pic .img{width: calc(460 / 700 * 100%);} .Floor003203 .flip-item:not(.flip-current) .pic .img{margin: 0 auto; opacity: 0.5;} .Floor003203 .flip-current .pic .img{float: right; margin-right: calc(100 / 700 * 100%);} .Floor003203 .flipster-carousel .flip-items{height: calc(525 / 1920 * 100vw)!important;} .Floor003203 .flip-current .pic .img:before{position: absolute;content: ''; left: -11px;right: -11px;top: -11px;bottom: -11px;z-index: 10; background: url(../images/Floor003203-quan.svg) no-repeat center center; background-size: 100% 100%;} .Floor003203 .flip-item:not(.flip-current) .txt{display: none;} } @media (max-width:1024px) { .Floor003203 a[class*=flipto-]{top: 50%;} .Floor003203 a.flipto-next{right:0;} .Floor003203 a.flipto-prev{left: 0;} .Floor003203 .ytable, .Floor003203 .ytable-cell{display: block;} .Floor003203 .ytable{width: 60vw; margin: 0 auto;text-align: center;} .Floor003203 .pic{padding:1em 0;} .Floor003203 .pic .img:before{position: absolute;content: ''; left: -11px;right: -11px;top: -11px;bottom: -11px;z-index: 10; background: url(../images/Floor003203-quan.svg) no-repeat center center; background-size: 100% 100%;} } /*Floor003089 */ .Floor003089{padding:calc(140 / 16 * 1em) 0; position: relative; overflow: hidden;} .Floor003089 .Hometit{margin-bottom:1.5vw;} .Floor003089 .slider li{overflow: hidden;} .Floor003089 .slider li a{display: block;margin: 20px 5px;background:#f8f8f8;position: relative; padding-bottom:110%;} .Floor003089 .slider li .num{ position:absolute; right:8%; top:5%; font-size:calc(18 / 16 * 1em); font-family:'HarmonyOS_Sans_SC_Bold'; color: #ddd;} .Floor003089 .slider li .num::before{ display:block; margin:0 auto 20px; width:1px; height:60px; content:''; background:#ddd; transition:height 0.3s;} .Floor003089 .slider li a:hover .num{ opacity: 0;} .Floor003089 .slider li .inner, .Floor003089 .slider li figure.hover{position: absolute;} .Floor003089 .slider li figure.hover{opacity: 0;transition: 0.3s; left: 0; width: 100%; top: 0; bottom: -40px;} .Floor003089 .slider li .inner{padding: 2.08vw 2.08vw 2.97vw; left: 0; width: 100%; bottom: -1.2vw;} .Floor003089 .slider li .icon{margin-bottom: 2.76vw;display: table;position: relative;} .Floor003089 .slider li .icon img{transition: 0.3s; max-height: 50px;} .Floor003089 .slider li .icon .hover{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;} .Floor003089 .slider li .tit{font-size:calc(24 / 16 * 1em); font-family:'HarmonyOS_Sans_SC_Medium'; } .Floor003089 .slider li p{ margin: 0.8em 0;transition: 0.3s; line-height: 1.75; } .Floor003089 .slider li a:not(:hover) p{color: #777;} .Floor003089 .slider li a:hover{color: #fff;} .Floor003089 .slider li a:hover p{opacity: 0.85; padding-top: 1vw;} .Floor003089 .slider li a:hover figure.hover{opacity: 1; top: -20px; bottom: -20px;} .Floor003089 .slider li a:hover .inner{bottom: 0;} .Floor003089 .slider li a:hover .icon .hover{opacity: 1;} .Floor003089 .slider li a:hover .icon .on{opacity: 0;} .Floor003089 .slick-dots{text-align: center;} .Floor003089 .slick-dots li{display: inline-block; margin: 0 5px; width: 10px; height: 10px; border-radius: 50%;background:#00a7a8; opacity: 0.5} .Floor003089 .slick-dots li button{display: none;} .Floor003089 .slick-dots li.slick-active{opacity: 1;} .Floor003089 .slick-arrow{position: absolute; z-index: 30; top: 50%; width: 60px; height: 60px; border: 1px solid #c0c0c0;padding: 0; margin-top: -30px; border-radius: 50%; transition: 0.3s;} .Floor003089 .slick-arrow:hover{background: #00a7a8; border-color: #00a7a8;} .Floor003089 .slick-arrow:before{position: absolute; content: ''; width: 10px; height:10px; border-bottom: 2px solid #c0c0c0;border-left: 2px solid #c0c0c0; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .Floor003089 .slick-arrow:hover:before{ border-bottom-color:#fff;border-left-color:#fff; } .Floor003089 .slick-next:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);} @media (min-width:1025px) { .Floor003089 .Homebg{top:17%;left:0%; text-align: right;} } @media(min-width:1601px){ .Floor003089 .slick-prev{left: -5vw;} .Floor003089 .slick-next{right: -5vw;} } @media(max-width:1600px){ .Floor003089 .slick-prev{left: -60px;} .Floor003089 .slick-next{right: -60px;} } @media(max-width:1500px){ .Floor003089 .slick-prev{left: 0;} .Floor003089 .slick-next{right: 0;} } @media(max-width:1024px){ .Floor003089 {padding: 6vw 0;} .Floor003089 .slider li .inner{padding: 5vw;} .Floor003089 .slider li a:hover p{margin-bottom: 5vw;} } /*Bottom002833 */ .Bottom002833{background: #111;padding:3% 0 2% 0;color: #fff;} .Bottom002833 .logo{padding-bottom: 10px;} .Bottom002833 .logo img{max-height:100px;} .Bottom002833 .contact ul > *{line-height: 1.5; padding: 8px 0;} .Bottom002833 .contact ul li{position: relative; z-index: 1;} .Bottom002833 .contact ul li.fl{margin-right: 20px;} .Bottom002833 .mid{text-align: center;} .Bottom002833 .code{float: left;width: 33.33%;} .Bottom002833 .code img{max-width: 160px;width:88%;margin-bottom: 10px;} .Bottom002833 .bshare-custom a{display: inline-block;width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.6); padding: 0; margin: 0 10px;background: url(../images/Bottom002833_icon_qq.png) no-repeat center center;} .Bottom002833 .bshare-custom a.bshare-weixin{background-image: url(../images/Bottom002833_icon_wx.png);} .Bottom002833 .bshare-custom a.bshare-sinaminiblog{background-image: url(../images/Bottom002833_icon_sina.png);} .bsBox, .bsBox *{box-sizing: content-box;} .Bottom002833 .mid {overflow: hidden;} .Bottom002833 .mid h1{float: none;width: 100%;font-size: 26px;font-weight: normal; font-family:'HarmonyOS_Sans_SC_Bold';padding: 0px 0;margin-bottom: 18px;margin-top: 0;} .Bottom002833 .mid .code1{float: none;width: 100%;} .Bottom002833 .hotline{color: rgba(255,255,255,0.7);} .Bottom002833 .hotline aside{font-size:calc(30 / 16 * 1em);padding: 10px 0 20px 0; font-family:'HarmonyOS_Sans_SC_Medium'; color: #fff;} .Bottom002833 .shop{display: inline-block;width: 100%;max-width: 180px;line-height: 38px;background: url(../images/Bottom002833_icon_a.png) no-repeat right 20px center #fff;text-align: left;padding-left: 28px;transition: 0.3s;margin-bottom: 20px;} .Bottom002833 .shop:hover{background-color: #00a7a8;color: #fff;background-image: url(../images/Bottom002833_icon_a_hover.png);} .Bottom002833 .right nav{padding-bottom: 24px;} .Bottom002833 .right nav a{color: #fff;} .Bottom002833 .right nav a:not(:last-child):after{display: inline-block; width: 1px; content: ''; height: 8px;background: rgba(255,255,255,0.4); vertical-align: middle; margin: 0 17px;} .Bottom002833 .copyright{line-height:2.2;} .Bottom002833 .copyright a{color: rgba(255,255,255,0.7);} .Bottom002833 .copyright span a{text-decoration: underline;} .Bottom002833 .copyright span a:hover{color: #00a7a8;} .Bottom002833 .contact ul h1{font-size: 16px;font-weight: normal; font-family:'HarmonyOS_Sans_SC_Bold';padding: 0px 0;margin-bottom: 20px;} .Bottom002833 .ytable .ytable-cell{vertical-align: top} .Bottom002833 .ytable .ytable-cell .contact{margin-top:-48px;} @media(min-width:481px){ .Bottom002833 .right{font-size: 16px;} } @media(min-width:1025px){ .Bottom002833 .right, .Bottom002833 .left{width:39%;font-size: 15px;} .Bottom002833 .right{text-align: right;} .Bottom002833 .contact ul li{padding-left:28px;} .Bottom002833 .contact ul li span{ position: absolute;left: 0;top: 10px;line-height: 1;opacity: 0.5;} } @media(max-width:1024px){ .Bottom002833 .ytable, .Bottom002833 .ytable-cell{display: block;} .Bottom002833{text-align: center;} .Bottom002833 .mid{padding: 30px 0;font-size: 15px;} .Bottom002833 .mid h1 {font-size: 5vw;} .Bottom002833 .contact ul h1 {font-size: 5vw;} .Bottom002833 .ytable .ytable-cell .contact {margin-top: 0;} } @media(max-width:480px){ .Bottom002833 .right nav a:not(:last-child):after{margin: 0 10px;} .Bottom002833 .shop{margin-bottom: 20px;} .Bottom002833 .logo img{width: 45%;} } /*Floor */ .Banner002730{ position:relative;} @media(min-width:1025px){ .Banner002730 figure{ height:600px;} /*.Banner002730 img{ display:none;}*/ } @media(max-width:1024px){ .Banner002730 figure{ height:58.6vw;} /*.Banner002730 figure{ display:none;} .Banner002730 img{ width:100%; display:block;}*/ } /*Menu003135 */ .Menu003135{box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.04);} .Menu003135 .current{font-size:calc(15 / 16 * 1em); padding-left:calc(20 / 15 * 1em);background: url(../images/Menu003135-icon.svg) no-repeat left center;background-size: 1em auto; line-height:5.334;} .Menu003135 .current, .Menu003135 .current a:not(:hover){color: #999;} .Menu003135 .current span{color: #333;} .Menu003135 .nav-menu li{float: left;line-height: 5;} .Menu003135 .nav-menu li:not(:last-child){margin-right:2vw;} .Menu003135 .nav-menu li a{display: block;position: relative;} .Menu003135 .nav-menu li a:hover, .Menu003135 .nav-menu li.aon a{color: #00a7a8;} .Menu003135 .nav-menu li.aon a:before{position: absolute;content: ''; left: 0; bottom: 0;width: 100%; height: 2px;background-color: #00a7a8;} @media (max-width:1024px) { .Menu003135 .current{display: none;} .Menu003135 .nav-menu li{line-height:3;} .Menu003135 .nav-menu li a {font-size: 4vw;} } .listtit{color:#333;text-align: center; font-family:'HarmonyOS_Sans_SC_Medium';margin-bottom: 15px;} .listtit aside{display: block;font-size:calc(36 / 16 * 1em); line-height: 1; } @media (max-width:1024px) { .listtit aside {font-size: 5.5vw;} } /*RighInfo002851 */ .RighInfo002851{padding:calc(120 / 16 * 1em) 0;} .RighInfo002851 .text {font-size: 16px;color: #666;line-height: 30px;text-align: center;margin-bottom: 0;} .RighInfo002851 .b{color:#00a7a8;font-weight: normal; font-family:'HarmonyOS_Sans_SC_Medium';} .RighInfo002851 .pic{position:relative;margin:2vw 0;} .RighInfo002851 .pic figure {padding-bottom: 56.25%;} .RighInfo002851 .pic .play{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.2); } .RighInfo002851 .pic .play::before, .RighInfo002851 .pic .play::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .RighInfo002851 .pic .play::before{width: 70px;height: 70px;border: 3px solid #fff;margin-left: -35px;margin-top: -35px;border-radius: 50%;} .RighInfo002851 .pic .play::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid #fff;margin-left: -7px;margin-top: -15px;} .RighInfo002851 .pic video {position: absolute;top:0;left:0;width: 100%;height: 100%;background-color: #000;} .RighInfo002851 .word .fl, .RighInfo002851 .word .fr {line-height:1.75;} .RighInfo002851 .word h2{ font-family:'HarmonyOS_Sans_SC_Medium';color: #333;font-size:calc(32 / 16 * 1em);line-height: 1.6; margin:0 0 2vw; font-weight: normal;} .RighInfo002851 .word p{margin: 0;} .RighInfo002851 .word p+p{margin-top:14px;} @media (min-width:1025px) { .RighInfo002851 .word .fl, .RighInfo002851 .word .fr{width: 43.056%; line-height:1.75; font-size:calc(18 / 16 * 1em);} } @media (max-width:1024px) { .RighInfo002851 {padding: 8vw 0;} .RighInfo002851 .word h2 {font-size: 5vw;} } /* 新闻 */ .News{padding: calc(120 / 16 * 1em) 0;} .News .List ul li{display: flex;flex-wrap:wrap;margin-bottom: 4em;padding-bottom: 4em;border-bottom: 1px solid #ededed;} .News .List ul li:last-child{margin-bottom: 0;} .News .List ul li .img{width: 20em;overflow: hidden; position: relative;} .News .List ul li .play{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.2); } .News .List ul li .play::before, .News .List ul li .play::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .News .List ul li .play::before{width: 70px;height: 70px;border: 3px solid #fff;margin-left: -35px;margin-top: -35px;border-radius: 50%;} .News .List ul li .play::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid #fff;margin-left: -7px;margin-top: -15px;} .News .List ul li .img .Ispic{width: 100%;transition: all 0.3s ease-in-out; display: block; padding-bottom:56.25%;} .News .List ul li .img img{display: none;} .News .List ul li .img:hover .Ispic{transform:scale(1.1)} .News .List ul li .time{margin: 2em 0 0 4em; font-size: calc(17 / 16 * 1em);color: #000000;} .News .List ul li .box{width: 53em;margin: 2em 0 0 4em;} .News .List ul li .box .title a{ font-size: calc(24 / 16 * 1em);color: #000000;line-height: 1.1;font-family:'HarmonyOS_Sans_SC_Medium';} .News .List ul li .box .title a:hover { color:#00a7a8} .News .List ul li .box .text{margin-top: 1em;font-size: calc(18 / 16 * 1em);font-family:'HarmonyOS_Sans_SC_Light';color: #666666;line-height: 1.75;} .News .Details .head-box{text-align: center;background-color: #f8f9fa;padding: 2em;} .News .Details .head-box .title{line-height: 1.75; font-size: calc(28 / 16 * 1em);color: #000000;font-family:'HarmonyOS_Sans_SC_Medium';} .News .Details .head-box .time{line-height: 1.75; font-size: calc(18 / 16 * 1em);color: #999999;} .News .Details .text img{display: block; margin: 2em auto;} .News .Details .xq{font-size: calc(18 / 16 * 1em);color: #666666;line-height: 2; text-indent: 2em;} .News .video{position: relative; z-index: 1;} .News .open-video{position: absolute; left: 0; top: 0; width: 100%; z-index: 10; height: 100%;background: url("../images/Floor002950_play.png") no-repeat center center;} .News .video video{background: #000;} @media(max-width:1024px){ .News {padding: 8vw 0;} .News .open-video{background-size: auto 30%;} .News .List ul li .img {width: 100%;} .News .List ul li .time {width: 100%;margin-left: 0;padding:0 4%;} .News .List ul li .box {width: 100%;margin-left: 0;padding:0 4%;} .News .List ul li .box .title a {font-size: 4.5vw;} .News .List ul li .play::before {width: 50px;height: 50px;margin-top: -25px;margin-left: -25px;} .News .Details .head-box {padding: 4vw;} .News .Details .head-box .title {font-size: 5vw;margin-bottom: 4vw;} } /*分页*/ .pages{ margin-top: 4.57%; font-size: 14px; text-align: center; } .pages1{ margin-top: 0%; margin-bottom: 5%; font-size: 14px; text-align: center; } .pages a{ display: inline-block; width: 40px; height: 40px; line-height: 40px;border-radius: 40px;font-size: 14px; color: #999;background-color: #f7f7f7;transition: 0.4s ease;box-sizing: border-box;} .pages a.a_first{ margin-right: 10px; } .pages a.a_end{ margin-left: 10px; } .pages a.anum{ font-family: 'Arial'; } .pages a.a_cur,.pages a:hover{ background-color: #00a7a8; color: #fff;} .pages .nums{ display: inline-block; margin: 0 10px;font-style: normal;} .pages .nums a{ margin-right: 10px; } .pages .nums a:last-child{ margin-right: 0; } .pages .f1{ font-size: calc(18 / 16 * 1em); margin: 0 10px; color: #666; line-height: 42px; } .pages .i_text{ display: inline-block; height: 40px; width: 80px; border: 1px solid #edecec; vertical-align: middle; } .pages .i_button{ margin-left: 10px; padding: 0 15px; height: 42px; font-size: calc(18 / 16 * 1em); color: #666; border: 1px solid #edecec; } .pages .a_prev,.pages .a_next{font-family: '宋体';box-sizing: border-box; } .pages .p_jump{display: inline-block;} .pages .p_jump b{ font-weight: normal; color: #aaa; margin: 0 4px; line-height: 40px;} .pages .p_jump input{height: 40px; border-radius: 4px;} .pages .i_text{ line-height: 40px; text-align: center;border: 1px solid #e5e5e5; width: 40px; text-align: center; color: #333;} .pages .i_button{background: #00a7a8; width: 70px; padding: 0; cursor: pointer; border: none; margin-left: 10px; color: #fff;} @media (max-width: 1024px) { .pages .nums, .pages .p_jump {display: none;} .pages .a_prev, .pages .a_next {margin: 0 2%;} } .prew{ position: relative; margin-top: 4.1%;padding-top: .45em;border-top: 1px solid #d5e1e8;} .prew .prev{font-size: calc(18 / 16 * 1em);color: #666666;line-height: 3em;} .prew .next{margin-top: .15em;font-size: calc(18 / 16 * 1em);color: #666666;} .prew .prev a,.prew .next a{color: #666;} .prew .return{float: right;margin-top: 1.5em;} .prew .return a{display: block; width:6em; height:2em; text-align: center; line-height:2em; font-size: calc(18 / 16 * 1em); color: #ffffff; background-color: #00a7a8; border-radius:4em;} @media (max-width: 1024px) { .prew .return {float: none;} .prew .return a {margin: auto;} .prew .prev {line-height: normal;margin-top: 4vw;} .prew .next {margin-top: 4vw;} } .AboutYs{overflow: hidden;padding:2% 0 6% 0;} .AboutYs ul{display: flex;align-items: center;justify-content: center;margin-left: -5px;margin-top: 2em;} .AboutYs .item {flex: 1;cursor: pointer;transition: all 0.3s; list-style: none;} .AboutYs .item a{display: block;height:27em;text-align: center;color:#fff;position: relative;background-size:cover;background-position: center center;background-repeat: no-repeat;line-height: 1em;overflow: hidden;margin-left: 5px;} .AboutYs .showti{position: absolute;z-index: 1;top: 50%;width: 100%;transform: translateY(-50%);font-size: calc(24 / 16 * 1em);transition: all 0.3s;} .AboutYs .showti img{display: block;max-width: 3.5em;margin:0px auto 2em;} .AboutYs .hideti{padding:5em 4em 0 1em;position: absolute;width: 100%;left: 100%;top: 0;height: 100%;opacity: 0;visibility: hidden;color:#333333;text-align: left;z-index: 2;transition: all 0.3s;} .AboutYs .hideti:after{position: absolute;left: 1em;top: 5em;width: 2.5em;height: 2em;content: "";background:url(../images/kh.png);background-size:contain;} .AboutYs .hideti aside{font-size: calc(28 / 16 * 1em);color:#333;position: relative;z-index: 1;line-height: 4;} .AboutYs .hideti .desc{line-height: 2em} .AboutYs .item.on{flex: 2;} .AboutYs .item.on a{background:#fff url(../images/ysbg.gif) right bottom no-repeat !important;} .AboutYs .item.on .showti{opacity: 0;visibility: hidden;left: -100%;} .AboutYs .item.on .hideti{opacity: 1;visibility: visible;left: 0;} @media(max-width:1024px){ .AboutYs .hideti{padding:5em 5em 0 20em;} .AboutYs ul{flex-wrap: wrap;} .AboutYs .item{width: 33.333%;flex: auto;margin-bottom: 5px;} .AboutYs .showti{display: none;} .AboutYs .hideti{opacity: 1;visibility: visible;left: 0;color:#fff;} .AboutYs .hideti aside{color:#fff;} .AboutRy .slick-arrow{background-color:#2844a5;} } @media(max-width:640px){ .AboutYs .item{width: 50%;} .AboutYs .hideti aside{font-size: 15px;} .AboutYs .item a{line-height: 20px;font-size: 12px;} } /* .Form002802 */ .Form002802{ padding:5.5vw 0; background-color:#f8f9fc; } .Form002802 .from{ padding-top:40px;} .Form002802 .from td{ padding-right:2.5%; padding-bottom:2.5%;} .Form002802 .from td p{ margin: 0; color: #555; text-align: center;} .Form002802 .from td div{ position:relative;} .Form002802 .from label{ position:absolute; left:25px; top:0; line-height: 55px; color:#999;} .Form002802 .from .text {width: 100%;height: 55px;line-height: 55px;text-indent: 25px;border: none;background: #ffffff;box-shadow: 0px 0px 0.4vw rgb(208 210 210 / 0.25); } .Form002802 .from textarea.text{ height:132px;} .Form002802 .from .btn{ padding-bottom: 1.5%; text-align:center;} .Form002802 .from .btn input{ background: #00a7a8;cursor: pointer;padding: 0;border: none;width: 180px;height: 55px;color: #fff; } @media(min-width:641px){ .Form002802 .from td:nth-child(3n), .Form002802 .from .textareas, .Form002802 .from .btn, .Form002802 .from .tip{ padding-right: 0; } } @media(max-width:640px){ .Form002802 .from td{ display: block; padding-right: 0; } } /*RighInfo003150 */ .RighInfo003150 { padding: 5.5vw 0; color: #fff; } .RighInfo003150 .inner{ position:relative;margin-top: 40px;} .RighInfo003150 .inner .pic figure {height: 200px;} .RighInfo003150 h1{margin-bottom: 20px; font-weight: normal; font-family:'HarmonyOS_Sans_SC_Bold';} .RighInfo003150 .text {position: relative;padding: 50px; background:rgb(0 167 168 / 0.92);z-index: 10;} .RighInfo003150 .text .box { margin-bottom: 20px; } .RighInfo003150 .text .box:last-child { margin-bottom: 0; } .RighInfo003150 .text .box p {font-size: 16px;color: #fff;line-height: 26px;margin: 6px 0; } .RighInfo003150 .text .box p span{display: block;padding-left: 24px; background-repeat: no-repeat; background-position: left center;} .RighInfo003150 .text .box:nth-child(2) p span{ background-image: url(../images/icon4.png)} .RighInfo003150 .text .box:nth-child(3) p span{ background-image: url(../images/icon2.png)} .RighInfo003150 .text .box:nth-child(4) p span{ background-image: url(../images/icon1.png)} @media (min-width:1025px) { .RighInfo003150 .inner .pic {position: absolute;width: 100%;height: 100%;top:0;left:0;} .RighInfo003150 .inner .pic figure {height: 100%;} .RighInfo003150 .inner .text {float: right;width: 50%;} } @media (max-width:1024px) { .RighInfo003150 .text {padding: 4% 6%;} .RighInfo003150 .text .img { margin-right: 0; display: none; } .RighInfo003150 h1{font-size: 5vw;} } /*Timeline003058 */ .Timeline003058 { padding: 6.25em 0; background: url(../images/Timeline003058-bg.jpg) no-repeat center bottom; background-size: cover;margin-top: 30px;} .Timeline003058 .auto{max-width: 1400px;} .Timeline003058 .list { overflow: hidden; } .Timeline003058 .year { position: relative; z-index: 1; margin-top: 40px;} .Timeline003058 .year .slider:after { position: absolute; content: ''; left: 0; top: 40px; width: 100%; height: 8px; border-radius: 4px; background: #eee; } .Timeline003058 .year li { text-align: center;cursor: pointer;} .Timeline003058 .year li span { color: #fff; background: #ccc; display: inline-block; border: 5px solid #fff; width: 90px; line-height: 80px; border-radius: 50%; font-size: 18px; } .Timeline003058 .year li:hover span, .Timeline003058 .year li.slick-current span, .Timeline003058 .year li.aon span { color: #fff; background: #00a7a8; } .Timeline003058 .slider-list { margin-top: 2.6vw; position: relative; } .Timeline003058 .slider-list li { padding: 1.405vw 0 2vw 0; } .Timeline003058 .slider-list .inner { background-color: #ffffff; border: solid 1px #eee; padding: 5vw; padding-left: 15vw; position: relative; margin: 0 1.405vw; transition: 0.3s; } .Timeline003058 .slider-list .inner time { position: absolute; left: 5vw; top: 5vw; display: block; margin-bottom: 1.2vw; color: #00a7a8; } .Timeline003058 .slider-list .inner time b { font-family: 'Arial'; font-size: 45px; line-height: 1.634em; margin-right: 10px; } .Timeline003058 .slider-list .inner time b:not(:last-child):after { display: inline-block; width: 13px; height: 2px; background-color: #e5e5e5; margin: 0 15px; vertical-align: middle; content: ''; } .Timeline003058 .slider-list dl { border-left: 1px solid #eee; padding-left: 4vw; min-height: 5em; } .Timeline003058 .slider-list dd { font-size: 16px; line-height: 1.625em; color: #000; padding-left: 20px; position: relative; margin: 20px 0; } .Timeline003058 .slider-list dd:before { width: 6px; height: 6px; content: ''; border-radius: 50%; background: #00a7a8; position: absolute; left: 0; top: 10px; } .Timeline003058 .slider-list .btn .slick-arrow { position: absolute; top: 50%; border: solid 4px #ccc; width: 32px; height: 32px;margin-top: -16px; transform: rotate(45deg); border-right: 0; border-top: 0; border-radius: 4px; } .Timeline003058 .slider-list .btn .slick-next { transform: rotate(-135deg); } .Timeline003058 .slider-list .btn .slick-arrow:hover { border-color: #00a7a8; } @media(min-width:1601px) { .Timeline003058 .slider-list .btn .slick-prev { left: -3.07vw; } .Timeline003058 .slider-list .btn .slick-next { right: -3.07vw; } .Timeline003058 .slider-list .slider { margin: 0 -1.405vw; } } @media(max-width:1600px) { .Timeline003058 .slider-list .btn .slick-prev { left: 0; } .Timeline003058 .slider-list .btn .slick-next { right: 0; } .Timeline003058 .slider-list .inner { margin: 0 1vw; } .Timeline003058 .slider-list .slider { padding: 0 40px; } } @media(max-width:1024px) { .Timeline003058 .slider-list .inner {min-height: 285px;} } @media(max-width:640px) { .Timeline003058 .slider-list .btn .slick-arrow { width: 5vw; height: 5vw; margin-top: -2.5vw; } .Timeline003058 .slider-list .slider { padding: 0 5vw; } .Timeline003058 .slider-list .inner time b { font-size: 5vw; } .Timeline003058 .year .slider:after { height: 5px; top: 28px; } .Timeline003058 .year li span { font-size: 4vw; } } /*RighInfo003061 */ .RighInfo003061{padding: 5.5% 0;} .RighInfo003061 .auto{max-width: 1400px;margin: 0 auto;} .RighInfo003061 .box { font-size: 16px; } .RighInfo003061 .box:nth-child(2n) { background-color: #f9f9f9; } .RighInfo003061 .box-1 .main { position: relative; overflow: hidden; background-position: center center; background-size: cover; background-repeat: no-repeat; } .RighInfo003061 .box-1 .inner { width: 50%; padding: 1rem; line-height: 1.875; font-size: 0.16rem; color: #fff; background: rgba(104,39,47,0.75);} .RighInfo003061 .box-1 .info-list { padding: 0.3rem 0; position: relative; } .RighInfo003061 .box-1 .info-list:before { position: absolute; content: ""; width: 0.5rem; height: 0.44rem; left: 0; top: 0; /*background: url(../images/RighInfo003061-yinhao1.png) no-repeat;*/ background-size: contain;} .RighInfo003061 .box-1 .info:not(:last-child) { margin-bottom: 0.3rem; } .RighInfo003061 .box-1 .tips { color: rgba(255,255,255,.8); border-top: 1px solid rgba(255,255,255,0.1); padding-top: 0.3rem; margin-top: 0.3rem; } .RighInfo003061 .box-1 .tit { font-size: 0.2rem; font-family:'HarmonyOS_Sans_SC_Medium'; margin-bottom: 0.1rem; } .RighInfo003061 .box-2{} .RighInfo003061 .box-2 ul { margin: 0 -2vw; } .RighInfo003061 .box-2 li { float: left; text-align: center; margin-bottom: 5%; position: relative; } .RighInfo003061 .box-2 li .inner {position: relative;z-index: 20;background: #f5f5f5;border-radius: 5px;overflow: hidden;margin: 0 2vw;display: flex;flex-direction: column;align-items: center;text-align: center;padding: 35px;height: 302px; border-radius: 0 30px 0 0;transition: .3s;} .RighInfo003061 .box-2 li:hover .inner:hover {box-shadow: 0px 0.625em 1.375em rgba(0, 0, 0, 0.2);} .RighInfo003061 .box-2 li h5 { line-height: 1.5;font-size: 18px;font-weight: normal;font-family:'HarmonyOS_Sans_SC_Medium';color: #333;margin: 0;margin-top: 20px;margin-bottom: 0; } .RighInfo003061 .box-2 li p{color: #666;font-size: 15px;line-height: 24px;margin-bottom: 0;} .RighInfo003061 .box-2 li .ico { width:50px; height:50px; display: flex; align-items: center; justify-content: center; transition: .3s; } .RighInfo003061 .box-2 li:hover .ico { transform: rotateY(180deg)} .RighInfo003061 .box-2 li .ico img { border: 0; vertical-align: middle; } @media(min-width:769px) { .RighInfo003061 .box-2 ul:last-child li { margin-bottom: 0; } .RighInfo003061 .box-2 li { width: 25%; } .RighInfo003061 .box-2 ul:nth-child(2n) li { float: right; } .RighInfo003061 .box-2 li::after { content: ''; background: url(../images/arr.png) no-repeat; width: 61px; height: 26px; position: absolute; right: 0; top: 50%; margin-top: -13px; margin-right: -32px; } .RighInfo003061 .box-2 ul li:last-child::after, .RighInfo003061 .box-2 ul:nth-child(2n) li:last-child::after { left: 50%; top: auto; width: 26px; height: 61px; margin-left: -13px; bottom: -68px; background-image: url(../images/arr-down.png); } .RighInfo003061 .box-2 ul:nth-child(2n) li::after { right: auto; left: 0; background-image: url(../images/arr-left.png); } .RighInfo003061 .box-2 ul:nth-child(2n) li::after { margin-right: 0; margin-left: -32px; } .RighInfo003061 .box-2 ul:nth-child(2n) li:last-child::after { margin-left: -18px; } .RighInfo003061 .box-2 ul:last-child li:last-child::after { display: none; } } @media(max-width:768px) { .RighInfo003061 .box-2 ul {display: flex;flex-wrap: wrap;} .RighInfo003061 .box-2 ul::after { display: none; } .RighInfo003061 .box-2 li {display:flex; width: 50%; } .RighInfo003061 .box-2 li:nth-child(2n+1) { clear: left; } .RighInfo003061 .box-2 li .ico { width: 2em; height: 2em; } .RighInfo003061 .box-2 li .inner {width:100%;height:auto;padding: 4vw;} } .RighInfo003061 .box-3 .row dl { width: 100%; padding-right: 20px; position: relative; line-height: 50px; margin-bottom: 24px; } .RighInfo003061 .box-3 .row dl em { font-style: normal; color: #c00; position: absolute; right: 0; top: 0; display: block; } .RighInfo003061 .box-3 input.text { border: 1px solid #eaeaea; background: none; display: block; height: 50px; line-height: 28px; width: 100%; padding: 5px 10px; color: #333; } .RighInfo003061 .box-3 dl.yzm input.text { width: 58%; } .RighInfo003061 .box-3 dl.yzm .hq { width: 36%; position: absolute; top: 0; right: 20px; display: block; text-align: center; background: #f5f5f5; color: #68272f; border-radius: 5px; } .RighInfo003061 .box-3 input.text::-ms-input-placeholder { color: #aaa; } .RighInfo003061 .box-3 .btn { background: #68272f; height: 40px; display: block; border: none; width: 180px; font-size: 16px; color: #fff; margin: 30px auto 0; } @media only screen and (min-width:480px ) { .RighInfo003061 .box-3 .row2 dl { float: left; width: 47%; } .RighInfo003061 .box-3 .row2 dl:last-child { float: right; } .RighInfo003061 .box-3 .btn { font-size: 18px; } } .RighInfo003061 .list{margin-top: 40px;} /*RighInfo002808 */ .RighInfo002808{padding:5.5% 0 2% 0} .RighInfo0028089{padding:5.5% 0} .RighInfo002808 .auto{max-width: 1400px;margin: 0 auto;} .RighInfo002808 .floor{position: relative; z-index: 1; } .RighInfo002808 .floor:not(:first-child){ position: relative;z-index: 1;margin-bottom: 5%;margin-top: 50px;} .RighInfo002808 .floor:nth-child(2n) .pic{left: auto; right: 0; } .RighInfo002808 .floor .txt{color: #999;} .RighInfo002808 .floor .txt .info{border-bottom: 1px solid #ededed;} .RighInfo002808 .floor .txt .info{ line-height: 36px;padding: 5% 0; } .RighInfo002808 .floor .txt h1{ font-size: 24px;color: #333;font-weight: normal;font-family:'HarmonyOS_Sans_SC_Medium';padding-left:16px;position: relative;} .RighInfo002808 .floor .txt h1:before{display:block; content: '';height: 24px;width: 4px;background: #00a7a8; position: absolute; top:6px; left: 0;} .RighInfo002808 .floor .txt .nmb{margin-bottom: 0;color: #999;line-height: 2;font-size: 16px;} .RighInfo002808 .floor .txt .nmt{margin-top: 0;} .RighInfo002808 .floor .pic {overflow: hidden;} .RighInfo002808 .floor .pic .Ispic {padding-bottom: 56.36%;transition: .3s;} .RighInfo002808 .floor:hover .pic .Ispic {transform: scale(1.1)} .RighInfo00028089 .floor .txt .info {border-bottom: 0px solid #ededed;} .RighInfo00028089 .floor .txt .info {line-height: 36px;padding: 0% 0;} .RighInfo002808 .nmb {margin-bottom: 0;color: #999;line-height: 2;} .RighInfo002808 .text{font-size: 16px;color: #666; padding:2vw; background-color: #f8f8f8;line-height: 30px;text-align: center;margin:2vw 0;} .RighInfo002808 .pic {position: relative;} .RighInfo002808 .pic .play{width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.2);z-index: 10; } .RighInfo002808 .pic .play::before, .RighInfo002808 .pic .play::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .RighInfo002808 .pic .play::before{width: 70px;height: 70px;border: 3px solid #fff;margin-left: -35px;margin-top: -35px;border-radius: 50%;} .RighInfo002808 .pic .play::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid #fff;margin-left: -7px;margin-top: -15px;} .RighInfo002808 .pic video {position: absolute;top:0;left:0;width: 100%;height: 100%;background-color: #000;} @media(min-width:1025px){ .RighInfo002808 .floor:nth-child(2n-1) .txt{padding-left: 36%;} .RighInfo0028089 .floor:nth-child(2n-1) .txt{padding-left: 48%;} .RighInfo002808 .floor:nth-child(2n) .txt{padding-right: 36%;} .RighInfo002808 .floor .txt .info{max-width:810px;width: 90%;} .RighInfo002808 .floor:nth-child(2n-1) .txt .info{float: right;} .RighInfo002808 .floor .pic{position: absolute;width: 36%;left: 0; top: 50%;transform: translateY(-50%); } /*.RighInfo002808 .floor .pic .Ispic {height: 100%; }*/ .RighInfo0028089 .floor .pic{ width: 45%;} .RighInfo00028089 .floor .pic {height: 500px;width: 45%;} } @media(max-width:1024px){ .RighInfo002808 {padding: 8vw 0;} .RighInfo002808 .floor .Ispic, .RighInfo0028089 .floor .Ispic, .RighInfo00028089 .floor .Ispic {height: 210px;} .RighInfo002808 .floor .txt h1 {font-size: 5.5vw;} .RighInfo002808 .floor:not(:first-child) {margin-top:0;} .RighInfo002808 .floor .txt .nmb {font-size: 4vw;} .RighInfo002808 .text {font-size: 4vw;line-height: 1.6;} } /*RighInfo003141 */ .RighInfo003141 { overflow: hidden; } .RighInfo003141 .box { padding: 6.25em 0; } .RighInfo003141 .box1 { padding: 6.25em 0 0; } .RighInfo003141 .intro { line-height: 2.1428; text-align: center; max-width: 1100px; margin: 0 auto; margin-bottom: 3vw; } .RighInfo003141 .intro .tit { font-size: 2.5em; line-height: 1.5; color: #e60027; display: inline-block; } .RighInfo003141 .intro .subtit { font-family: 'oswald'; font-size: 1.875em; color: #333; line-height: 1.33; margin-top: 10px; text-transform: capitalize; margin-bottom: 1.5vw; } .RighInfo003141 .intro .icon img { width: 4em; height: 4em; display: inline-block; vertical-align: top; margin-bottom: 0.625em; } .RighInfo003141 .intro span { font-size: 1.5em; line-height: 1.8333; color: #e60027; width: 93%; margin-bottom: .36rem; display: block; } .RighInfo003141 .main { padding: 6.25em 0; /*background: url(../images/RighInfo003141-bg.jpg) no-repeat center center;*/ background-size: cover; } .RighInfo003141 .main .auto { position: relative; } .RighInfo003141 .main .Ispic { position: absolute; top: 50%; width: 18em; height: 18em; border-radius: 50%; box-shadow: 0 20px 40px rgb(235 225 228 / 25%); overflow: hidden; left: 50%; transform: translate(-50%, -50%); background-size: contain; } .RighInfo003141 .main .Ispic:before { position: absolute; content: ""; left: -1px; right: -1px; top: -1px; bottom: -1px; box-shadow: 0 -9px 2px #e60027 inset; border-radius: 50%; transform: rotate(-42deg); -webkit-transform: rotate(-42deg); -ms-transform: rotate(-42deg); } .RighInfo003141 .main .Ispic img { display: none; } .RighInfo003141 .main li { float: left; margin: 0 0 0 40%; text-align: center; } .RighInfo003141 .main li:nth-child(2n) { margin-left: 1%; } .RighInfo003141 .main li:nth-child(3), .RighInfo003141 .main li:nth-child(7) { margin: 0 19% 0 30%; } .RighInfo003141 .main li:nth-child(5) { margin: 0 25% 0 27%; } .RighInfo003141 .main li:nth-child(3), .RighInfo003141 .main li:nth-child(4), .RighInfo003141 .main li:nth-child(9), .RighInfo003141 .main li:nth-child(10) { margin-top: -4%; } .RighInfo003141 .main li:nth-child(5), .RighInfo003141 .main li:nth-child(6), .RighInfo003141 .main li:nth-child(7), .RighInfo003141 .main li:nth-child(8) { margin-top: 0; } .RighInfo003141 .main li div { position: relative; width: 140px; height: 140px; border-radius: 50%; padding: 35px 15px; background: #bdbdbd; } .RighInfo003141 .main li.no div { background: none; border: none; } .RighInfo003141 .main li aside { margin: 0; color: #fff; text-align: center; } .RighInfo003141 .main li.aon aside { color: #fff; } .RighInfo003141 .main li.aon div { background: #008e76; } .RighInfo003141 .box2 .list dl { float: left; width: 100%; display: table; background: #f7f7f7; padding: 30px 30px 30px 0; } .RighInfo003141 .box2 .list dl:nth-child(n+4) { margin-top: 2%; } .RighInfo003141 .box2 .list dl > * { display: table-cell; vertical-align: middle; } .RighInfo003141 .box2 .list dt { width: 120px; } .RighInfo003141 .box2 .list dt b { display: block; width: 60px; height: 60px; border-radius: 50%; background: #e60027; color: #fff; font-size: 24px; position: relative; overflow: hidden; line-height: 60px; text-align: center; margin: 20px auto; } .RighInfo003141 .box2 .list dd p { line-height: 24px; overflow: hidden; color: #666; font-size: 16px; margin: 0; } @media(min-width:769px) { .RighInfo003141 .box2 .list dl { width: 32%; margin-right: 2%; } .RighInfo003141 .box2 .list dl:nth-child(3n) { margin-right: 0; } .RighInfo003141 .box2 .list dl:nth-child(3n+1) { clear: left; } } @media(max-width:768px) and (min-width:481px) { .RighInfo003141 .box2 .list dl { width: 48%; } .RighInfo003141 .box2 .list dl:nth-child(2n) { float: right; } .RighInfo003141 .box2 .list dl:nth-child(2n+1) { clear: left; } } .RighInfo003141 .box3 { background: rgb(245,245,245); background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); background: #f8f9fc; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f3ff', endColorstr='#ffffff', GradientType=0 ); } .RighInfo003141 .box3 .slick-list { overflow: inherit; } .RighInfo003141 .box3 ul { margin: 0 -10px;margin-top: 40px; } .RighInfo003141 .box3 .slick-slide { opacity: 0; transition: .3s; } .RighInfo003141 .box3 .slick-active { opacity: 1; } .RighInfo003141 .box3 a { display: block; margin: 0 10px; background: #fff; text-align: center; } .RighInfo003141 .box3 .pic { background: #fff; position: relative; } .RighInfo003141 .box3 .pic .Ispic { max-width:100%; margin: 0 auto; padding-bottom: 80.852%; } .RighInfo003141 .box3 .name {line-height: 76px; position: relative; font-size: 18px;} .RighInfo003141 .box3 .name aside { padding: 0 1.1875em; color: #333; } .RighInfo003141 .box3 .slick-slide.slick-active a:hover .name aside { color: #00a7a8; } .RighInfo003141 .slick-arrow { width: 60px; height: 60px; border-radius: 50%; background: #fff; box-shadow: 0 0 10px rgb(180 189 221 / 8%), 0 6px 14px hsl(0deg 0% 100% / 30%), 0 12px 20px rgb(180 189 221 / 20%); z-index: 2; position: absolute; top: calc(50%); transform: translateY(-50%); } .RighInfo003141 .slick-arrow:before { position: absolute; content: ''; width: 20%; height: 20%; border-left: 2px solid #666; border-top: 2px solid #666; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); left: 40%; top: 40%; } .RighInfo003141 .slick-next:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .RighInfo003141 .slick-prev { left: -6.25%; } .RighInfo003141 .slick-next:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .RighInfo003141 .slick-next { right: -6.25%; } .RighInfo003141 .text { font-size: 16px; color: #666; line-height: 30px; text-align: center; margin-bottom: 0; } /*RighInfo002523 */ .RighInfo002523{ padding:3% 0 0 0;} .RighInfo002523 .auto{max-width: 1400px;margin: 0 auto;} .RighInfo002523 li{ float:left; text-align:center; margin-bottom:3%; position:relative;} .RighInfo002523 li span{ font-size:30px; color:#00a7a8; font-family:Arial, Helvetica, sans-serif;} .RighInfo002523 li h5{ margin: 0 0 10px 0; font-size: 18px; color: #333;} .RighInfo002523 li .pic{ padding:7px;border-radius:50%; background:#f5f5f5; max-width:146px; width:60%; overflow:hidden; margin:0 auto; position:relative; z-index:10;} .RighInfo002523 li .pic img{ display:block;border-radius:50%; width:100%;} @media(min-width:769px){ .RighInfo002523 li{width:16.66666667%;} .RighInfo002523 ul:nth-child(2n) li{ float:right;} .RighInfo002523 li::before{ position:absolute; content:''; width:100%; top:65%; background:#dcdcdc; height:2px; left:0;} .RighInfo002523 ul li:first-child::before{width:50%; right:0; left:auto;} .RighInfo002523 ul li:last-child::before{ width:50%; border-top:2px solid #eee; border-right:2px solid #eee; background:none; height:50%; left:0; } .RighInfo002523 ul:nth-child(2n) li:first-child::before{ width:50%; right:auto; left:0;} .RighInfo002523 ul:nth-child(2n) li:last-child::before{ border-right:0; border-left:2px solid #eee; left:50%;} .RighInfo002523 li::after{ content:''; background:url(../images/RighInfo002523_icon_right.png) no-repeat; width:36px; height:36px; position:absolute; right:0; top:60%; margin-top:-7px; margin-right:-10px;} .RighInfo002523 ul li:last-child::after, .RighInfo002523 ul:nth-child(2n) li:last-child::after{ left:50%; top:auto; margin-left:-19px; bottom:-33px; background-image:url(../images/RighInfo002523_icon_down.png);} .RighInfo002523 ul:nth-child(2n) li::after{ right:auto; left:0; background-image:url(../images/RighInfo002523_icon_left.png);} .RighInfo002523 ul:nth-child(2n) li::after{ margin-right:0; margin-left:-10px;} .RighInfo002523 ul:nth-child(2n) li:last-child::after{margin-left:-18px;} .RighInfo002523 ul:last-child li:last-child::before{ width:50%; height:4px;} .RighInfo002523 ul:last-child li:last-child::after{ display:none;} } @media(max-width:1024px) and (min-width:769px){ .RighInfo002523 li h5{ height:40px; line-height:20px; overflow:hidden;} } @media(max-width:768px){ .RighInfo002523 ul::after{ display:none;} .RighInfo002523 li{ width:50%; padding:2%;} .RighInfo002523 li:nth-child(2n+1){ clear:left;} .RighInfo002523 li:nth-child(3n+1){ background:#eee;} } .RighInfo003141 .box3 .RighInfo002523 ul{margin-top: 0px;} /*Floor003153 */ .Floor0031539 { padding: 5.5% 0; position: relative; } .Floor0031539 .text { font-size: 16px; color: #666; line-height: 30px; text-align: center; margin-bottom: 50px; } .Floor0031539 .auto { position: relative; z-index: 5; } .Floor0031539 .bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; } .Floor0031539 .bg img { position: absolute; right: -14vw; bottom: -9vw; max-width: 1200px; width: 62.5vw; } .Floor0031539 .intro .info { line-height: 2.1428; } .Floor0031539 .intro .info h2 { margin-top: 2.4vw; font-size: 1.5em; font-weight: normal; color: #333; } .Floor0031539 .intro .info h2 span { color: #e60027; font-size: 2em; margin-bottom: 0.5em; } .Floor0031539 .intro .info h3{margin:1vw 0 2vw; font-size: 1.5em; font-weight: normal; color: #333; } .Floor0031539 .intro .info h3 span{display: inline-block; padding-right:7.167%;padding-left:7.167%;position: relative;} .Floor0031539 .intro .info h3 span:first-child:before, .Floor0031539 .intro .info h3 span:last-child:after{position: absolute; content: ''; width: 7%;height: 100%; background-size:20px auto; background-repeat: no-repeat;;} .Floor0031539 .intro .info h3 span:first-child:before{left: 0; top: 0;background-image: url(../images/yinhao-l.png); background-position: left 5px;} .Floor0031539 .intro .info h3 span:last-child:after{right:0;bottom: 0;background-image: url(../images/yinhao-r.png) ; background-position: right 5px;} .Floor0031539 .Hometit { margin-bottom: 1vw;} @media (min-width:1025px) { .Floor0031539 .intro .img { text-align: center; } .Floor0031539 .intro .img figure { margin: 0 auto; display: inline-block; width: 365px; height: 434px; overflow: hidden; } .Floor0031539 .intro .info { padding: 0 5.0714em 0 0; } } @media (max-width:1024px) { .Floor0031539 .intro .img { margin-bottom: 2em; } } .Floor0031539 .Homebg { top: 47%; left: 32%; } /*RighInfo003141 */ .RighInfo0031416{padding: 5vw 0 2vw 0;} .RighInfo0031416 .auto{padding-bottom: 2em;} .RighInfo0031416 .listtit{margin-bottom: 40px} .RighInfo0031416 .intro{padding-top: 4.5em; margin-bottom: 4.5625em;} .RighInfo0031416 .intro .title{ font-size: 2em;color: #333333; margin-bottom: 0.6em;} .RighInfo0031416 .intro .info{ font-size: 0.875em; line-height: 2;} .RighInfo0031416 .intro .info p{margin: 1.8em 0;} .RighInfo0031416 .number-count{margin: 4.5625em 0;box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05); border: solid 1px #f3f3f3; padding: 3.6875em 0;} .RighInfo0031416 .number-count li{color: #333333;} .RighInfo0031416 .number-count li span{display: inline-block;position: relative;font-size: 2em;color: #00a7a8; margin: 0 5px;} .RighInfo0031416 .number-count li span i{font-style: normal;} .RighInfo0031416 .number-count li span i.ani{position: absolute; left: 0;top: 0;} .RighInfo0031416 .number-count li span i.opa{opacity: 0;} .RighInfo0031416 .number-count li sup{display: inline-block;vertical-align: top;color: #00a7a8;font-size:1em;} .RighInfo0031416 .plate dd{margin-bottom: 2.8565%;} .RighInfo0031416 .plate dd .pic{overflow: hidden;} .RighInfo0031416 .plate dd .pic img {transition: .3s;} .RighInfo0031416 .plate dd:hover .pic img {transform: scale(1.1)} .RighInfo0031416 .plate dd .txt{box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05); padding:2.375em 1.875em;height: 240px;transition: .3s;} .RighInfo0031416 .plate dd:hover .txt{box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.2); } .RighInfo0031416 .plate dd ol{float: left;width: 4.25em;} .RighInfo0031416 .plate dd ol img{width: 85.295%;transition: .3s;} .RighInfo0031416 .plate dd li{width: calc(100% - 4.25em);float: right;} .RighInfo0031416 .plate dd li aside{font-size:1.3em;font-family:'HarmonyOS_Sans_SC_Medium';color: #333;} .RighInfo0031416 .plate dd li p{margin: 0;font-family:'HarmonyOS_Sans_SC_Light';color: #999;line-height: 26px;margin-top: 10px;} @media (min-width:1025px) { .RighInfo0031416 .intro .info{width: 47.929%;} .RighInfo0031416 .intro .title{line-height: 1;} .RighInfo0031416 .intro .img{width: 47.215%;} .RighInfo0031416 .number-count ul{display: table; margin: 0 auto;} .RighInfo0031416 .number-count li{float: left;} .RighInfo0031416 .number-count li:not(:last-child){margin-right: 3.5em;} .RighInfo0031416 .plate dd{float: left;width: 31.429%;} .RighInfo0031416 .plate dd:not(:last-child){ margin-right: 2.8565%;} } @media (max-width:1024px) { .RighInfo0031416 {padding: 6vw 0;} .RighInfo0031416 .listtit {margin-bottom: 4vw;} .RighInfo0031416 .number-count li{text-align: center;padding: 1em 0} .RighInfo0031416 .number-count{margin: 2em 0; padding: 2em 0;} .RighInfo0031416 .intro{padding-top: 2em; margin-bottom: 2em;} .RighInfo0031416 .plate dd .txt {height:auto;} } /*RighInfo003138 */ .RighInfo003138{background-color: #f9f9f9;} .RighInfo003138 .auto{position: relative;z-index: 1;padding: 6em 0 5em 0; } .RighInfo003138 .listtit{margin-bottom: 15px;} .RighInfo003138 ul li:not(.space){background-color: #fff;transition: .3s;} .RighInfo003138 ul li:not(.space):hover {box-shadow: 0px 0.625em 1.375em rgba(0, 0, 0, 0.2);} .RighInfo003138 dl{display: table;width:82%;margin: 0 auto;} .RighInfo003138 dl > *{display: table-cell; vertical-align: top;} .RighInfo003138 dt{width: 5.1875em;} .RighInfo003138 dt .icon{position: relative; width: 3.75em; height: 3.75em;border-radius: 50%;background-color: #00a7a8;text-align: center; transition: .3s;} .RighInfo003138 li:hover dt .icon{transform: rotateY(180deg)} .RighInfo003138 dt .icon img{ max-height: 25px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)} .RighInfo003138 dd h3{margin: 0;font-size: 1.5em;font-weight: normal; font-family:'HarmonyOS_Sans_SC_Medium';color: #333;margin-bottom: 8px;} .RighInfo003138 dd aside{margin: 0;font-size: 16px;color: #666;line-height: 28px;margin-bottom: 8px;} .RighInfo003138 .text{font-size: 16px;color: #666;line-height: 30px;text-align: center;margin-bottom: 40px;} @media (min-width:1025px) { .RighInfo003138 ul{display: table;width: 100%; min-height: 11.25em;margin-bottom: 4%;} .RighInfo003138 ul li{display: table-cell; vertical-align: top;padding:4% 0;} .RighInfo003138 ul li.space{width: 13px;} .RighInfo003138 ul li:not(.space){width:48%;} } @media (max-width:1024px) { .RighInfo003138 .auto{padding: 3em 0;} .RighInfo003138 ul li{padding: 2em 0;margin-bottom: 1em;} .RighInfo003138 ul li.space{height: 1em;display: none;} .RighInfo003138 dd h3 {font-size: 4.5vw;} .RighInfo003138 dd aside {font-size: 3.5vw;} } /* .PicList002797 */ .PicList002797 .auto{max-width: 1400px;margin: 0 auto;} .PicList002797 {padding:2vw 0 5vw 0;; } .PicList002797 li{float: left;width: 23.5%;margin: 0 2% 3% 0;border: 1px solid #edf1f1;box-shadow: 0 3px 29px -8px #d3dcdc; } .PicList002797 li:nth-child(4n){margin-right:0; } .PicList002797 li a{ display:block; position:relative; } .PicList002797 li h4, .PicList002797 li h3, .PicList002797 li h5{ margin:0; font-weight:normal;} .PicList002797 li .pic{ overflow: hidden;} .PicList002797 li .Ispic {padding-bottom: 87%;transition:.3s;} .PicList002797 li a:hover .Ispic {transform: scale(1.1);} .PicList002797 li .txt {padding:6% 7%; transition: 0.3s;border-top:3px solid #edf1f1;} .PicList002797 li p{ font-size: 0.95em;color: #999; margin: 0; text-align:center;} .PicList002797 li h3{ font-size: 1.25em;line-height: 1.6; color:#333; margin-bottom:0.1em;} .PicList002797 li a:hover .txt h3{color:#00a7a8;} .PicList002797 li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; background:rgba(0, 141, 210,0.9); z-index:10; transition:0.3s; color:#fff; border-radius: 10px;} .PicList002797 li:hover a .hover{ opacity:1;} .PicList002797 li aside{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);} .PicList002797 li .hover h5{ font-size:24px;} .PicList002797 li .hover i{ display:block; height:2px; background:#fff; width:48px; margin:14px auto 20px;} .PicList002797 li .hover p{ font-size:16px; line-height:30px; margin:0; max-height:90px; overflow:hidden;} .PicList002797 .more{ display: block; text-align: center; margin-top:50px;} .PicList002797 .more span{ display: inline-block; padding-left: 40px; padding-right: 64px; line-height: 40px; background:url(../images/PicList002797-more.png)no-repeat 74% center #f1af48 ; border-radius: 5px;transition:all 0.5s ease-out 0s; } .PicList002797 .more span:hover{padding-left:50px; padding-right:74px; } @media(max-width:1000px){ .PicList002797 li{ width:48%; margin-left:1%; margin-right:1%;} } @media(max-width:640px) and (min-width:376px){ .PicList002797 li .hover img{ width:50px; height:50px;} } @media(max-width:480px){ .PicList002797 li{ float:none; width:auto;} .PicList002797 li h3, .PicList002797 li .hover h5{ font-size:14px;} .PicList002797 li .hover h5{ line-height:20px; max-height:40px;} } /*SolutionInfo */ .ProInfo .auto{max-width: 1400px;margin: 0 auto;} .ProInfo .box{padding:5vw 0;overflow:hidden;} .ProInfo .title{line-height:1;font-size:38px;color:#333;text-align:center;margin-bottom:40px;font-family:'HarmonyOS_Sans_SC_Medium';} .ProInfo .box-2{background:url("../images/ProInfo.png") no-repeat center/cover;} .ProInfo .box-2 .list ul { margin:0 auto; text-align: center;} .ProInfo .box-2 .list li{width:15.5%;display: inline-block;background: #fff;padding:30px 30px; margin-right: 1%; vertical-align: top; text-align: center;min-height: 278px;} .ProInfo .box-2 .list li:nth-child(6n){ margin-right: 0;} .ProInfo .box-2 .list li aside{ width: 4em; height: 4em;border-radius: 50%;border:2px solid #00a9a9;text-align: center; position: relative;display: table;margin: 0 auto; transition: .3s;} .ProInfo .box-2 .list li aside img{ max-height:2.5em;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .ProInfo .box-2 .list li:hover aside{transform: rotateY(180deg)} .ProInfo .box-2 .list li .txt{ } .ProInfo .box-2 .list li p{ margin: 0;font-size: 0.95em;line-height: 1.6;color: #666; } .ProInfo li h1{font-size: 22px; font-weight: normal;font-family:'HarmonyOS_Sans_SC_Medium';color: #333;margin-bottom: 10px;} .ProInfo .box-3 .slick-list{overflow: hidden; padding: 2% 0;} .ProInfo .box-3 ul{margin:0 -10px;} .ProInfo .box-3 .slick-slide{opacity:0;transition:.3s;} .ProInfo .box-3 .slick-active{opacity:1;} .ProInfo .box-3 a{display:block;margin:0 10px;background:#fff;box-shadow:0 3px 29px -8px rgb(192 196 204 / 71%);text-align:center;} .ProInfo .box-3 .pic{background:#fff;position:relative;} .ProInfo .box-3 .pic .Ispic{margin:0 auto;padding-bottom:72%;} .ProInfo .box-3 .tit{border-top:1px solid #eee;line-height:4.625;position:relative;font-size: 1em;} .ProInfo .box-3 .tit aside{padding:0 1.1875em;color:#333; } .ProInfo .box-3 .slick-slide.slick-active a:hover .tit aside{color:#008b40;} .ProInfo .slick-arrow{width:55px;height:55px;border-radius:50%;background:#f6f6f6;/* box-shadow:0 0 10px rgb(180 189 221 / 8%),0 6px 14px hsl(0deg 0% 100% / 30%),0 12px 20px rgb(180 189 221 / 20%); */z-index:2;position:absolute;top:calc(50%);transform:translateY(-50%);} .ProInfo .slick-arrow:before{position:absolute;content:'';width:20%;height:20%;border-left:2px solid #666;border-top:2px solid #666;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);left:40%;top:40%;} .ProInfo .slick-next:before{transform:rotate(135deg);-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);} .ProInfo .slick-prev{left:-4%;} .ProInfo .slick-next{right:-4%;} .ProInfo .slick-arrow:hover{ background: #008B40;} .ProInfo .slick-arrow:hover:before{ border-color:#fff ;} @media (max-width: 1024px) { .ProInfo li h1 {font-size: 4vw;} .ProInfo .box-2 {background-position: center;background-size: cover;} .ProInfo .box-2 .list ul {display: flex;flex-wrap: wrap;justify-content: space-between;} .ProInfo .box-2 .list ul li {width: 48.5%;margin-right: 0;margin-bottom: 3%;} .ProInfo .box-2 .list li:nth-child(2n){ margin-right: 0;} } /*Floor003151 */ .Floor003151 .auto{padding: 6em 0 5em 0;} .Floor003151 .title{position: relative;margin-bottom: 1.9375em;} .Floor003151 .title .name{font-size: 1.625em;color: #333;} .Floor003151 .title .name:after{display: block;content: '';width: 15px; height: 2px; background-color: #00a7a8; margin-top: 1.23076em;} .Floor003151 .title .more{position: absolute;right: 0; width:3.125em; height: 3.125em; border: 1px solid #b9b9b9; border-radius: 50%; background: url(../images/Floor003151-icon.svg) no-repeat center; background-size: 1em auto; margin-top:-1.5625em; top: 50%;} .Floor003151 .title .more:hover{background-color: #00a7a8;border-color: #00a7a8;background-image: url(../images/Floor003151-icon-white.svg);} .Floor003151 .list li{background-color: #f7f7f7; margin-bottom:2%; transition: 0.3s;margin-right: 2%;border-left: 3px solid #00a9a9;} .Floor003151 .list li:hover{box-shadow: 0 0 0.625em rgba(0,0,0,0.2);} .Floor003151 .list li a{display: block;position: relative; padding: 0 1.875em 0em;} .Floor003151 .list li label{background-color: #00a7a8;font-family: 'Roboto-Regular';font-size: 0.875em; line-height: 2.1428;height: 1.7857em;display: inline-block;padding: 0 0.7142em;color: #fff;} .Floor003151 .list li time{display: inline-block;color: #999; padding-right: 1.75em; background: url(../images/Floor003151-icon.svg) no-repeat right center; background-size: 1em auto;} .Floor003151 .list li .tit{font-size: 1.125em;padding:1.6em 0;white-space: inherit;} @media (min-width:1025px) { .Floor003151 .list li{float: left;width:calc(32.7% - 0.625em);height: 106px;} .Floor003151 .list li:nth-child(3n){float: right;margin-right: 0%;} .Floor003151 .list li:nth-child(3n+1){clear: left;} } @media (max-width:1024px) { .Floor003151 .auto {padding: 2em 0;} } /* .PicList001761 为demo编号 */ .PicList001761 {padding: 5vw 0;} .PicList001761 .categoryname{ padding:3% 0; font-size:22px; color:#00a7a8;} .PicList001761 li{ float:left; width:32%; margin-right:2%; text-align:center;margin-bottom: 3%;} .PicList0017619 li{ float:left; width:32%; margin-right:2%; text-align:center;margin-bottom: 2%;} .PicList001761 li .pic {position: relative;overflow: hidden;} .PicList001761 li figure{ padding-bottom:56.25%; background-size:cover; position: relative;transition: .3s;} .PicList001761 li:hover figure{transform: scale(1.1);} .PicList001761 li .play{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.2); } .PicList001761 li .play::before, .PicList001761 li .play::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .PicList001761 li .play::before{width: 70px;height: 70px;border: 3px solid #fff;margin-left: -35px;margin-top: -35px;border-radius: 50%;} .PicList001761 li .play::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid #fff;margin-left: -7px;margin-top: -15px;} .PicList001761 li figure img{ display:none;} .PicList001761 li a{color:#333; display:block; position: relative;} .PicList001761 li .tit{position: absolute; padding:14px 2vw; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.45); color: #fff; text-align: center; font-size: 16px; width: 100%;} .PicList001761 li a:hover span{ background-color:#00a7a8; color:#fff;} .PicList001761 li span{ line-height:30px; padding:5% 0; font-size:20px;background: #f5f5f5;} @media(min-width:1025px){ .PicList001761 li:nth-child(3n){ margin-right:0;} } @media(max-width:1024px){ .PicList001761 {padding: 8vw 0;} .PicList001761 .categoryname{ font-size:18px;} .PicList001761 li{ width:auto; float:none; margin-right:0; margin-bottom:2%;} .PicList001761 li span {font-size: 4vw;} } /*RighInfo003134 */ .RighInfo003134 .auto{max-width: 1400px;padding: 6em 0;} .RighInfo003134 .img-side{border: solid 1px #f2f2f2;} .RighInfo003134 .img-group li{position: relative;} .RighInfo003134 .img-group li .Ispic{background-size: contain;padding-bottom:56.213%;} .RighInfo003134 .controls{display: table;position: relative;padding: 0 56px; margin: 3.125em auto 0;} .RighInfo003134 .controls .slick-dots li{float: left;position: relative; width: 13px;height: 13px; margin: 0 5px;} .RighInfo003134 .controls .slick-dots li button{position: absolute;background:rgba(0,0,0,0.2); width: 7px;height: 7px;border-radius: 50%; top: 50%;left: 50%;transform: translate(-50%,-50%); border: 0; cursor:pointer; border: 0; font-size: 0;padding: 0;transition: 0.3s;} .RighInfo003134 .controls .slick-dots li.slick-active button{background-color: #00a7a8; width: 100%;height: 100%;} .RighInfo003134 .controls .slick-arrow{position: absolute; top:50%;width: 25px; height: 11px;background-repeat: no-repeat;background-position: center; margin-top: -5px;} .RighInfo003134 .controls .slick-prev{left: 0;background-image: url(../images/RighInfo003134-btn-prev.svg);} .RighInfo003134 .controls .slick-next{right: 0;background-image: url(../images/RighInfo003134-btn-next.svg);} .RighInfo003134 .controls .slick-disabled{cursor: default;} .RighInfo003134 .controls .slick-prev.slick-disabled{background-image: url(../images/RighInfo003134-btn-prev-disabled.svg);} .RighInfo003134 .controls .slick-next.slick-disabled{background-image: url(../images/RighInfo003134-btn-next-disabled.svg);} .RighInfo003134 .img-side .tit{ font-size: 1.875em;font-family:'HarmonyOS_Sans_SC_Medium';color: #333; text-align: left;} .RighInfo003134 .img-side .text{border-bottom: 1px solid #f2f2f2; padding: 3% 0;font-size:15px;} .RighInfo003134 .img-side .text span{margin-right: 10px;color:#00a7a8; } .RighInfo003134 .img-side .dl{background: #f9f9f9; padding: 1vw; margin: 1vw 0;} .RighInfo003134 .img-side .dl dd{padding-left:90px; position: relative; font-size: 17px; line-height: 1.75;} .RighInfo003134 .img-side .dl dd+dd{margin-top: 10px;} .RighInfo003134 .img-side .dl .tits{font-family:'HarmonyOS_Sans_SC_Medium'; position: absolute; left: 0; top: 0; color: #00a7a8; } .RighInfo003134 .img-group li .play{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.2);cursor: pointer;} .RighInfo003134 .img-group li .play::before, .RighInfo003134 .img-group li .play::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .RighInfo003134 .img-group li .play::before{width: 70px;height: 70px;border: 3px solid #fff;margin-left: -35px;margin-top: -35px;border-radius: 50%;} .RighInfo003134 .img-group li .play::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid #fff;margin-left: -7px;margin-top: -15px;} .RighInfo003134 .prod-intro .name{border-bottom: 1px solid #efefef;font-size: 1.5em;font-family:'HarmonyOS_Sans_SC_Medium'; padding-bottom: 0.666em;color: #333; line-height: 2;} .RighInfo003134 .prod-intro .name i{width: 2em; height: 2em;border-radius: 50%;background-color: #00a7a8;display: inline-block;vertical-align: top; margin-right: 0.625em; background-repeat: no-repeat; background-position: center; background-size: auto 50%;} .RighInfo003134 .prod-intro .name-1 i{background-image: url(../images/RighInfo003134-icon-file.svg);} .RighInfo003134 .prod-intro .name-2 i{background-image: url(../images/RighInfo003134-title-icon.svg);} .RighInfo003134 .prod-intro .singlePage{line-height: 1.875; margin: 2em 0 3em 0;} @media (min-width:1025px) { .RighInfo003134 .img-group{width: 50%;border-right: solid 1px #f2f2f2; padding: 1vw;} .RighInfo003134 .img-side .txt{padding:2.5vw;} } @media (max-width:1024px) { .RighInfo003134 .img-side{ padding: 2em;} .RighInfo003134 .img-side .btn a{min-width: calc(50% - 10px);padding: 0;} } .RighInfo003134 .popUp-box{position: fixed;z-index: 200; left: 0;top: 0;width: 100%; height:100%; background-color: rgba(0,0,0,0.5);display: none;} .RighInfo003134 .popUp-box > .ytable{height: 100%;} .RighInfo003134 .popUp-box .main{background: #fff url(../images/RighInfo003134-bg.jpg) no-repeat;background-size: cover; width: 90%; max-width: 1200px;margin: 0 auto;border-radius: 5px; position: relative; } .RighInfo003134 .popUp-box .close{position: absolute; right: 20px;top: 20px;width: 20px;height: 20px;z-index: 10;cursor:pointer;} .RighInfo003134 .popUp-box .close:before, .RighInfo003134 .popUp-box .close:after{position: absolute;content: ''; width: 100%;height: 2px;background-color: #000; top: 50%;margin-top: -1px;transform: rotate(-45deg);} .RighInfo003134 .popUp-box .close:after{transform: rotate(45deg);} .RighInfo003134 .popUp-box .logo img{height: 1.9375em;} .RighInfo003134 .popUp-box .title{font-size: 1.875em;color: #333333;line-height: 1.3333; margin-top: 0.3em;} .RighInfo003134 .popUp-box .title:after{display: block; content: '';width: 20px;height: 2px;background-color: #00a7a8; margin: 1em 0;} .RighInfo003134 .popUp-box .left p{font-size: 1.5em;line-height: 1.66666;color: #333333;} .RighInfo003134 .popUp-box .form li{position: relative;z-index: 1; margin-bottom: 10px;} .RighInfo003134 .popUp-box .form li label.tit{position: absolute; left: 1.21428em; top: 0;font-size: 0.875em; line-height: 3.5714em;} .RighInfo003134 .popUp-box .form li .text{border: solid 1px rgba(139,139,139,0.2);width: 100%;font-size: 1em; height:3.125em; line-height: 3.125em;border-radius:0.625em;padding: 0 1.0625em;} .RighInfo003134 .popUp-box .form li.code dl{overflow: hidden;} .RighInfo003134 .popUp-box .form li.code dl dt{position: relative;width: 60%;float: left;} .RighInfo003134 .popUp-box .form li.code dl dd{width: 38%;float: right;} .RighInfo003134 .popUp-box .form li.code dl dd a{display: block;cursor: pointer;background-color: #6e6e6e; border-radius: 10px;color: #fff;font-size: 0.875em;line-height: 3.5714em;text-align: center;} .RighInfo003134 .popUp-box .form ol .btn{display: block;width: 100%;background: #00a7a8;border:0;cursor: pointer;border-radius: 0.625em;height:3.125em;color: #fff;font-size: 1em;} @media (min-width:1025px) { .RighInfo003134 .popUp-box .main{padding: 10.9375vh 8.25em;} .RighInfo003134 .popUp-box .main .ytable-cell{width: 50%;} } @media (max-width:1024px) { .RighInfo003134 .popUp-box .main{padding:2em; } .RighInfo003134 .popUp-box .main .ytable{max-height: 85vh; overflow: auto;} } /*RighInfo003138 */ .RighInfo0031384{} .RighInfo0031384 .auto{position: relative;z-index: 1;padding:3em 0 0em 0; } .RighInfo0031384 .listtit{margin-bottom: 15px;} .RighInfo0031384 ul li:not(.space){background-color: #f5f5f5;} .RighInfo0031384 dl{display: table;width:82%;margin: 0 auto;} .RighInfo0031384 dl > *{display: table-cell; vertical-align: top;} .RighInfo0031384 dt{width: 5.1875em;} .RighInfo0031384 dt .icon{position: relative; width: 3.75em; height: 3.75em;border-radius: 50%;background-color: #00a7a8;text-align: center; } .RighInfo0031384 dt .icon img{ max-height: 25px; position: absolute; left: 28%; /* text-align: center; */ top: 32%;} .RighInfo0031384 dd h3{margin: 0; font-size: 1.5em; font-weight: normal; font-family:'HarmonyOS_Sans_SC_Medium'; color: #333; margin-bottom: 8px;} .RighInfo0031384 dd aside{margin: 0; font-size: 16px; color: #666; line-height: 28px; margin-bottom: 8px;} @media (min-width:1025px) { .RighInfo0031384 ul{display: table;width: 100%; min-height: 11.25em;margin-bottom: 4%;} .RighInfo0031384 ul li{display: table-cell; vertical-align: top;padding:4% 0;} .RighInfo0031384 ul li.space{width: 13px;} .RighInfo0031384 ul li:not(.space){width:32%;} } @media (max-width:1024px) { .RighInfo0031384 .auto{padding: 2em 0;} .RighInfo0031384 ul li:not(.space){padding:2em 0;} .RighInfo0031384 ul li.space{height: 1em;} } .RighInfo0031384 .text{font-size: 16px; color: #666; line-height: 30px; text-align: center; margin-bottom: 40px;} .RighInfo0031384 .w_96{width: 100%;} /*RighInfo002816 */ .RighInfo002816{padding:5% 0;} .RighInfo002816 .auto{max-width: 1400px;} .RighInfo002816 .img-block{display: block;width: 100%;} .RighInfo002816 ul{margin-bottom: 6%;background: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 12%);} .RighInfo002816 ul .inner{padding-top: 8%; padding-bottom: 4%;} .RighInfo002816 ul h3{ font-size: 26px; color: #333; font-weight: normal;font-family:'HarmonyOS_Sans_SC_Medium';} .RighInfo002816 ul h3:before{display: inline-block; content: ''; height: 21px; width: 4px; background: #00a7a8; margin-right: 15px;} .RighInfo002816 ul .li p{line-height: 30px; color: #666; font-size: 16px;} .RighInfo002816 ul .li .icon{padding-bottom: 15px;} @media(min-width:1025px){ .RighInfo002816 ul:nth-child(2n-1) .ol{float: left;} .RighInfo002816 ul:nth-child(2n-1) .li{float: right;} .RighInfo002816 ul:nth-child(2n) .ol{float: right;} .RighInfo002816 ul:nth-child(2n) .li{float: left;} .RighInfo002816 ul .ol, .RighInfo002816 ul .li{width: 50%;} .RighInfo002816 ul .li{ position: relative; z-index: 10;} .RighInfo002816 ul .li .inner{ padding: 0 10%;} } @media(max-width:1024px){ .RighInfo002816 ul .li{padding: 0!important;} .RighInfo002816 ul .inner{ padding: 20px;} } /* .PicList001241 为demo编号 */ .PicList001241 .intro{ overflow:hidden; padding:5% 0;} .PicList001241 .intro ol{ float:right; width:50%;} .PicList001241 .intro ol .video{position: relative;z-index: 1;} .PicList001241 .intro ol .video .play{position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;background: url(../images/icon-play.svg) no-repeat center center;background-size: auto 4.5em;cursor: pointer;} .PicList001241 .intro ol .video .files{position: absolute;z-index: 20;background-color: #000;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;} .PicList001241 .intro ol .video .files video{width: 100%;height: 100%;display: block;} .PicList001241 .intro ol .video .close{ cursor:pointer; width:2em; height:2em; position:absolute; z-index:4; right:0.625em; top:0.625em;} .PicList001241 .intro ol .video .close::before, .PicList001241 .intro ol .video .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);} .PicList001241 .intro ol .video .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);} .PicList001241 .intro ol .video .Ispic{padding-bottom: 56%;} .PicList001241 .intro li{ float:left; width:42%;} .PicList001241 .intro li h3{color: #333; font-size: 36px;font-weight: normal;font-family:'HarmonyOS_Sans_SC_Medium';} .PicList001241 .intro li p{ line-height: 2;text-align: justify;text-justify: inter-ideograph;color: #666;} .PicList001241 .list{ background-color:#f5f5f5; padding:5% 0;} .PicList001241 .list .copy{ display:none;} .PicList001241 .list li a{ display:block; background-color:#fff; width:92%; margin:0 auto;} .PicList001241 .list li figure{ position:relative; padding-bottom:62%; overflow:hidden;} .PicList001241 .list li figure dl, .PicList001241 .list li figure div, .PicList001241 .list li figure b{position:absolute; left:0; width:100%;text-align:center;} .PicList001241 .list li figure div{ height:100%; top:0; background-color:rgba(255,255,255,0.8); transform:translateY(100%); transition:all ease-in-out 0.3s;} .PicList001241 .list li figure dl{ top:25%;} .PicList001241 .list li figure dl img{ width:60%;} .PicList001241 .list li figure b{ padding:0 3%; bottom:5%;} .PicList001241 .list li h3, .PicList001241 .list li p{ margin:0;} .PicList001241 .list li h3{ font-weight:normal; font-size:16px;} .PicList001241 .list li p{ color:#999;} .PicList001241 .list .bx-pager{ display:none;} .PicList001241 .list .bx-wrapper{ position:relative; z-index:0;} .PicList001241 .list .bx-viewport{ z-index:1;} .PicList001241 .list .bx-controls-direction a{ position:absolute; top:50%; width:47px; height:47px; margin-top:-23.5px; text-indent:-9999em; background:url(../images/PicList001241-btn.png) no-repeat 0 0; z-index:3;} .PicList001241 .list .bx-controls-direction a:hover{ background-image:url(../images/PicList001241-btn_hover.png);} .PicList001241 .list .bx-controls-direction a.bx-prev{ left:-5%;} .PicList001241 .list .bx-controls-direction a.bx-next{ right:-5%; background-position:right 0;} @media(max-width:1400px) and (min-width:1025px){ .PicList001241 .list {padding: 5%;} } @media(max-width:1200px){ .PicList001241 .list .bx-controls-direction a.bx-prev{ left:0;} .PicList001241 .list .bx-controls-direction a.bx-next{ right:0; } } @media(max-width:768px){ .PicList001241 .intro {padding: 8vw 0;} .PicList001241 .intro ol, .PicList001241 .intro li{ float:none; width:auto;} .PicList001241 .intro li h3 {font-size: 5vw;} } /*RighInfo000623 */ .RighInfo000623{padding:5vw 0; } .RighInfo000623 .pic .inner{ position: relative;text-align: right;} .RighInfo000623 .subtit{font-size:calc(20 / 16 * 1em); position: relative;margin-bottom:20px; color: #333; font-family:'HarmonyOS_Sans_SC_Medium'; } .RighInfo000623 .subtit:before{display: inline-block;content: '';width: 10px;height: 10px;background:none;position: relative;top:-2px;margin-right: 8px;border-radius: 50%;border:2px solid #00a7a8;} .RighInfo000623 .box+.box{margin-top: 1.5vw; padding-top: 1.5vw; border-top: 1px dashed #ccc;} .RighInfo000623 p{margin: 0; color: #666; line-height:1.75; padding-left:19px; position: relative;} .RighInfo000623 p+p{margin-top:18px;} @media(min-width:1025px){ .RighInfo000623 .info{padding-right:4vw;} .RighInfo000623 .pic{width:50%;} } @media(max-width:1024px){ .RighInfo000623 .ytable, .RighInfo000623 .ytable-cell{display: block;} .RighInfo000623 .info{padding: 6vw;} } .RighInfo000623 .p1{margin: 0; color: #666; line-height:1.75; padding-left:0px; position: relative;margin-bottom: 25px;} .RighInfo000623 .Listtitle{font-size: calc(36 / 16 * 1em); color: #333; font-family:'HarmonyOS_Sans_SC_Medium'; margin-bottom: 20px;} /* * .Floor001027 为demo编号 */ .Floor001027{ color: #fff;} .Floor001027 .auto{max-width: 1400px;margin: 0 auto;} .Floor001027 .inner {padding: 90px 0; background-size: cover; background-repeat: no-repeat; background-position: top center; background-color:#013912;background-attachment:fixed;} .Floor001027 .ti{ padding-bottom: 30px; text-align: center;} .Floor001027 .ti h2{ letter-spacing:7px; margin: 0 auto; font-size: 48px; font-weight: lighter;} .Floor001027 .ti hr{ margin: 15px auto; padding: 0; max-width: 100px; border: 0; border-top: solid 5px #fff; text-align: center;} .Floor001027 .ti p{ font-size:22px; margin: 0;} .Floor001027 li{ width: 25%; float: left; position: relative; padding: 15px 0;} .Floor001027 li .item{ margin: 30px auto; text-align: center; width: 180px; height: 180px;} .Floor001027 li .item:after, .Floor001027 li .txtbox:before {content: '';display: table;} .Floor001027 li .item:after {clear: both;} .Floor001027 li .txtbox{ width: 100%; height: 100%; border-radius: 50%; position: relative; cursor: default; box-shadow: inset 0 0 0 16px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .Floor001027 li .txtbox:hover{ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.1);} .Floor001027 li .txtbox:hover .txt{ opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .Floor001027 li .txtbox:hover p{ opacity: 1;} .Floor001027 li .txt{ position: absolute; background: rgb(14 172 173 / 0.7); width: inherit; height: inherit; border-radius: 50%; opacity: 0; color: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; } .Floor001027 li .txt h3{ text-transform: uppercase; letter-spacing: 2px; font-size: 18px; margin: 0 30px; padding: 60px 0 0 0; height: 95px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 500; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); } .Floor001027 li .txt p{ padding: 10px 5px; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); opacity: 0; -webkit-transition: all 1s ease-in-out 0.4s; -moz-transition: all 1s ease-in-out 0.4s; -o-transition: all 1s ease-in-out 0.4s; -ms-transition: all 1s ease-in-out 0.4s; transition: all 1s ease-in-out 0.4s; } .Floor001027 li .txt p a{ display: block; text-decoration: underline; color: #fff222; color: rgba(255,242,34, 0.8); font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; padding-top: 6px; font-family: 'Open Sans', Arial, sans-serif; letter-spacing: 1px; } .Floor001027 li .txt p a:hover{ color: #fff; color: rgba(255,255,255,0.7);} @media (max-width: 1024px) { .Floor001027 ul {display: flex;flex-wrap: wrap;justify-content: space-between;} .Floor001027 ul li {width: 48%;} .Floor001027 li .item {width: 100%;height:auto;margin:0;} .Floor001027 li .txtbox {padding-bottom: 100%;} } /* * * 晃动效果 * */ .Floor001027 .shake { display:inline-block} .Floor001027 .shake { display:block; position:relative;} .Floor001027 h2.shake, .Floor001027 .shake.inline { display:inline-block} .Floor001027 .shake { display: inline-block; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .Floor001027 .shake:hover { -webkit-animation-name: shake-base; -ms-animation-name: shake-base; animation-name: shake-base; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.freez { -webkit-animation-play-state: paused !important; -ms-animation-play-state: paused !important; animation-play-state: paused !important; } .Floor001027 .shake.freez.shake-hard { -webkit-animation-name: shake-hard; -ms-animation-name: shake-hard; animation-name: shake-hard; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.freez.shake-slow { -webkit-animation-name: shake-slow; -ms-animation-name: shake-slow; animation-name: shake-slow; -webkit-animation-duration: 5s; -ms-animation-duration: 5s; animation-duration: 5s; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.freez.shake-little { -webkit-animation-name: shake-little; -ms-animation-name: shake-little; animation-name: shake-little; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.freez.shake-horizontal { -webkit-animation-name: shake-horizontal; -ms-animation-name: shake-horizontal; animation-name: shake-horizontal; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.freez.shake-vertical { -webkit-animation-name: shake-vertical; -ms-animation-name: shake-vertical; animation-name: shake-vertical; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.freez.shake-rotate { -webkit-animation-name: shake-rotate; -ms-animation-name: shake-rotate; animation-name: shake-rotate; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.freez.shake-opacity { -webkit-animation-name: shake-opacity; -ms-animation-name: shake-opacity; animation-name: shake-opacity; -webkit-animation-duration: 200ms; -ms-animation-duration: 200ms; animation-duration: 200ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.freez.shake-crazy { -webkit-animation-name: shake-crazy; -ms-animation-name: shake-crazy; animation-name: shake-crazy; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.freez:hover { -webkit-animation-play-state: running !important; -ms-animation-play-state: running !important; animation-play-state: running !important; } .Floor001027 .shake.shake-hard:hover { -webkit-animation-name: shake-hard; -ms-animation-name: shake-hard; animation-name: shake-hard; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.shake-slow:hover { -webkit-animation-name: shake-slow; -ms-animation-name: shake-slow; animation-name: shake-slow; -webkit-animation-duration: 5s; -ms-animation-duration: 5s; animation-duration: 5s; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.shake-little:hover { -webkit-animation-name: shake-little; -ms-animation-name: shake-little; animation-name: shake-little; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.shake-horizontal:hover { -webkit-animation-name: shake-horizontal; -ms-animation-name: shake-horizontal; animation-name: shake-horizontal; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.shake-vertical:hover { -webkit-animation-name: shake-vertical; -ms-animation-name: shake-vertical; animation-name: shake-vertical; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.shake-rotate:hover { -webkit-animation-name: shake-rotate; -ms-animation-name: shake-rotate; animation-name: shake-rotate; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.shake-opacity:hover { -webkit-animation-name: shake-opacity; -ms-animation-name: shake-opacity; animation-name: shake-opacity; -webkit-animation-duration: 200ms; -ms-animation-duration: 200ms; animation-duration: 200ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.shake-crazy:hover { -webkit-animation-name: shake-crazy; -ms-animation-name: shake-crazy; animation-name: shake-crazy; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.shake-constant { -webkit-animation-name: shake-base; -ms-animation-name: shake-base; animation-name: shake-base; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.shake-constant.shake-hard { -webkit-animation-name: shake-hard; -ms-animation-name: shake-hard; animation-name: shake-hard; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.shake-constant.shake-slow { -webkit-animation-name: shake-slow; -ms-animation-name: shake-slow; animation-name: shake-slow; -webkit-animation-duration: 5s; -ms-animation-duration: 5s; animation-duration: 5s; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.shake-constant.shake-little { -webkit-animation-name: shake-little; -ms-animation-name: shake-little; animation-name: shake-little; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.shake-constant.shake-horizontal { -webkit-animation-name: shake-horizontal; -ms-animation-name: shake-horizontal; animation-name: shake-horizontal; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.shake-constant.shake-vertical { -webkit-animation-name: shake-vertical; -ms-animation-name: shake-vertical; animation-name: shake-vertical; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.shake-constant.shake-rotate { -webkit-animation-name: shake-rotate; -ms-animation-name: shake-rotate; animation-name: shake-rotate; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.shake-constant.shake-opacity { -webkit-animation-name: shake-opacity; -ms-animation-name: shake-opacity; animation-name: shake-opacity; -webkit-animation-duration: 200ms; -ms-animation-duration: 200ms; animation-duration: 200ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.shake-constant.shake-crazy { -webkit-animation-name: shake-crazy; -ms-animation-name: shake-crazy; animation-name: shake-crazy; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } .Floor001027 .shake.shake-constant.hover-stop:hover { -webkit-animation-play-state: paused; -ms-animation-play-state: paused; animation-play-state: paused; } .Floor001027 .shake.shake-delay { -webkit-animation-name: shake-base; -ms-animation-name: shake-base; animation-name: shake-base; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 4s; -ms-animation-delay: 4s; animation-delay: 4s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes shake-base { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 2% { -webkit-transform: translate(-0.5px, 1.5px) rotate(0.5deg); } 4% { -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg); } 6% { -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg); } 8% { -webkit-transform: translate(-2.5px, -2.5px) rotate(-1.5deg); } 10% { -webkit-transform: translate(1.5px, 1.5px) rotate(-1.5deg); } 12% { -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); } 14% { -webkit-transform: translate(1.5px, -2.5px) rotate(-0.5deg); } 16% { -webkit-transform: translate(0.5px, 1.5px) rotate(0.5deg); } 18% { -webkit-transform: translate(-2.5px, -0.5px) rotate(0.5deg); } 20% { -webkit-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); } 22% { -webkit-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); } 24% { -webkit-transform: translate(-1.5px, -2.5px) rotate(-1.5deg); } 26% { -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg); } 28% { -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg); } 30% { -webkit-transform: translate(-2.5px, 1.5px) rotate(0.5deg); } 32% { -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg); } 34% { -webkit-transform: translate(-1.5px, 0.5px) rotate(-1.5deg); } 36% { -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg); } 38% { -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg); } 40% { -webkit-transform: translate(-0.5px, 0.5px) rotate(0.5deg); } 42% { -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); } 44% { -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); } 46% { -webkit-transform: translate(-1.5px, 1.5px) rotate(-1.5deg); } 48% { -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); } 50% { -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg); } 52% { -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg); } 54% { -webkit-transform: translate(1.5px, 0.5px) rotate(-1.5deg); } 56% { -webkit-transform: translate(0.5px, 0.5px) rotate(-1.5deg); } 58% { -webkit-transform: translate(0.5px, 1.5px) rotate(-0.5deg); } 60% { -webkit-transform: translate(-0.5px, -2.5px) rotate(-0.5deg); } 62% { -webkit-transform: translate(-2.5px, -1.5px) rotate(-0.5deg); } 64% { -webkit-transform: translate(-1.5px, 0.5px) rotate(0.5deg); } 66% { -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg); } 68% { -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg); } 70% { -webkit-transform: translate(-0.5px, -2.5px) rotate(-1.5deg); } 72% { -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg); } 74% { -webkit-transform: translate(-2.5px, 0.5px) rotate(0.5deg); } 76% { -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg); } 78% { -webkit-transform: translate(1.5px, -2.5px) rotate(0.5deg); } 80% { -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg); } 82% { -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg); } 84% { -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); } 86% { -webkit-transform: translate(-2.5px, 0.5px) rotate(-0.5deg); } 88% { -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); } 90% { -webkit-transform: translate(-1.5px, -1.5px) rotate(-1.5deg); } 92% { -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg); } 94% { -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg); } 96% { -webkit-transform: translate(-2.5px, -2.5px) rotate(0.5deg); } 98% { -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg); } } @-ms-keyframes shake-base { 0% { -ms-transform: translate(0px, 0px) rotate(0deg); } 2% { -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); } 4% { -ms-transform: translate(-0.5px, 0.5px) rotate(-0.5deg); } 6% { -ms-transform: translate(-1.5px, 1.5px) rotate(0.5deg); } 8% { -ms-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); } 10% { -ms-transform: translate(1.5px, -2.5px) rotate(-1.5deg); } 12% { -ms-transform: translate(0.5px, 0.5px) rotate(-0.5deg); } 14% { -ms-transform: translate(-1.5px, 1.5px) rotate(0.5deg); } 16% { -ms-transform: translate(-0.5px, 0.5px) rotate(-0.5deg); } 18% { -ms-transform: translate(1.5px, -0.5px) rotate(-1.5deg); } 20% { -ms-transform: translate(-1.5px, -2.5px) rotate(-0.5deg); } 22% { -ms-transform: translate(-0.5px, -0.5px) rotate(-0.5deg); } 24% { -ms-transform: translate(1.5px, -0.5px) rotate(-0.5deg); } 26% { -ms-transform: translate(-1.5px, -2.5px) rotate(0.5deg); } 28% { -ms-transform: translate(1.5px, 1.5px) rotate(-1.5deg); } 30% { -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); } 32% { -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); } 34% { -ms-transform: translate(1.5px, 1.5px) rotate(-1.5deg); } 36% { -ms-transform: translate(-0.5px, -0.5px) rotate(0.5deg); } 38% { -ms-transform: translate(1.5px, -1.5px) rotate(-0.5deg); } 40% { -ms-transform: translate(1.5px, -1.5px) rotate(0.5deg); } 42% { -ms-transform: translate(-1.5px, 1.5px) rotate(-0.5deg); } 44% { -ms-transform: translate(0.5px, 1.5px) rotate(-0.5deg); } 46% { -ms-transform: translate(1.5px, 0.5px) rotate(0.5deg); } 48% { -ms-transform: translate(-2.5px, 0.5px) rotate(0.5deg); } 50% { -ms-transform: translate(1.5px, 1.5px) rotate(-0.5deg); } 52% { -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); } 54% { -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); } 56% { -ms-transform: translate(0.5px, -1.5px) rotate(0.5deg); } 58% { -ms-transform: translate(0.5px, 0.5px) rotate(-0.5deg); } 60% { -ms-transform: translate(-0.5px, 1.5px) rotate(0.5deg); } 62% { -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); } 64% { -ms-transform: translate(0.5px, -0.5px) rotate(-0.5deg); } 66% { -ms-transform: translate(0.5px, 0.5px) rotate(-0.5deg); } 68% { -ms-transform: translate(-0.5px, -2.5px) rotate(-0.5deg); } 70% { -ms-transform: translate(-1.5px, 1.5px) rotate(-1.5deg); } 72% { -ms-transform: translate(0.5px, -2.5px) rotate(-1.5deg); } 74% { -ms-transform: translate(-0.5px, -2.5px) rotate(-0.5deg); } 76% { -ms-transform: translate(-1.5px, 0.5px) rotate(0.5deg); } 78% { -ms-transform: translate(-2.5px, 0.5px) rotate(-0.5deg); } 80% { -ms-transform: translate(0.5px, 0.5px) rotate(-1.5deg); } 82% { -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); } 84% { -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); } 86% { -ms-transform: translate(-0.5px, 0.5px) rotate(-1.5deg); } 88% { -ms-transform: translate(0.5px, -1.5px) rotate(0.5deg); } 90% { -ms-transform: translate(-2.5px, 0.5px) rotate(-0.5deg); } 92% { -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); } 94% { -ms-transform: translate(-1.5px, -1.5px) rotate(-1.5deg); } 96% { -ms-transform: translate(1.5px, 1.5px) rotate(0.5deg); } 98% { -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); } } @keyframes shake-base { 0% { transform: translate(0px, 0px) rotate(0deg); } 2% { transform: translate(-0.5px, 0.5px) rotate(-0.5deg); } 4% { transform: translate(-2.5px, -1.5px) rotate(0.5deg); } 6% { transform: translate(1.5px, 1.5px) rotate(-1.5deg); } 8% { transform: translate(-1.5px, -2.5px) rotate(0.5deg); } 10% { transform: translate(1.5px, 1.5px) rotate(-0.5deg); } 12% { transform: translate(-1.5px, 1.5px) rotate(-1.5deg); } 14% { transform: translate(-1.5px, 0.5px) rotate(0.5deg); } 16% { transform: translate(0.5px, 0.5px) rotate(-0.5deg); } 18% { transform: translate(0.5px, -2.5px) rotate(-0.5deg); } 20% { transform: translate(-2.5px, 0.5px) rotate(-1.5deg); } 22% { transform: translate(1.5px, 0.5px) rotate(-0.5deg); } 24% { transform: translate(-0.5px, -1.5px) rotate(-0.5deg); } 26% { transform: translate(-1.5px, 1.5px) rotate(0.5deg); } 28% { transform: translate(-1.5px, -0.5px) rotate(0.5deg); } 30% { transform: translate(-2.5px, 0.5px) rotate(0.5deg); } 32% { transform: translate(1.5px, -0.5px) rotate(-0.5deg); } 34% { transform: translate(0.5px, -2.5px) rotate(-1.5deg); } 36% { transform: translate(0.5px, -2.5px) rotate(-0.5deg); } 38% { transform: translate(-2.5px, -0.5px) rotate(0.5deg); } 40% { transform: translate(-0.5px, 1.5px) rotate(0.5deg); } 42% { transform: translate(1.5px, 1.5px) rotate(-0.5deg); } 44% { transform: translate(-2.5px, -2.5px) rotate(0.5deg); } 46% { transform: translate(0.5px, -2.5px) rotate(0.5deg); } 48% { transform: translate(-0.5px, -2.5px) rotate(-0.5deg); } 50% { transform: translate(-0.5px, 0.5px) rotate(0.5deg); } 52% { transform: translate(1.5px, 0.5px) rotate(0.5deg); } 54% { transform: translate(-2.5px, 0.5px) rotate(-1.5deg); } 56% { transform: translate(-2.5px, 1.5px) rotate(0.5deg); } 58% { transform: translate(-2.5px, -2.5px) rotate(-0.5deg); } 60% { transform: translate(-0.5px, -2.5px) rotate(-0.5deg); } 62% { transform: translate(-1.5px, 0.5px) rotate(-0.5deg); } 64% { transform: translate(-1.5px, -0.5px) rotate(0.5deg); } 66% { transform: translate(-2.5px, 0.5px) rotate(-0.5deg); } 68% { transform: translate(-1.5px, -0.5px) rotate(0.5deg); } 70% { transform: translate(0.5px, 1.5px) rotate(0.5deg); } 72% { transform: translate(-2.5px, 1.5px) rotate(0.5deg); } 74% { transform: translate(1.5px, -0.5px) rotate(0.5deg); } 76% { transform: translate(-0.5px, -1.5px) rotate(0.5deg); } 78% { transform: translate(-0.5px, -2.5px) rotate(0.5deg); } 80% { transform: translate(1.5px, -0.5px) rotate(0.5deg); } 82% { transform: translate(-1.5px, 0.5px) rotate(-0.5deg); } 84% { transform: translate(-1.5px, -1.5px) rotate(-0.5deg); } 86% { transform: translate(0.5px, -0.5px) rotate(-1.5deg); } 88% { transform: translate(-2.5px, -2.5px) rotate(-1.5deg); } 90% { transform: translate(-1.5px, 1.5px) rotate(0.5deg); } 92% { transform: translate(-1.5px, 0.5px) rotate(0.5deg); } 94% { transform: translate(-1.5px, -0.5px) rotate(0.5deg); } 96% { transform: translate(1.5px, 0.5px) rotate(-0.5deg); } 98% { transform: translate(-0.5px, -1.5px) rotate(0.5deg); } } @-webkit-keyframes shake-little { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 2% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 4% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 6% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 8% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 10% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 12% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 18% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 20% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 22% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 26% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 32% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 34% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 36% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 38% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 44% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 46% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 48% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 54% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 56% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 58% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 60% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 62% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 66% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 72% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 74% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 76% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 78% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 80% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 82% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 84% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 86% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 88% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 90% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 92% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 94% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 96% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 98% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } } @-ms-keyframes shake-little { 0% { -ms-transform: translate(0px, 0px) rotate(0deg); } 2% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); } 4% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); } 6% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); } 8% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); } 10% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); } 12% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); } 14% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); } 16% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); } 18% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); } 20% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); } 22% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); } 24% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); } 26% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); } 28% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); } 30% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); } 32% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); } 34% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); } 36% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); } 38% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); } 40% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); } 42% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); } 44% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); } 46% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); } 48% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); } 50% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); } 52% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); } 54% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); } 56% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); } 58% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); } 60% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); } 62% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); } 64% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); } 66% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); } 68% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); } 70% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); } 72% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); } 74% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); } 76% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); } 78% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); } 80% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); } 82% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); } 84% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); } 86% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); } 88% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); } 90% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); } 92% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); } 94% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); } 96% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); } 98% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); } } @keyframes shake-little { 0% { transform: translate(0px, 0px) rotate(0deg); } 2% { transform: translate(0px, 0px) rotate(-0.5deg); } 4% { transform: translate(-1px, 0px) rotate(-0.5deg); } 6% { transform: translate(0px, -1px) rotate(-0.5deg); } 8% { transform: translate(0px, 0px) rotate(-0.5deg); } 10% { transform: translate(-1px, 0px) rotate(-0.5deg); } 12% { transform: translate(-1px, 0px) rotate(-0.5deg); } 14% { transform: translate(0px, 0px) rotate(-0.5deg); } 16% { transform: translate(0px, 0px) rotate(-0.5deg); } 18% { transform: translate(0px, -1px) rotate(-0.5deg); } 20% { transform: translate(0px, 0px) rotate(-0.5deg); } 22% { transform: translate(-1px, 0px) rotate(-0.5deg); } 24% { transform: translate(0px, 0px) rotate(-0.5deg); } 26% { transform: translate(-1px, -1px) rotate(-0.5deg); } 28% { transform: translate(-1px, -1px) rotate(-0.5deg); } 30% { transform: translate(0px, 0px) rotate(-0.5deg); } 32% { transform: translate(-1px, 0px) rotate(-0.5deg); } 34% { transform: translate(0px, -1px) rotate(-0.5deg); } 36% { transform: translate(0px, -1px) rotate(-0.5deg); } 38% { transform: translate(-1px, -1px) rotate(-0.5deg); } 40% { transform: translate(-1px, -1px) rotate(-0.5deg); } 42% { transform: translate(-1px, 0px) rotate(-0.5deg); } 44% { transform: translate(-1px, 0px) rotate(-0.5deg); } 46% { transform: translate(0px, -1px) rotate(-0.5deg); } 48% { transform: translate(0px, 0px) rotate(-0.5deg); } 50% { transform: translate(-1px, -1px) rotate(-0.5deg); } 52% { transform: translate(0px, 0px) rotate(-0.5deg); } 54% { transform: translate(0px, 0px) rotate(-0.5deg); } 56% { transform: translate(-1px, -1px) rotate(-0.5deg); } 58% { transform: translate(-1px, -1px) rotate(-0.5deg); } 60% { transform: translate(-1px, -1px) rotate(-0.5deg); } 62% { transform: translate(-1px, -1px) rotate(-0.5deg); } 64% { transform: translate(-1px, 0px) rotate(-0.5deg); } 66% { transform: translate(0px, -1px) rotate(-0.5deg); } 68% { transform: translate(0px, -1px) rotate(-0.5deg); } 70% { transform: translate(0px, -1px) rotate(-0.5deg); } 72% { transform: translate(-1px, 0px) rotate(-0.5deg); } 74% { transform: translate(0px, -1px) rotate(-0.5deg); } 76% { transform: translate(0px, 0px) rotate(-0.5deg); } 78% { transform: translate(-1px, -1px) rotate(-0.5deg); } 80% { transform: translate(-1px, 0px) rotate(-0.5deg); } 82% { transform: translate(0px, -1px) rotate(-0.5deg); } 84% { transform: translate(0px, 0px) rotate(-0.5deg); } 86% { transform: translate(0px, 0px) rotate(-0.5deg); } 88% { transform: translate(0px, 0px) rotate(-0.5deg); } 90% { transform: translate(-1px, 0px) rotate(-0.5deg); } 92% { transform: translate(0px, 0px) rotate(-0.5deg); } 94% { transform: translate(0px, -1px) rotate(-0.5deg); } 96% { transform: translate(0px, 0px) rotate(-0.5deg); } 98% { transform: translate(0px, 0px) rotate(-0.5deg); } } @-webkit-keyframes shake-slow { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 2% { -webkit-transform: translate(-1px, 3px) rotate(-1.5deg); } 4% { -webkit-transform: translate(-4px, 5px) rotate(-1.5deg); } 6% { -webkit-transform: translate(-1px, 6px) rotate(-0.5deg); } 8% { -webkit-transform: translate(5px, -4px) rotate(-3.5deg); } 10% { -webkit-transform: translate(-7px, -3px) rotate(-3.5deg); } 12% { -webkit-transform: translate(-1px, 8px) rotate(2.5deg); } 14% { -webkit-transform: translate(3px, -5px) rotate(-1.5deg); } 16% { -webkit-transform: translate(1px, 0px) rotate(2.5deg); } 18% { -webkit-transform: translate(-6px, -10px) rotate(-0.5deg); } 20% { -webkit-transform: translate(3px, -2px) rotate(1.5deg); } 22% { -webkit-transform: translate(0px, 0px) rotate(-2.5deg); } 24% { -webkit-transform: translate(-5px, -4px) rotate(1.5deg); } 26% { -webkit-transform: translate(-1px, 3px) rotate(-3.5deg); } 28% { -webkit-transform: translate(1px, 1px) rotate(-3.5deg); } 30% { -webkit-transform: translate(-4px, 8px) rotate(1.5deg); } 32% { -webkit-transform: translate(-9px, 7px) rotate(-3.5deg); } 34% { -webkit-transform: translate(4px, -9px) rotate(-2.5deg); } 36% { -webkit-transform: translate(1px, -6px) rotate(-2.5deg); } 38% { -webkit-transform: translate(-4px, 0px) rotate(-2.5deg); } 40% { -webkit-transform: translate(3px, -7px) rotate(0.5deg); } 42% { -webkit-transform: translate(4px, 4px) rotate(-0.5deg); } 44% { -webkit-transform: translate(8px, -4px) rotate(-2.5deg); } 46% { -webkit-transform: translate(9px, 9px) rotate(-3.5deg); } 48% { -webkit-transform: translate(6px, -8px) rotate(-0.5deg); } 50% { -webkit-transform: translate(-1px, 4px) rotate(-3.5deg); } 52% { -webkit-transform: translate(4px, 6px) rotate(-1.5deg); } 54% { -webkit-transform: translate(9px, -3px) rotate(2.5deg); } 56% { -webkit-transform: translate(8px, -2px) rotate(-3.5deg); } 58% { -webkit-transform: translate(-2px, -9px) rotate(-0.5deg); } 60% { -webkit-transform: translate(-1px, -5px) rotate(2.5deg); } 62% { -webkit-transform: translate(-8px, 3px) rotate(2.5deg); } 64% { -webkit-transform: translate(6px, -2px) rotate(-3.5deg); } 66% { -webkit-transform: translate(-5px, 9px) rotate(-1.5deg); } 68% { -webkit-transform: translate(3px, 1px) rotate(-0.5deg); } 70% { -webkit-transform: translate(6px, 4px) rotate(-1.5deg); } 72% { -webkit-transform: translate(-6px, -5px) rotate(1.5deg); } 74% { -webkit-transform: translate(-8px, 0px) rotate(-0.5deg); } 76% { -webkit-transform: translate(-5px, -8px) rotate(1.5deg); } 78% { -webkit-transform: translate(5px, -3px) rotate(-1.5deg); } 80% { -webkit-transform: translate(-6px, -3px) rotate(-1.5deg); } 82% { -webkit-transform: translate(7px, 8px) rotate(-1.5deg); } 84% { -webkit-transform: translate(-6px, 9px) rotate(0.5deg); } 86% { -webkit-transform: translate(1px, 8px) rotate(-3.5deg); } 88% { -webkit-transform: translate(-9px, -2px) rotate(1.5deg); } 90% { -webkit-transform: translate(4px, -6px) rotate(-1.5deg); } 92% { -webkit-transform: translate(0px, -1px) rotate(0.5deg); } 94% { -webkit-transform: translate(2px, -9px) rotate(2.5deg); } 96% { -webkit-transform: translate(-9px, 1px) rotate(-2.5deg); } 98% { -webkit-transform: translate(-9px, -5px) rotate(-3.5deg); } } @-ms-keyframes shake-slow { 0% { -ms-transform: translate(0px, 0px) rotate(0deg); } 2% { -ms-transform: translate(-10px, 5px) rotate(-2.5deg); } 4% { -ms-transform: translate(7px, 7px) rotate(-3.5deg); } 6% { -ms-transform: translate(8px, -7px) rotate(-2.5deg); } 8% { -ms-transform: translate(-8px, 3px) rotate(-0.5deg); } 10% { -ms-transform: translate(3px, -10px) rotate(-1.5deg); } 12% { -ms-transform: translate(-9px, -6px) rotate(2.5deg); } 14% { -ms-transform: translate(-2px, -6px) rotate(-0.5deg); } 16% { -ms-transform: translate(6px, -1px) rotate(0.5deg); } 18% { -ms-transform: translate(5px, -1px) rotate(0.5deg); } 20% { -ms-transform: translate(7px, -5px) rotate(-0.5deg); } 22% { -ms-transform: translate(-8px, 5px) rotate(2.5deg); } 24% { -ms-transform: translate(0px, 4px) rotate(2.5deg); } 26% { -ms-transform: translate(-1px, 2px) rotate(-1.5deg); } 28% { -ms-transform: translate(-1px, -1px) rotate(1.5deg); } 30% { -ms-transform: translate(-5px, -5px) rotate(2.5deg); } 32% { -ms-transform: translate(0px, 7px) rotate(-0.5deg); } 34% { -ms-transform: translate(-9px, 3px) rotate(-0.5deg); } 36% { -ms-transform: translate(3px, -5px) rotate(-2.5deg); } 38% { -ms-transform: translate(5px, 2px) rotate(-0.5deg); } 40% { -ms-transform: translate(6px, -3px) rotate(0.5deg); } 42% { -ms-transform: translate(-4px, -6px) rotate(-0.5deg); } 44% { -ms-transform: translate(9px, 2px) rotate(-3.5deg); } 46% { -ms-transform: translate(6px, -4px) rotate(1.5deg); } 48% { -ms-transform: translate(6px, 5px) rotate(2.5deg); } 50% { -ms-transform: translate(-9px, -2px) rotate(-2.5deg); } 52% { -ms-transform: translate(-7px, 9px) rotate(-0.5deg); } 54% { -ms-transform: translate(-5px, -5px) rotate(-3.5deg); } 56% { -ms-transform: translate(-6px, -10px) rotate(1.5deg); } 58% { -ms-transform: translate(-3px, 1px) rotate(-3.5deg); } 60% { -ms-transform: translate(3px, 5px) rotate(2.5deg); } 62% { -ms-transform: translate(-1px, -8px) rotate(2.5deg); } 64% { -ms-transform: translate(6px, -7px) rotate(-0.5deg); } 66% { -ms-transform: translate(-7px, -1px) rotate(0.5deg); } 68% { -ms-transform: translate(-3px, -4px) rotate(-1.5deg); } 70% { -ms-transform: translate(-10px, 9px) rotate(2.5deg); } 72% { -ms-transform: translate(9px, 9px) rotate(2.5deg); } 74% { -ms-transform: translate(-6px, 8px) rotate(-0.5deg); } 76% { -ms-transform: translate(-5px, -10px) rotate(-2.5deg); } 78% { -ms-transform: translate(-7px, -9px) rotate(-0.5deg); } 80% { -ms-transform: translate(8px, -4px) rotate(2.5deg); } 82% { -ms-transform: translate(9px, 4px) rotate(-0.5deg); } 84% { -ms-transform: translate(-1px, -1px) rotate(2.5deg); } 86% { -ms-transform: translate(-6px, -3px) rotate(0.5deg); } 88% { -ms-transform: translate(-2px, -4px) rotate(0.5deg); } 90% { -ms-transform: translate(5px, 1px) rotate(0.5deg); } 92% { -ms-transform: translate(1px, 2px) rotate(-3.5deg); } 94% { -ms-transform: translate(-5px, -10px) rotate(1.5deg); } 96% { -ms-transform: translate(-6px, 3px) rotate(-3.5deg); } 98% { -ms-transform: translate(-1px, -7px) rotate(-2.5deg); } } @keyframes shake-slow { 0% { transform: translate(0px, 0px) rotate(0deg); } 2% { transform: translate(6px, -7px) rotate(2.5deg); } 4% { transform: translate(8px, -8px) rotate(2.5deg); } 6% { transform: translate(1px, -8px) rotate(-3.5deg); } 8% { transform: translate(-3px, 4px) rotate(-0.5deg); } 10% { transform: translate(0px, -3px) rotate(1.5deg); } 12% { transform: translate(-1px, 2px) rotate(0.5deg); } 14% { transform: translate(6px, 6px) rotate(-1.5deg); } 16% { transform: translate(-7px, 4px) rotate(-0.5deg); } 18% { transform: translate(7px, 8px) rotate(-3.5deg); } 20% { transform: translate(-6px, 2px) rotate(1.5deg); } 22% { transform: translate(9px, 5px) rotate(-1.5deg); } 24% { transform: translate(7px, -2px) rotate(0.5deg); } 26% { transform: translate(-7px, -10px) rotate(-0.5deg); } 28% { transform: translate(-10px, -8px) rotate(-1.5deg); } 30% { transform: translate(8px, 4px) rotate(0.5deg); } 32% { transform: translate(0px, 4px) rotate(1.5deg); } 34% { transform: translate(-8px, 6px) rotate(-0.5deg); } 36% { transform: translate(-5px, 7px) rotate(1.5deg); } 38% { transform: translate(-4px, -4px) rotate(-1.5deg); } 40% { transform: translate(9px, 4px) rotate(-1.5deg); } 42% { transform: translate(9px, -5px) rotate(2.5deg); } 44% { transform: translate(-5px, -4px) rotate(-2.5deg); } 46% { transform: translate(7px, -7px) rotate(1.5deg); } 48% { transform: translate(-5px, 8px) rotate(0.5deg); } 50% { transform: translate(9px, 1px) rotate(-1.5deg); } 52% { transform: translate(-9px, -5px) rotate(-3.5deg); } 54% { transform: translate(-2px, 9px) rotate(1.5deg); } 56% { transform: translate(6px, -1px) rotate(1.5deg); } 58% { transform: translate(-6px, 0px) rotate(-0.5deg); } 60% { transform: translate(3px, 1px) rotate(1.5deg); } 62% { transform: translate(5px, -7px) rotate(-0.5deg); } 64% { transform: translate(9px, 2px) rotate(2.5deg); } 66% { transform: translate(6px, 0px) rotate(-2.5deg); } 68% { transform: translate(5px, -4px) rotate(-2.5deg); } 70% { transform: translate(-8px, 5px) rotate(-2.5deg); } 72% { transform: translate(-6px, -2px) rotate(0.5deg); } 74% { transform: translate(-3px, 7px) rotate(-3.5deg); } 76% { transform: translate(-7px, -8px) rotate(-3.5deg); } 78% { transform: translate(-1px, -2px) rotate(2.5deg); } 80% { transform: translate(8px, 6px) rotate(-2.5deg); } 82% { transform: translate(-2px, -9px) rotate(2.5deg); } 84% { transform: translate(8px, -10px) rotate(-0.5deg); } 86% { transform: translate(-6px, 0px) rotate(2.5deg); } 88% { transform: translate(-1px, 9px) rotate(-3.5deg); } 90% { transform: translate(-7px, 8px) rotate(1.5deg); } 92% { transform: translate(-10px, -8px) rotate(0.5deg); } 94% { transform: translate(-8px, 6px) rotate(1.5deg); } 96% { transform: translate(4px, -9px) rotate(2.5deg); } 98% { transform: translate(-4px, 9px) rotate(0.5deg); } } @-webkit-keyframes shake-hard { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 2% { -webkit-transform: translate(-5px, -7px) rotate(-3.5deg); } 4% { -webkit-transform: translate(-9px, -7px) rotate(-0.5deg); } 6% { -webkit-transform: translate(-3px, -1px) rotate(-0.5deg); } 8% { -webkit-transform: translate(2px, -8px) rotate(-3.5deg); } 10% { -webkit-transform: translate(-2px, -4px) rotate(0.5deg); } 12% { -webkit-transform: translate(-8px, 6px) rotate(2.5deg); } 14% { -webkit-transform: translate(-1px, 3px) rotate(-0.5deg); } 16% { -webkit-transform: translate(-7px, 0px) rotate(1.5deg); } 18% { -webkit-transform: translate(-6px, -6px) rotate(2.5deg); } 20% { -webkit-transform: translate(-8px, 5px) rotate(2.5deg); } 22% { -webkit-transform: translate(-3px, 1px) rotate(-1.5deg); } 24% { -webkit-transform: translate(-7px, 5px) rotate(0.5deg); } 26% { -webkit-transform: translate(1px, 8px) rotate(0.5deg); } 28% { -webkit-transform: translate(-4px, 5px) rotate(2.5deg); } 30% { -webkit-transform: translate(-4px, -2px) rotate(-0.5deg); } 32% { -webkit-transform: translate(2px, -2px) rotate(-1.5deg); } 34% { -webkit-transform: translate(-3px, 6px) rotate(-3.5deg); } 36% { -webkit-transform: translate(4px, 5px) rotate(-0.5deg); } 38% { -webkit-transform: translate(-4px, -4px) rotate(-0.5deg); } 40% { -webkit-transform: translate(-8px, 3px) rotate(-0.5deg); } 42% { -webkit-transform: translate(-2px, -8px) rotate(0.5deg); } 44% { -webkit-transform: translate(-2px, 8px) rotate(-3.5deg); } 46% { -webkit-transform: translate(-1px, -6px) rotate(-2.5deg); } 48% { -webkit-transform: translate(-8px, 7px) rotate(-2.5deg); } 50% { -webkit-transform: translate(4px, -10px) rotate(1.5deg); } 52% { -webkit-transform: translate(-9px, 8px) rotate(-1.5deg); } 54% { -webkit-transform: translate(2px, -6px) rotate(-2.5deg); } 56% { -webkit-transform: translate(-6px, -4px) rotate(-3.5deg); } 58% { -webkit-transform: translate(8px, 8px) rotate(1.5deg); } 60% { -webkit-transform: translate(-2px, -7px) rotate(-3.5deg); } 62% { -webkit-transform: translate(-7px, -6px) rotate(0.5deg); } 64% { -webkit-transform: translate(0px, 7px) rotate(1.5deg); } 66% { -webkit-transform: translate(-3px, -3px) rotate(2.5deg); } 68% { -webkit-transform: translate(4px, 1px) rotate(2.5deg); } 70% { -webkit-transform: translate(2px, 3px) rotate(0.5deg); } 72% { -webkit-transform: translate(4px, -10px) rotate(-0.5deg); } 74% { -webkit-transform: translate(-1px, 7px) rotate(0.5deg); } 76% { -webkit-transform: translate(-3px, 3px) rotate(-3.5deg); } 78% { -webkit-transform: translate(-2px, 9px) rotate(-2.5deg); } 80% { -webkit-transform: translate(7px, -5px) rotate(-3.5deg); } 82% { -webkit-transform: translate(-8px, 8px) rotate(-0.5deg); } 84% { -webkit-transform: translate(5px, 8px) rotate(-3.5deg); } 86% { -webkit-transform: translate(4px, 0px) rotate(1.5deg); } 88% { -webkit-transform: translate(-7px, 4px) rotate(2.5deg); } 90% { -webkit-transform: translate(4px, 8px) rotate(0.5deg); } 92% { -webkit-transform: translate(0px, -3px) rotate(-3.5deg); } 94% { -webkit-transform: translate(7px, -3px) rotate(1.5deg); } 96% { -webkit-transform: translate(-6px, -6px) rotate(0.5deg); } 98% { -webkit-transform: translate(-4px, 7px) rotate(-2.5deg); } } @-ms-keyframes shake-hard { 0% { -ms-transform: translate(0px, 0px) rotate(0deg); } 2% { -ms-transform: translate(2px, 5px) rotate(2.5deg); } 4% { -ms-transform: translate(-5px, 8px) rotate(2.5deg); } 6% { -ms-transform: translate(-7px, 7px) rotate(0.5deg); } 8% { -ms-transform: translate(2px, 3px) rotate(-1.5deg); } 10% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); } 12% { -ms-transform: translate(7px, 5px) rotate(-3.5deg); } 14% { -ms-transform: translate(3px, 2px) rotate(1.5deg); } 16% { -ms-transform: translate(-1px, -1px) rotate(-1.5deg); } 18% { -ms-transform: translate(-3px, -7px) rotate(-3.5deg); } 20% { -ms-transform: translate(5px, 0px) rotate(2.5deg); } 22% { -ms-transform: translate(1px, -10px) rotate(-1.5deg); } 24% { -ms-transform: translate(-6px, -3px) rotate(2.5deg); } 26% { -ms-transform: translate(-4px, 5px) rotate(2.5deg); } 28% { -ms-transform: translate(-6px, 0px) rotate(-3.5deg); } 30% { -ms-transform: translate(-1px, 6px) rotate(-2.5deg); } 32% { -ms-transform: translate(8px, 2px) rotate(-2.5deg); } 34% { -ms-transform: translate(-4px, -2px) rotate(2.5deg); } 36% { -ms-transform: translate(8px, 8px) rotate(-0.5deg); } 38% { -ms-transform: translate(-8px, -6px) rotate(-3.5deg); } 40% { -ms-transform: translate(3px, -2px) rotate(-0.5deg); } 42% { -ms-transform: translate(1px, 5px) rotate(-1.5deg); } 44% { -ms-transform: translate(6px, 2px) rotate(0.5deg); } 46% { -ms-transform: translate(-6px, -1px) rotate(-0.5deg); } 48% { -ms-transform: translate(-5px, 5px) rotate(-1.5deg); } 50% { -ms-transform: translate(6px, 6px) rotate(-2.5deg); } 52% { -ms-transform: translate(-1px, 9px) rotate(0.5deg); } 54% { -ms-transform: translate(-3px, 7px) rotate(2.5deg); } 56% { -ms-transform: translate(7px, 5px) rotate(0.5deg); } 58% { -ms-transform: translate(-8px, -4px) rotate(-0.5deg); } 60% { -ms-transform: translate(-6px, -5px) rotate(0.5deg); } 62% { -ms-transform: translate(8px, -8px) rotate(-2.5deg); } 64% { -ms-transform: translate(-2px, -5px) rotate(-2.5deg); } 66% { -ms-transform: translate(-5px, -7px) rotate(2.5deg); } 68% { -ms-transform: translate(3px, -3px) rotate(-2.5deg); } 70% { -ms-transform: translate(3px, 8px) rotate(-2.5deg); } 72% { -ms-transform: translate(-3px, -3px) rotate(-3.5deg); } 74% { -ms-transform: translate(-8px, -4px) rotate(-2.5deg); } 76% { -ms-transform: translate(-8px, -5px) rotate(-1.5deg); } 78% { -ms-transform: translate(6px, -10px) rotate(0.5deg); } 80% { -ms-transform: translate(-9px, -3px) rotate(-3.5deg); } 82% { -ms-transform: translate(6px, 5px) rotate(-3.5deg); } 84% { -ms-transform: translate(-4px, 5px) rotate(-0.5deg); } 86% { -ms-transform: translate(-3px, -3px) rotate(0.5deg); } 88% { -ms-transform: translate(3px, -7px) rotate(-2.5deg); } 90% { -ms-transform: translate(-1px, 2px) rotate(-1.5deg); } 92% { -ms-transform: translate(2px, 5px) rotate(2.5deg); } 94% { -ms-transform: translate(-2px, 1px) rotate(-2.5deg); } 96% { -ms-transform: translate(-5px, -2px) rotate(-0.5deg); } 98% { -ms-transform: translate(-6px, 8px) rotate(-2.5deg); } } @keyframes shake-hard { 0% { transform: translate(0px, 0px) rotate(0deg); } 2% { transform: translate(-8px, -1px) rotate(0.5deg); } 4% { transform: translate(-3px, 3px) rotate(-2.5deg); } 6% { transform: translate(-4px, -2px) rotate(-2.5deg); } 8% { transform: translate(-8px, -5px) rotate(-3.5deg); } 10% { transform: translate(-2px, -10px) rotate(0.5deg); } 12% { transform: translate(0px, -9px) rotate(-1.5deg); } 14% { transform: translate(-8px, 7px) rotate(-0.5deg); } 16% { transform: translate(-2px, 8px) rotate(-1.5deg); } 18% { transform: translate(1px, 9px) rotate(1.5deg); } 20% { transform: translate(5px, 7px) rotate(-2.5deg); } 22% { transform: translate(0px, 2px) rotate(-2.5deg); } 24% { transform: translate(0px, 7px) rotate(-1.5deg); } 26% { transform: translate(-9px, 4px) rotate(-3.5deg); } 28% { transform: translate(3px, -1px) rotate(1.5deg); } 30% { transform: translate(6px, 2px) rotate(1.5deg); } 32% { transform: translate(-8px, -8px) rotate(-3.5deg); } 34% { transform: translate(9px, 5px) rotate(-1.5deg); } 36% { transform: translate(-2px, 7px) rotate(-0.5deg); } 38% { transform: translate(0px, 0px) rotate(2.5deg); } 40% { transform: translate(0px, -10px) rotate(-3.5deg); } 42% { transform: translate(3px, -4px) rotate(0.5deg); } 44% { transform: translate(-1px, -10px) rotate(0.5deg); } 46% { transform: translate(0px, 1px) rotate(2.5deg); } 48% { transform: translate(-1px, 1px) rotate(2.5deg); } 50% { transform: translate(7px, 4px) rotate(-0.5deg); } 52% { transform: translate(-10px, -5px) rotate(1.5deg); } 54% { transform: translate(-1px, 6px) rotate(-1.5deg); } 56% { transform: translate(-9px, 9px) rotate(-3.5deg); } 58% { transform: translate(8px, 2px) rotate(2.5deg); } 60% { transform: translate(9px, 1px) rotate(-1.5deg); } 62% { transform: translate(-3px, -2px) rotate(-2.5deg); } 64% { transform: translate(-3px, 8px) rotate(0.5deg); } 66% { transform: translate(-8px, 8px) rotate(0.5deg); } 68% { transform: translate(0px, 9px) rotate(2.5deg); } 70% { transform: translate(3px, -9px) rotate(2.5deg); } 72% { transform: translate(3px, -5px) rotate(-3.5deg); } 74% { transform: translate(-10px, 2px) rotate(-1.5deg); } 76% { transform: translate(2px, 2px) rotate(1.5deg); } 78% { transform: translate(2px, -3px) rotate(0.5deg); } 80% { transform: translate(-4px, -7px) rotate(-1.5deg); } 82% { transform: translate(-9px, 0px) rotate(-0.5deg); } 84% { transform: translate(-5px, 5px) rotate(-3.5deg); } 86% { transform: translate(-8px, -3px) rotate(2.5deg); } 88% { transform: translate(2px, -5px) rotate(-1.5deg); } 90% { transform: translate(-5px, 0px) rotate(-2.5deg); } 92% { transform: translate(1px, -5px) rotate(1.5deg); } 94% { transform: translate(-8px, -8px) rotate(0.5deg); } 96% { transform: translate(-6px, -8px) rotate(2.5deg); } 98% { transform: translate(1px, 0px) rotate(1.5deg); } } @-webkit-keyframes shake-horizontal { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 2% { -webkit-transform: translate(-6px, 0px) rotate(0deg); } 4% { -webkit-transform: translate(5px, 0px) rotate(0deg); } 6% { -webkit-transform: translate(3px, 0px) rotate(0deg); } 8% { -webkit-transform: translate(-3px, 0px) rotate(0deg); } 10% { -webkit-transform: translate(2px, 0px) rotate(0deg); } 12% { -webkit-transform: translate(6px, 0px) rotate(0deg); } 14% { -webkit-transform: translate(5px, 0px) rotate(0deg); } 16% { -webkit-transform: translate(5px, 0px) rotate(0deg); } 18% { -webkit-transform: translate(5px, 0px) rotate(0deg); } 20% { -webkit-transform: translate(-4px, 0px) rotate(0deg); } 22% { -webkit-transform: translate(5px, 0px) rotate(0deg); } 24% { -webkit-transform: translate(-1px, 0px) rotate(0deg); } 26% { -webkit-transform: translate(7px, 0px) rotate(0deg); } 28% { -webkit-transform: translate(-5px, 0px) rotate(0deg); } 30% { -webkit-transform: translate(8px, 0px) rotate(0deg); } 32% { -webkit-transform: translate(-8px, 0px) rotate(0deg); } 34% { -webkit-transform: translate(-2px, 0px) rotate(0deg); } 36% { -webkit-transform: translate(2px, 0px) rotate(0deg); } 38% { -webkit-transform: translate(6px, 0px) rotate(0deg); } 40% { -webkit-transform: translate(-10px, 0px) rotate(0deg); } 42% { -webkit-transform: translate(-6px, 0px) rotate(0deg); } 44% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 46% { -webkit-transform: translate(3px, 0px) rotate(0deg); } 48% { -webkit-transform: translate(-3px, 0px) rotate(0deg); } 50% { -webkit-transform: translate(6px, 0px) rotate(0deg); } 52% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 54% { -webkit-transform: translate(-6px, 0px) rotate(0deg); } 56% { -webkit-transform: translate(-3px, 0px) rotate(0deg); } 58% { -webkit-transform: translate(-9px, 0px) rotate(0deg); } 60% { -webkit-transform: translate(-4px, 0px) rotate(0deg); } 62% { -webkit-transform: translate(-3px, 0px) rotate(0deg); } 64% { -webkit-transform: translate(-3px, 0px) rotate(0deg); } 66% { -webkit-transform: translate(-2px, 0px) rotate(0deg); } 68% { -webkit-transform: translate(6px, 0px) rotate(0deg); } 70% { -webkit-transform: translate(-8px, 0px) rotate(0deg); } 72% { -webkit-transform: translate(9px, 0px) rotate(0deg); } 74% { -webkit-transform: translate(-6px, 0px) rotate(0deg); } 76% { -webkit-transform: translate(-10px, 0px) rotate(0deg); } 78% { -webkit-transform: translate(-7px, 0px) rotate(0deg); } 80% { -webkit-transform: translate(1px, 0px) rotate(0deg); } 82% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 84% { -webkit-transform: translate(-2px, 0px) rotate(0deg); } 86% { -webkit-transform: translate(-3px, 0px) rotate(0deg); } 88% { -webkit-transform: translate(-5px, 0px) rotate(0deg); } 90% { -webkit-transform: translate(-9px, 0px) rotate(0deg); } 92% { -webkit-transform: translate(7px, 0px) rotate(0deg); } 94% { -webkit-transform: translate(8px, 0px) rotate(0deg); } 96% { -webkit-transform: translate(-8px, 0px) rotate(0deg); } 98% { -webkit-transform: translate(4px, 0px) rotate(0deg); } } @-ms-keyframes shake-horizontal { 0% { -ms-transform: translate(0px, 0px) rotate(0deg); } 2% { -ms-transform: translate(-9px, 0px) rotate(0deg); } 4% { -ms-transform: translate(-6px, 0px) rotate(0deg); } 6% { -ms-transform: translate(-2px, 0px) rotate(0deg); } 8% { -ms-transform: translate(5px, 0px) rotate(0deg); } 10% { -ms-transform: translate(-1px, 0px) rotate(0deg); } 12% { -ms-transform: translate(9px, 0px) rotate(0deg); } 14% { -ms-transform: translate(-5px, 0px) rotate(0deg); } 16% { -ms-transform: translate(-4px, 0px) rotate(0deg); } 18% { -ms-transform: translate(7px, 0px) rotate(0deg); } 20% { -ms-transform: translate(8px, 0px) rotate(0deg); } 22% { -ms-transform: translate(7px, 0px) rotate(0deg); } 24% { -ms-transform: translate(-5px, 0px) rotate(0deg); } 26% { -ms-transform: translate(-2px, 0px) rotate(0deg); } 28% { -ms-transform: translate(-5px, 0px) rotate(0deg); } 30% { -ms-transform: translate(3px, 0px) rotate(0deg); } 32% { -ms-transform: translate(-7px, 0px) rotate(0deg); } 34% { -ms-transform: translate(7px, 0px) rotate(0deg); } 36% { -ms-transform: translate(4px, 0px) rotate(0deg); } 38% { -ms-transform: translate(-10px, 0px) rotate(0deg); } 40% { -ms-transform: translate(3px, 0px) rotate(0deg); } 42% { -ms-transform: translate(-6px, 0px) rotate(0deg); } 44% { -ms-transform: translate(-5px, 0px) rotate(0deg); } 46% { -ms-transform: translate(0px, 0px) rotate(0deg); } 48% { -ms-transform: translate(-8px, 0px) rotate(0deg); } 50% { -ms-transform: translate(0px, 0px) rotate(0deg); } 52% { -ms-transform: translate(-5px, 0px) rotate(0deg); } 54% { -ms-transform: translate(4px, 0px) rotate(0deg); } 56% { -ms-transform: translate(-2px, 0px) rotate(0deg); } 58% { -ms-transform: translate(-9px, 0px) rotate(0deg); } 60% { -ms-transform: translate(-6px, 0px) rotate(0deg); } 62% { -ms-transform: translate(4px, 0px) rotate(0deg); } 64% { -ms-transform: translate(-10px, 0px) rotate(0deg); } 66% { -ms-transform: translate(8px, 0px) rotate(0deg); } 68% { -ms-transform: translate(0px, 0px) rotate(0deg); } 70% { -ms-transform: translate(4px, 0px) rotate(0deg); } 72% { -ms-transform: translate(-4px, 0px) rotate(0deg); } 74% { -ms-transform: translate(-1px, 0px) rotate(0deg); } 76% { -ms-transform: translate(-3px, 0px) rotate(0deg); } 78% { -ms-transform: translate(0px, 0px) rotate(0deg); } 80% { -ms-transform: translate(-10px, 0px) rotate(0deg); } 82% { -ms-transform: translate(4px, 0px) rotate(0deg); } 84% { -ms-transform: translate(-7px, 0px) rotate(0deg); } 86% { -ms-transform: translate(7px, 0px) rotate(0deg); } 88% { -ms-transform: translate(-1px, 0px) rotate(0deg); } 90% { -ms-transform: translate(9px, 0px) rotate(0deg); } 92% { -ms-transform: translate(-6px, 0px) rotate(0deg); } 94% { -ms-transform: translate(-8px, 0px) rotate(0deg); } 96% { -ms-transform: translate(-1px, 0px) rotate(0deg); } 98% { -ms-transform: translate(-5px, 0px) rotate(0deg); } } @keyframes shake-horizontal { 0% { transform: translate(0px, 0px) rotate(0deg); } 2% { transform: translate(-4px, 0px) rotate(0deg); } 4% { transform: translate(2px, 0px) rotate(0deg); } 6% { transform: translate(-3px, 0px) rotate(0deg); } 8% { transform: translate(9px, 0px) rotate(0deg); } 10% { transform: translate(2px, 0px) rotate(0deg); } 12% { transform: translate(-6px, 0px) rotate(0deg); } 14% { transform: translate(-7px, 0px) rotate(0deg); } 16% { transform: translate(2px, 0px) rotate(0deg); } 18% { transform: translate(7px, 0px) rotate(0deg); } 20% { transform: translate(-1px, 0px) rotate(0deg); } 22% { transform: translate(-10px, 0px) rotate(0deg); } 24% { transform: translate(-10px, 0px) rotate(0deg); } 26% { transform: translate(3px, 0px) rotate(0deg); } 28% { transform: translate(-5px, 0px) rotate(0deg); } 30% { transform: translate(4px, 0px) rotate(0deg); } 32% { transform: translate(-6px, 0px) rotate(0deg); } 34% { transform: translate(-2px, 0px) rotate(0deg); } 36% { transform: translate(-6px, 0px) rotate(0deg); } 38% { transform: translate(-2px, 0px) rotate(0deg); } 40% { transform: translate(4px, 0px) rotate(0deg); } 42% { transform: translate(8px, 0px) rotate(0deg); } 44% { transform: translate(-3px, 0px) rotate(0deg); } 46% { transform: translate(-10px, 0px) rotate(0deg); } 48% { transform: translate(4px, 0px) rotate(0deg); } 50% { transform: translate(-6px, 0px) rotate(0deg); } 52% { transform: translate(6px, 0px) rotate(0deg); } 54% { transform: translate(-8px, 0px) rotate(0deg); } 56% { transform: translate(5px, 0px) rotate(0deg); } 58% { transform: translate(9px, 0px) rotate(0deg); } 60% { transform: translate(7px, 0px) rotate(0deg); } 62% { transform: translate(1px, 0px) rotate(0deg); } 64% { transform: translate(2px, 0px) rotate(0deg); } 66% { transform: translate(-2px, 0px) rotate(0deg); } 68% { transform: translate(-7px, 0px) rotate(0deg); } 70% { transform: translate(-1px, 0px) rotate(0deg); } 72% { transform: translate(-6px, 0px) rotate(0deg); } 74% { transform: translate(5px, 0px) rotate(0deg); } 76% { transform: translate(0px, 0px) rotate(0deg); } 78% { transform: translate(9px, 0px) rotate(0deg); } 80% { transform: translate(-3px, 0px) rotate(0deg); } 82% { transform: translate(8px, 0px) rotate(0deg); } 84% { transform: translate(-2px, 0px) rotate(0deg); } 86% { transform: translate(-1px, 0px) rotate(0deg); } 88% { transform: translate(-3px, 0px) rotate(0deg); } 90% { transform: translate(4px, 0px) rotate(0deg); } 92% { transform: translate(0px, 0px) rotate(0deg); } 94% { transform: translate(4px, 0px) rotate(0deg); } 96% { transform: translate(2px, 0px) rotate(0deg); } 98% { transform: translate(-2px, 0px) rotate(0deg); } } @-webkit-keyframes shake-vertical { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 2% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 4% { -webkit-transform: translate(0px, 6px) rotate(0deg); } 6% { -webkit-transform: translate(0px, -5px) rotate(0deg); } 8% { -webkit-transform: translate(0px, -3px) rotate(0deg); } 10% { -webkit-transform: translate(0px, 9px) rotate(0deg); } 12% { -webkit-transform: translate(0px, 5px) rotate(0deg); } 14% { -webkit-transform: translate(0px, -7px) rotate(0deg); } 16% { -webkit-transform: translate(0px, -2px) rotate(0deg); } 18% { -webkit-transform: translate(0px, 1px) rotate(0deg); } 20% { -webkit-transform: translate(0px, 8px) rotate(0deg); } 22% { -webkit-transform: translate(0px, 7px) rotate(0deg); } 24% { -webkit-transform: translate(0px, -1px) rotate(0deg); } 26% { -webkit-transform: translate(0px, -4px) rotate(0deg); } 28% { -webkit-transform: translate(0px, 5px) rotate(0deg); } 30% { -webkit-transform: translate(0px, 1px) rotate(0deg); } 32% { -webkit-transform: translate(0px, -2px) rotate(0deg); } 34% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 36% { -webkit-transform: translate(0px, 7px) rotate(0deg); } 38% { -webkit-transform: translate(0px, 5px) rotate(0deg); } 40% { -webkit-transform: translate(0px, 5px) rotate(0deg); } 42% { -webkit-transform: translate(0px, 7px) rotate(0deg); } 44% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 46% { -webkit-transform: translate(0px, -9px) rotate(0deg); } 48% { -webkit-transform: translate(0px, -9px) rotate(0deg); } 50% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 52% { -webkit-transform: translate(0px, -10px) rotate(0deg); } 54% { -webkit-transform: translate(0px, -9px) rotate(0deg); } 56% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 58% { -webkit-transform: translate(0px, -4px) rotate(0deg); } 60% { -webkit-transform: translate(0px, -6px) rotate(0deg); } 62% { -webkit-transform: translate(0px, 8px) rotate(0deg); } 64% { -webkit-transform: translate(0px, 9px) rotate(0deg); } 66% { -webkit-transform: translate(0px, 6px) rotate(0deg); } 68% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 70% { -webkit-transform: translate(0px, 1px) rotate(0deg); } 72% { -webkit-transform: translate(0px, 4px) rotate(0deg); } 74% { -webkit-transform: translate(0px, -9px) rotate(0deg); } 76% { -webkit-transform: translate(0px, -5px) rotate(0deg); } 78% { -webkit-transform: translate(0px, -7px) rotate(0deg); } 80% { -webkit-transform: translate(0px, -3px) rotate(0deg); } 82% { -webkit-transform: translate(0px, -2px) rotate(0deg); } 84% { -webkit-transform: translate(0px, 8px) rotate(0deg); } 86% { -webkit-transform: translate(0px, -7px) rotate(0deg); } 88% { -webkit-transform: translate(0px, 1px) rotate(0deg); } 90% { -webkit-transform: translate(0px, -7px) rotate(0deg); } 92% { -webkit-transform: translate(0px, -5px) rotate(0deg); } 94% { -webkit-transform: translate(0px, 1px) rotate(0deg); } 96% { -webkit-transform: translate(0px, -8px) rotate(0deg); } 98% { -webkit-transform: translate(0px, 7px) rotate(0deg); } } @-ms-keyframes shake-vertical { 0% { -ms-transform: translate(0px, 0px) rotate(0deg); } 2% { -ms-transform: translate(0px, 7px) rotate(0deg); } 4% { -ms-transform: translate(0px, 9px) rotate(0deg); } 6% { -ms-transform: translate(0px, 3px) rotate(0deg); } 8% { -ms-transform: translate(0px, -8px) rotate(0deg); } 10% { -ms-transform: translate(0px, 7px) rotate(0deg); } 12% { -ms-transform: translate(0px, -10px) rotate(0deg); } 14% { -ms-transform: translate(0px, 4px) rotate(0deg); } 16% { -ms-transform: translate(0px, 5px) rotate(0deg); } 18% { -ms-transform: translate(0px, 4px) rotate(0deg); } 20% { -ms-transform: translate(0px, -3px) rotate(0deg); } 22% { -ms-transform: translate(0px, 7px) rotate(0deg); } 24% { -ms-transform: translate(0px, -1px) rotate(0deg); } 26% { -ms-transform: translate(0px, -6px) rotate(0deg); } 28% { -ms-transform: translate(0px, -7px) rotate(0deg); } 30% { -ms-transform: translate(0px, -6px) rotate(0deg); } 32% { -ms-transform: translate(0px, 1px) rotate(0deg); } 34% { -ms-transform: translate(0px, 7px) rotate(0deg); } 36% { -ms-transform: translate(0px, 8px) rotate(0deg); } 38% { -ms-transform: translate(0px, -9px) rotate(0deg); } 40% { -ms-transform: translate(0px, 0px) rotate(0deg); } 42% { -ms-transform: translate(0px, -9px) rotate(0deg); } 44% { -ms-transform: translate(0px, -7px) rotate(0deg); } 46% { -ms-transform: translate(0px, 1px) rotate(0deg); } 48% { -ms-transform: translate(0px, -4px) rotate(0deg); } 50% { -ms-transform: translate(0px, -9px) rotate(0deg); } 52% { -ms-transform: translate(0px, 1px) rotate(0deg); } 54% { -ms-transform: translate(0px, 3px) rotate(0deg); } 56% { -ms-transform: translate(0px, 4px) rotate(0deg); } 58% { -ms-transform: translate(0px, -7px) rotate(0deg); } 60% { -ms-transform: translate(0px, -5px) rotate(0deg); } 62% { -ms-transform: translate(0px, 7px) rotate(0deg); } 64% { -ms-transform: translate(0px, 7px) rotate(0deg); } 66% { -ms-transform: translate(0px, 6px) rotate(0deg); } 68% { -ms-transform: translate(0px, 6px) rotate(0deg); } 70% { -ms-transform: translate(0px, -5px) rotate(0deg); } 72% { -ms-transform: translate(0px, 3px) rotate(0deg); } 74% { -ms-transform: translate(0px, -10px) rotate(0deg); } 76% { -ms-transform: translate(0px, 0px) rotate(0deg); } 78% { -ms-transform: translate(0px, -6px) rotate(0deg); } 80% { -ms-transform: translate(0px, 7px) rotate(0deg); } 82% { -ms-transform: translate(0px, -8px) rotate(0deg); } 84% { -ms-transform: translate(0px, 8px) rotate(0deg); } 86% { -ms-transform: translate(0px, 1px) rotate(0deg); } 88% { -ms-transform: translate(0px, 1px) rotate(0deg); } 90% { -ms-transform: translate(0px, 6px) rotate(0deg); } 92% { -ms-transform: translate(0px, -4px) rotate(0deg); } 94% { -ms-transform: translate(0px, 6px) rotate(0deg); } 96% { -ms-transform: translate(0px, -6px) rotate(0deg); } 98% { -ms-transform: translate(0px, -4px) rotate(0deg); } } @keyframes shake-vertical { 0% { transform: translate(0px, 0px) rotate(0deg); } 2% { transform: translate(0px, -9px) rotate(0deg); } 4% { transform: translate(0px, 6px) rotate(0deg); } 6% { transform: translate(0px, 6px) rotate(0deg); } 8% { transform: translate(0px, 1px) rotate(0deg); } 10% { transform: translate(0px, -4px) rotate(0deg); } 12% { transform: translate(0px, 1px) rotate(0deg); } 14% { transform: translate(0px, -7px) rotate(0deg); } 16% { transform: translate(0px, -8px) rotate(0deg); } 18% { transform: translate(0px, 3px) rotate(0deg); } 20% { transform: translate(0px, 1px) rotate(0deg); } 22% { transform: translate(0px, 2px) rotate(0deg); } 24% { transform: translate(0px, 7px) rotate(0deg); } 26% { transform: translate(0px, -4px) rotate(0deg); } 28% { transform: translate(0px, 1px) rotate(0deg); } 30% { transform: translate(0px, -10px) rotate(0deg); } 32% { transform: translate(0px, -2px) rotate(0deg); } 34% { transform: translate(0px, 8px) rotate(0deg); } 36% { transform: translate(0px, 9px) rotate(0deg); } 38% { transform: translate(0px, -2px) rotate(0deg); } 40% { transform: translate(0px, 0px) rotate(0deg); } 42% { transform: translate(0px, -4px) rotate(0deg); } 44% { transform: translate(0px, -1px) rotate(0deg); } 46% { transform: translate(0px, -2px) rotate(0deg); } 48% { transform: translate(0px, 4px) rotate(0deg); } 50% { transform: translate(0px, 7px) rotate(0deg); } 52% { transform: translate(0px, -8px) rotate(0deg); } 54% { transform: translate(0px, -3px) rotate(0deg); } 56% { transform: translate(0px, -6px) rotate(0deg); } 58% { transform: translate(0px, 6px) rotate(0deg); } 60% { transform: translate(0px, -2px) rotate(0deg); } 62% { transform: translate(0px, 8px) rotate(0deg); } 64% { transform: translate(0px, 1px) rotate(0deg); } 66% { transform: translate(0px, -8px) rotate(0deg); } 68% { transform: translate(0px, -9px) rotate(0deg); } 70% { transform: translate(0px, 5px) rotate(0deg); } 72% { transform: translate(0px, 5px) rotate(0deg); } 74% { transform: translate(0px, 9px) rotate(0deg); } 76% { transform: translate(0px, 6px) rotate(0deg); } 78% { transform: translate(0px, 0px) rotate(0deg); } 80% { transform: translate(0px, -2px) rotate(0deg); } 82% { transform: translate(0px, -4px) rotate(0deg); } 84% { transform: translate(0px, -4px) rotate(0deg); } 86% { transform: translate(0px, 8px) rotate(0deg); } 88% { transform: translate(0px, 9px) rotate(0deg); } 90% { transform: translate(0px, 8px) rotate(0deg); } 92% { transform: translate(0px, 8px) rotate(0deg); } 94% { transform: translate(0px, -5px) rotate(0deg); } 96% { transform: translate(0px, 1px) rotate(0deg); } 98% { transform: translate(0px, 5px) rotate(0deg); } } @-webkit-keyframes shake-rotate { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 2% { -webkit-transform: translate(0px, 0px) rotate(4.5deg); } 4% { -webkit-transform: translate(0px, 0px) rotate(-5.5deg); } 6% { -webkit-transform: translate(0px, 0px) rotate(3.5deg); } 8% { -webkit-transform: translate(0px, 0px) rotate(-5.5deg); } 10% { -webkit-transform: translate(0px, 0px) rotate(2.5deg); } 12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 14% { -webkit-transform: translate(0px, 0px) rotate(-3.5deg); } 16% { -webkit-transform: translate(0px, 0px) rotate(4.5deg); } 18% { -webkit-transform: translate(0px, 0px) rotate(-2.5deg); } 20% { -webkit-transform: translate(0px, 0px) rotate(-5.5deg); } 22% { -webkit-transform: translate(0px, 0px) rotate(-2.5deg); } 24% { -webkit-transform: translate(0px, 0px) rotate(4.5deg); } 26% { -webkit-transform: translate(0px, 0px) rotate(-4.5deg); } 28% { -webkit-transform: translate(0px, 0px) rotate(2.5deg); } 30% { -webkit-transform: translate(0px, 0px) rotate(-7.5deg); } 32% { -webkit-transform: translate(0px, 0px) rotate(-5.5deg); } 34% { -webkit-transform: translate(0px, 0px) rotate(-3.5deg); } 36% { -webkit-transform: translate(0px, 0px) rotate(5.5deg); } 38% { -webkit-transform: translate(0px, 0px) rotate(-5.5deg); } 40% { -webkit-transform: translate(0px, 0px) rotate(-4.5deg); } 42% { -webkit-transform: translate(0px, 0px) rotate(6.5deg); } 44% { -webkit-transform: translate(0px, 0px) rotate(0.5deg); } 46% { -webkit-transform: translate(0px, 0px) rotate(4.5deg); } 48% { -webkit-transform: translate(0px, 0px) rotate(-6.5deg); } 50% { -webkit-transform: translate(0px, 0px) rotate(3.5deg); } 52% { -webkit-transform: translate(0px, 0px) rotate(-7.5deg); } 54% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 56% { -webkit-transform: translate(0px, 0px) rotate(-1.5deg); } 58% { -webkit-transform: translate(0px, 0px) rotate(-2.5deg); } 60% { -webkit-transform: translate(0px, 0px) rotate(3.5deg); } 62% { -webkit-transform: translate(0px, 0px) rotate(1.5deg); } 64% { -webkit-transform: translate(0px, 0px) rotate(-3.5deg); } 66% { -webkit-transform: translate(0px, 0px) rotate(0.5deg); } 68% { -webkit-transform: translate(0px, 0px) rotate(-4.5deg); } 70% { -webkit-transform: translate(0px, 0px) rotate(5.5deg); } 72% { -webkit-transform: translate(0px, 0px) rotate(-3.5deg); } 74% { -webkit-transform: translate(0px, 0px) rotate(-4.5deg); } 76% { -webkit-transform: translate(0px, 0px) rotate(6.5deg); } 78% { -webkit-transform: translate(0px, 0px) rotate(0.5deg); } 80% { -webkit-transform: translate(0px, 0px) rotate(-2.5deg); } 82% { -webkit-transform: translate(0px, 0px) rotate(-7.5deg); } 84% { -webkit-transform: translate(0px, 0px) rotate(-7.5deg); } 86% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 88% { -webkit-transform: translate(0px, 0px) rotate(-4.5deg); } 90% { -webkit-transform: translate(0px, 0px) rotate(6.5deg); } 92% { -webkit-transform: translate(0px, 0px) rotate(-2.5deg); } 94% { -webkit-transform: translate(0px, 0px) rotate(-5.5deg); } 96% { -webkit-transform: translate(0px, 0px) rotate(4.5deg); } 98% { -webkit-transform: translate(0px, 0px) rotate(-3.5deg); } } @-ms-keyframes shake-rotate { 0% { -ms-transform: translate(0px, 0px) rotate(0deg); } 2% { -ms-transform: translate(0px, 0px) rotate(-3.5deg); } 4% { -ms-transform: translate(0px, 0px) rotate(1.5deg); } 6% { -ms-transform: translate(0px, 0px) rotate(-1.5deg); } 8% { -ms-transform: translate(0px, 0px) rotate(-7.5deg); } 10% { -ms-transform: translate(0px, 0px) rotate(-1.5deg); } 12% { -ms-transform: translate(0px, 0px) rotate(-1.5deg); } 14% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); } 16% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); } 18% { -ms-transform: translate(0px, 0px) rotate(1.5deg); } 20% { -ms-transform: translate(0px, 0px) rotate(-6.5deg); } 22% { -ms-transform: translate(0px, 0px) rotate(-3.5deg); } 24% { -ms-transform: translate(0px, 0px) rotate(-6.5deg); } 26% { -ms-transform: translate(0px, 0px) rotate(-4.5deg); } 28% { -ms-transform: translate(0px, 0px) rotate(-4.5deg); } 30% { -ms-transform: translate(0px, 0px) rotate(-2.5deg); } 32% { -ms-transform: translate(0px, 0px) rotate(-5.5deg); } 34% { -ms-transform: translate(0px, 0px) rotate(-4.5deg); } 36% { -ms-transform: translate(0px, 0px) rotate(4.5deg); } 38% { -ms-transform: translate(0px, 0px) rotate(0.5deg); } 40% { -ms-transform: translate(0px, 0px) rotate(-6.5deg); } 42% { -ms-transform: translate(0px, 0px) rotate(2.5deg); } 44% { -ms-transform: translate(0px, 0px) rotate(-2.5deg); } 46% { -ms-transform: translate(0px, 0px) rotate(0.5deg); } 48% { -ms-transform: translate(0px, 0px) rotate(6.5deg); } 50% { -ms-transform: translate(0px, 0px) rotate(0.5deg); } 52% { -ms-transform: translate(0px, 0px) rotate(6.5deg); } 54% { -ms-transform: translate(0px, 0px) rotate(2.5deg); } 56% { -ms-transform: translate(0px, 0px) rotate(-1.5deg); } 58% { -ms-transform: translate(0px, 0px) rotate(-1.5deg); } 60% { -ms-transform: translate(0px, 0px) rotate(3.5deg); } 62% { -ms-transform: translate(0px, 0px) rotate(-4.5deg); } 64% { -ms-transform: translate(0px, 0px) rotate(2.5deg); } 66% { -ms-transform: translate(0px, 0px) rotate(-4.5deg); } 68% { -ms-transform: translate(0px, 0px) rotate(6.5deg); } 70% { -ms-transform: translate(0px, 0px) rotate(-3.5deg); } 72% { -ms-transform: translate(0px, 0px) rotate(-6.5deg); } 74% { -ms-transform: translate(0px, 0px) rotate(-6.5deg); } 76% { -ms-transform: translate(0px, 0px) rotate(6.5deg); } 78% { -ms-transform: translate(0px, 0px) rotate(6.5deg); } 80% { -ms-transform: translate(0px, 0px) rotate(-5.5deg); } 82% { -ms-transform: translate(0px, 0px) rotate(-1.5deg); } 84% { -ms-transform: translate(0px, 0px) rotate(-4.5deg); } 86% { -ms-transform: translate(0px, 0px) rotate(5.5deg); } 88% { -ms-transform: translate(0px, 0px) rotate(6.5deg); } 90% { -ms-transform: translate(0px, 0px) rotate(-6.5deg); } 92% { -ms-transform: translate(0px, 0px) rotate(-6.5deg); } 94% { -ms-transform: translate(0px, 0px) rotate(6.5deg); } 96% { -ms-transform: translate(0px, 0px) rotate(-5.5deg); } 98% { -ms-transform: translate(0px, 0px) rotate(-1.5deg); } } @keyframes shake-rotate { 0% { transform: translate(0px, 0px) rotate(0deg); } 2% { transform: translate(0px, 0px) rotate(1.5deg); } 4% { transform: translate(0px, 0px) rotate(-7.5deg); } 6% { transform: translate(0px, 0px) rotate(-2.5deg); } 8% { transform: translate(0px, 0px) rotate(6.5deg); } 10% { transform: translate(0px, 0px) rotate(-4.5deg); } 12% { transform: translate(0px, 0px) rotate(0.5deg); } 14% { transform: translate(0px, 0px) rotate(-6.5deg); } 16% { transform: translate(0px, 0px) rotate(1.5deg); } 18% { transform: translate(0px, 0px) rotate(-2.5deg); } 20% { transform: translate(0px, 0px) rotate(1.5deg); } 22% { transform: translate(0px, 0px) rotate(1.5deg); } 24% { transform: translate(0px, 0px) rotate(2.5deg); } 26% { transform: translate(0px, 0px) rotate(6.5deg); } 28% { transform: translate(0px, 0px) rotate(2.5deg); } 30% { transform: translate(0px, 0px) rotate(1.5deg); } 32% { transform: translate(0px, 0px) rotate(-4.5deg); } 34% { transform: translate(0px, 0px) rotate(-3.5deg); } 36% { transform: translate(0px, 0px) rotate(-0.5deg); } 38% { transform: translate(0px, 0px) rotate(4.5deg); } 40% { transform: translate(0px, 0px) rotate(4.5deg); } 42% { transform: translate(0px, 0px) rotate(-0.5deg); } 44% { transform: translate(0px, 0px) rotate(1.5deg); } 46% { transform: translate(0px, 0px) rotate(-0.5deg); } 48% { transform: translate(0px, 0px) rotate(-7.5deg); } 50% { transform: translate(0px, 0px) rotate(3.5deg); } 52% { transform: translate(0px, 0px) rotate(-5.5deg); } 54% { transform: translate(0px, 0px) rotate(-6.5deg); } 56% { transform: translate(0px, 0px) rotate(-0.5deg); } 58% { transform: translate(0px, 0px) rotate(3.5deg); } 60% { transform: translate(0px, 0px) rotate(-2.5deg); } 62% { transform: translate(0px, 0px) rotate(3.5deg); } 64% { transform: translate(0px, 0px) rotate(6.5deg); } 66% { transform: translate(0px, 0px) rotate(-6.5deg); } 68% { transform: translate(0px, 0px) rotate(-2.5deg); } 70% { transform: translate(0px, 0px) rotate(-3.5deg); } 72% { transform: translate(0px, 0px) rotate(-6.5deg); } 74% { transform: translate(0px, 0px) rotate(-5.5deg); } 76% { transform: translate(0px, 0px) rotate(1.5deg); } 78% { transform: translate(0px, 0px) rotate(-1.5deg); } 80% { transform: translate(0px, 0px) rotate(3.5deg); } 82% { transform: translate(0px, 0px) rotate(1.5deg); } 84% { transform: translate(0px, 0px) rotate(-7.5deg); } 86% { transform: translate(0px, 0px) rotate(-0.5deg); } 88% { transform: translate(0px, 0px) rotate(0.5deg); } 90% { transform: translate(0px, 0px) rotate(-3.5deg); } 92% { transform: translate(0px, 0px) rotate(-4.5deg); } 94% { transform: translate(0px, 0px) rotate(2.5deg); } 96% { transform: translate(0px, 0px) rotate(2.5deg); } 98% { transform: translate(0px, 0px) rotate(-2.5deg); } } @-webkit-keyframes shake-opacity { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); opacity: 0.2; } 10% { -webkit-transform: translate(3px, 4px) rotate(1.5deg); opacity: 0.4; } 20% { -webkit-transform: translate(1px, 4px) rotate(0.5deg); opacity: 0.3; } 30% { -webkit-transform: translate(4px, -3px) rotate(0.5deg); opacity: 0.5; } 40% { -webkit-transform: translate(1px, -3px) rotate(0.5deg); opacity: 0.9; } 50% { -webkit-transform: translate(4px, -5px) rotate(-2.5deg); opacity: 0.9; } 60% { -webkit-transform: translate(-1px, 0px) rotate(-1.5deg); opacity: 0.5; } 70% { -webkit-transform: translate(1px, 1px) rotate(-0.5deg); opacity: 0.6; } 80% { -webkit-transform: translate(3px, 3px) rotate(1.5deg); opacity: 0.5; } 90% { -webkit-transform: translate(-5px, -4px) rotate(1.5deg); opacity: 0.5; } } @-ms-keyframes shake-opacity { 0% { -ms-transform: translate(0px, 0px) rotate(0deg); opacity: 0.4; } 10% { -ms-transform: translate(-3px, 4px) rotate(0.5deg); opacity: 0.1; } 20% { -ms-transform: translate(-5px, 0px) rotate(0.5deg); opacity: 0.5; } 30% { -ms-transform: translate(2px, -2px) rotate(-0.5deg); opacity: 0.2; } 40% { -ms-transform: translate(1px, 4px) rotate(-0.5deg); opacity: 0; } 50% { -ms-transform: translate(3px, -5px) rotate(-0.5deg); opacity: 0.1; } 60% { -ms-transform: translate(-3px, -1px) rotate(-1.5deg); opacity: 0.8; } 70% { -ms-transform: translate(-4px, -5px) rotate(1.5deg); opacity: 0.5; } 80% { -ms-transform: translate(3px, 0px) rotate(-2.5deg); opacity: 0.8; } 90% { -ms-transform: translate(-3px, 2px) rotate(1.5deg); opacity: 0.3; } } @keyframes shake-opacity { 0% { transform: translate(0px, 0px) rotate(0deg); opacity: 0.7; } 10% { transform: translate(4px, 0px) rotate(-0.5deg); opacity: 0.4; } 20% { transform: translate(4px, -3px) rotate(1.5deg); opacity: 0.4; } 30% { transform: translate(-2px, 2px) rotate(-0.5deg); opacity: 0.2; } 40% { transform: translate(2px, -1px) rotate(1.5deg); opacity: 0.3; } 50% { transform: translate(4px, 1px) rotate(0.5deg); opacity: 0.5; } 60% { transform: translate(-5px, -3px) rotate(-2.5deg); opacity: 0.8; } 70% { transform: translate(4px, 2px) rotate(0.5deg); opacity: 0.8; } 80% { transform: translate(-1px, 3px) rotate(-0.5deg); opacity: 0.3; } 90% { transform: translate(-5px, 4px) rotate(-0.5deg); opacity: 0; } } @-webkit-keyframes shake-crazy { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); opacity: 0.9; } 10% { -webkit-transform: translate(-5px, -5px) rotate(-10deg); opacity: 0.3; } 20% { -webkit-transform: translate(18px, -17px) rotate(-5deg); opacity: 0; } 30% { -webkit-transform: translate(-15px, 2px) rotate(-3deg); opacity: 0.8; } 40% { -webkit-transform: translate(-9px, -4px) rotate(3deg); opacity: 0.6; } 50% { -webkit-transform: translate(17px, -7px) rotate(-5deg); opacity: 0.6; } 60% { -webkit-transform: translate(-20px, 10px) rotate(-3deg); opacity: 0.6; } 70% { -webkit-transform: translate(-18px, -4px) rotate(-1deg); opacity: 0.3; } 80% { -webkit-transform: translate(12px, 13px) rotate(6deg); opacity: 0.3; } 90% { -webkit-transform: translate(14px, 0px) rotate(8deg); opacity: 0.4; } } @-ms-keyframes shake-crazy { 0% { -ms-transform: translate(0px, 0px) rotate(0deg); opacity: 0.4; } 10% { -ms-transform: translate(-15px, 0px) rotate(-10deg); opacity: 0.4; } 20% { -ms-transform: translate(-3px, 13px) rotate(7deg); opacity: 0; } 30% { -ms-transform: translate(8px, 4px) rotate(6deg); opacity: 0; } 40% { -ms-transform: translate(9px, -17px) rotate(0deg); opacity: 0.5; } 50% { -ms-transform: translate(6px, 1px) rotate(-4deg); opacity: 0.6; } 60% { -ms-transform: translate(-1px, 7px) rotate(-9deg); opacity: 0.1; } 70% { -ms-transform: translate(-6px, 6px) rotate(-6deg); opacity: 0; } 80% { -ms-transform: translate(-11px, -2px) rotate(-1deg); opacity: 0.8; } 90% { -ms-transform: translate(-5px, 10px) rotate(4deg); opacity: 0.5; } } @keyframes shake-crazy { 0% { transform: translate(0px, 0px) rotate(0deg); opacity: 0.3; } 10% { transform: translate(18px, 9px) rotate(3deg); opacity: 0.3; } 20% { transform: translate(-15px, -19px) rotate(0deg); opacity: 0.8; } 30% { transform: translate(-5px, -2px) rotate(-4deg); opacity: 0.9; } 40% { transform: translate(-19px, -18px) rotate(-2deg); opacity: 0.1; } 50% { transform: translate(11px, 8px) rotate(4deg); opacity: 0; } 60% { transform: translate(9px, 0px) rotate(-4deg); opacity: 0.6; } 70% { transform: translate(-13px, 6px) rotate(-1deg); opacity: 0.8; } 80% { transform: translate(12px, 17px) rotate(3deg); opacity: 0.9; } 90% { transform: translate(11px, 13px) rotate(7deg); opacity: 0.1; } } /*RighInfo002554 */ .RighInfo002554{ padding:5% 0;background: #f5f5f5;} .RighInfo002554 .auto{max-width: 1400px;} .RighInfo002554 .listtit{margin-bottom: 40px} .RighInfo002554 .table_1 th{ text-align:center; border:1px solid #eee; border-collapse:collapse; line-height:24px; padding:15px;background:#00a7a8;} .RighInfo002554 .table_1 td{ text-align:center; border:1px solid #eee; border-collapse:collapse; line-height:24px; padding:15px;background: #fff;} .RighInfo002554 .table_1 th{font-weight: normal;background: rgb(0 169 169);color: #fff;font-size: 22px;line-height: 36px;} .RighInfo002554 .table_1 .th1{ font-weight: normal;background: #e0e0e0;color: #00a9a9;font-size: 20px;} @media(max-width:480px){ .RighInfo002554 {padding: 7vw 0;} .RighInfo002554 .listtit {margin-bottom: 4vw;} .RighInfo002554 .table_1{ overflow:auto;} .RighInfo002554 .table_1 table{ width:180%;} .RighInfo002554 .table_1 th, .RighInfo002554 .table_1 .th1 {font-size: 4vw;} } /*PicList002949 */ .PicList002949{padding:2.5% 0 5% 0 ;} .PicList002949 .auto{max-width: 1400px;margin: 0 auto;} .PicList002949 .item{margin:3vw 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); padding:2.2vw;} .PicList002949 .item a:hover{color: #1e50ae;} .PicList002949 .txt .inner{padding-right: 3vw;} .PicList002949 .item:nth-child(2n) .txt .inner{padding-left: 3vw;} .PicList002949 .txt p.dot3{line-height: 30px; color: #666; } .PicList002949 .txt p.dot3 span{font-size: 8px; margin-right: 10px; color: #00a9a9;} .PicList002949 .txt h1{font-size: 18px;font-weight: normal;font-family:'HarmonyOS_Sans_SC_Medium';} .PicList002949 .tit{font-size: 24px; line-height: 1em;font-family:'HarmonyOS_Sans_SC_Medium';} .PicList002949 .tit:after{display: block; margin-top: 0.4em; content: ''; background: #00a7a8; width: 64px; height: 3px;} .PicList002949 .item a:hover .tit:after{background: #1e50ae;} .PicList002949 .item .more{padding-right: 25px;display: inline-block;/*background: url("../images/PicList002949_more.png") no-repeat right center;*/color: #999;} .PicList002949 .item a:hover .more{/*background-image: url("../images/PicList002949_more_on.png")*/;} .PicList002949 .pic img{ display: none;} .PicList002949 .pic .Ispic{ display: block; width: 100%; padding-bottom:48.533%;} @media(min-width:1025px){ .PicList002949 .pic{ width:504px;overflow: hidden;} .PicList002949 .pic .Ispic {transition: .3s;} .PicList002949 .item:hover .pic .Ispic {transform: scale(1.1)} } @media(min-width:641px) and (max-width:1024px){ .PicList002949 .pic{ width:50%;} .PicList002949 .tit{font-size: 3vw;} } @media(max-width:640px){ .PicList002949 .ytable, .PicList002949 .ytable-cell{display: block;} .PicList002949 .txt .inner{padding: 5vw;font-size: 3.5vw;} .PicList002949 .tit{font-size: 5vw;} .PicList002949 .txt h1 {font-size: 4vw;} } /*PicList002433 */ /*slick Basic*/ .PicList002433 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .PicList002433 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .PicList002433 .slick-list:focus {outline: none} .PicList002433 .slick-list.dragging {cursor: pointer;cursor: hand;} .PicList002433 .slick-slider .slick-track, .PicList002433 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .PicList002433 .slick-track {position: relative; top: 0; left: 0; display: block;} .PicList002433 .slick-track:before, .PicList002433 .slick-track:after{display: table; content: '';} .PicList002433 .slick-track:after{ clear: both;} .PicList002433 .slick-loading .slick-track { visibility: hidden;} .PicList002433 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .PicList002433 .slick-slide .slick-loading img { display: none;} .PicList002433 .slick-slide .dragging img { pointer-events: none;} .PicList002433 .slick-initialized .slick-slide { display: block;} .PicList002433 .slick-loading .slick-slide { visibility: hidden;} .PicList002433 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .PicList002433 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .PicList002433{} .PicList002433 .main{ padding:6% 0 0% 0;} .PicList002433 .list ul{ padding:0 50px;} .PicList002433 .list li{ float:left; position:relative; text-align:center; margin-bottom:2%;} .PicList002433 .list li:first-child:before, .PicList002433 .list li:last-child:after{ position:absolute; content:''; bottom:0px; height:90px; width:50px;} .PicList002433 .list li:first-child:before{ left:-50px; background:url(../images/PicList002433_ul_l.png) no-repeat 0 0;} .PicList002433 .list li:last-child:after{right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list li aside{ padding-top:35px;height:90px; background:url(../images/PicList002433_libg.png) repeat-x left top;} .PicList002433 .list li .ytable{ height:245px;} .PicList002433 .list li .ytable-cell{ vertical-align:bottom;} .PicList002433 .list li figure{ position:relative; display:inline-block;max-width: 80%;} .PicList002433 .list li figure:after{ position:absolute; right:-24px; background:url(../images/PicList002433_ying.png) no-repeat left bottom; width:24px; height:100%; background-size:contain; content:'';} .PicList002433 .list li figure img{ max-height:245px;padding: 8px;padding-top: 12px;background: url(../images/PicList002433_kuang.png) no-repeat ;background-size:100% 100%;} .PicList002433 .list li p{ margin:0 auto; width:90%; line-height:20px; max-height:40px; color:#333;font-size: 18px;} .PicList002433 .list .ul-3 li{width:33.33333333%;} .PicList002433 .list .ul-3 li:nth-child(3):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li{width:50%;} .PicList002433 .list .ul-2 li:nth-child(2):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .PicList002433 .list .ul-1 li{width:100%;} @media(max-width:640px){ .PicList002433 .auto, .PicList002433 .list ul{ padding:0;} .PicList002433 .list li p{ font-size:12px;} .PicList002433 .list li .ytable{ height:150px;} .PicList002433 .list li figure img{ max-height:150px; padding:3px} .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .PicList002433 .list .ul-3 li:nth-child(3):after, .PicList002433 .list li:first-child:before{ display:none;} } @media(max-width:480px){ .PicList002433 .list li .ytable{ height:100px;} .PicList002433 .list li figure img{ max-height:100px;} } .PicList002433 .auto_1280{max-width: 1400px;} /*Other002524 */ .Other002524{ position:fixed; z-index:100; right:2vw; top:78%; } .Other002524 li{ padding:5px 0;} .Other002524 li a, .Other002524 li a::before{ display:block;height:44px;position:relative;} .Other002524 li a::before{ content:'';width:44px; border-radius:50%;background:#00a7a8;border: 2px solid #00a7a8; background-repeat:no-repeat;background-image:url(../images/Other002524_icon.png); z-index:10;} .Other002524 li a:hover::before{ background-color:#fff; } .Other002524 li a span{ display:none; position:absolute; right:0; top:0; padding-right:44px; border-radius:44px; line-height:44px; color:#fff;background-color:#00a7a8; z-index:3; width:139px; padding-left:25px;} .Other002524 li.gettop a::before{ background-position:-1px center;} .Other002524 li.gettop a:hover::before{ background-position:right center;} .Other002524 li a:hover span{ display:block;} @media(max-width:1024px){ .Other002524 li.qq a.pc{ display:none;} .Other002524 li.qq a.phone{ display:block;} } .Investment {padding: 5.2vw 0;} .Investment .subNav {display:flex;justify-content: center;padding: calc(40 / 16 * 1em) 0;} .Investment .subNav ul {display:flex;flex-wrap:wrap;border-radius:30px;background: #f5f5f5;} .Investment .subNav li{display: inline-block;line-height: calc(44 / 16 * 1em);} .Investment .subNav li a {display:block;padding:0 calc(44 / 16 * 1em);border-radius:30px;} .Investment .subNav li.on a, .Investment .subNav li a:hover {color:#fff;background: #00a7a8;} .Investment .info {display: flex;flex-wrap: wrap;justify-content:space-between;align-items: center;padding:calc(60 / 16 * 1em);box-shadow:0 0 15px 2px #ebebeb;background:#fff;} .Investment .info .pic {flex: 0 0 calc(630 / 16 * 1em)} .Investment .info .pic img:not(:last-child) {margin-bottom: 1em;} .Investment .info .txt {flex: 0 0 calc(535 / 16 * 1em)} .Investment .info .txt h3 {margin:0 0 calc(40 / 34 * 1em);font-size: calc(34 / 16 * 1em);color:#333;font-weight: normal; } .Investment .info .txt .subtit {font-size: calc(22 / 16 * 1em);color:#333;} .Investment .info .txt .tips {font-size: calc(18 / 16 * 1em);} .Investment .info .txt dd {position:relative;line-height: calc(40 / 16 * 1em);padding-left: calc(20 / 16 * 1em);font-weight: lighter;} .Investment .info .txt dd:before {position:absolute;content:'';width:calc(6 / 16 * 1em);height:calc(6 / 16 * 1em);left:0;top:50%;transform:translateY(-50%);border-radius: 50%;background: #00a7a8;} .Investment .info .txt .price {text-align: right;} .Investment .info .txt .price span {color:#333;font-weight: bold;} .Investment .info .txt .price b {font-size: calc(26 / 16 * 1em);color:#00a7a8;} @media(max-width:1024px){ .Investment {padding: 8vw 0;} .Investment .subNav {padding-top: 2vw;} .Investment .subNav li {width: 50%;} .Investment .subNav ul, .Investment .subNav li a {border-radius: 6px;} .Investment .info {padding: 6vw;} .Investment .info .pic , .Investment .info .txt {flex: 0 0 100%;} .Investment .info .txt {margin-top:4vw;} .Investment .info .txt h3 {font-size: 5vw;} } .search_list { padding: 5% 0;} .search_list li{border-bottom:1px dashed #d5d5d5;padding: 1.125em 0; } .search_list li a{ display: block; height: auto; overflow: hidden; font-size: 16px;} .search_list li a:hover {color:#00a7a8;} .search_list li a::before{display: inline-block;content: '';width: 6px;height: 6px;background: #00a7a8;border-radius: 50%;margin-right: 10px;vertical-align: middle;} .search_list li time{ float: right; color: #999; margin-left: 10px; } /*Floor003140 */ .Floor0031540{padding:4vw 0;} .Floor0031540 .title{position: relative; font-size: calc(36 / 16 * 1em);color: #333; font-family: 'HarmonyOS_Sans_SC_Medium'; margin-bottom: 2.5vw;} .Floor0031540 p{margin:0;line-height: 2;} .Floor0031540 p+p{margin-top:14px;} @media (min-width:1025px) { .Floor0031540 .img{width: 50%; float:right; margin-left: 2vw; margin-bottom:1vw;} } @media (max-width:1024px) { .Floor0031540 .img{margin-bottom: 2em;} .Floor0031540 .title {font-size: 5vw;} } /*Floor003141 */ .Floor0031541{padding:4vw 0; background: #f8f8f8;} .Floor0031541 .title{ font-size: calc(36 / 16 * 1em);color: #333; font-family: 'HarmonyOS_Sans_SC_Medium'; margin-bottom: 2.5vw; text-align: center; } .Floor0031541 li .icon{padding:24px; border:3px solid #00a7a8; display:inline-block; border-radius: 50%;} .Floor0031541 li .icon img{display: block; max-width:60px;} .Floor0031541 li p{font-size: 18px;} @media (min-width:480px) { .Floor0031541 .ul{ font-size: 0; text-align: center;} .Floor0031541 li{width: 50%; display: inline-block;padding:2vw;} } @media (min-width:768px) { .Floor0031541 li{width:33.3%; } } @media (min-width:1025px) { .Floor0031541 li{width:16.66%; } } @media (max-width:1024px) { .Floor0031541 .title {font-size: 5vw;} .Floor0031541 ul {display: flex;flex-wrap: wrap;justify-content: space-between;} .Floor0031541 li {width: 28%;} .Floor0031541 li .icon img {max-width: 40px;} .Floor0031541 li p {margin-top: 0;font-size: 4vw;text-align: center;} } /*RighInfo002810 */ .RighInfo002810{padding:4vw 0;} .RighInfo002810 .txt-list .box:not(:last-child){margin-bottom: 6%;} .RighInfo002810 .txt-list .tit{ font-size: 24px;color: #333;font-weight: normal;font-family:'HarmonyOS_Sans_SC_Medium';padding-left:16px;position: relative;} .RighInfo002810 .txt-list .tit:before{display:block; content: '';height: 24px;width: 4px;background: #00a7a8; position: absolute; top:6px; left: 0;} .RighInfo002810 .txt-list p{color: #555;line-height:1.75;} @media(min-width:769px){ .RighInfo002810 .txt-list .pic{width: 43%; text-align: right;} .RighInfo002810 .txt-list .pic img{max-width:83.721%;} .RighInfo002810 .txt-list .box:nth-child(2n) .pic{text-align:left;} .RighInfo002810 .txt-list .info{border-bottom: 1px solid #eee; padding:2% 0;} } @media(max-width:768px){ .RighInfo002810 .ytable, .RighInfo002810 .ytable-cell{display: block;} .RighInfo002810 .info {padding-top: 20px;} .RighInfo002810 .txt-list .tit {font-size: 5vw;} .RighInfo002810 .txt-list .tit:before {top: 0;} .RighInfo002810 .txt-list .pic img{display: block;width: 100%;} } .TeacherList {padding-bottom: 5vw;} .TeacherList li {float: left;box-shadow: 0 3px 29px -8px #d3dcdc;} .TeacherList li .pic {overflow: hidden;} .TeacherList li .pic figure {padding-bottom: 75%;transition: .3s;} .TeacherList li:hover .pic figure {transform: scale(1.08);} .TeacherList li .txt {padding: 4%;text-align: center;} .TeacherList li .txt aside.title {font-size: calc(18 / 16 * 1em);margin-bottom: 1%;color: #00a7a8;} .TeacherList li .txt aside.subtitle {margin-bottom: 1%;} .TeacherList li .txt p {margin:0;font-size: 0.15em;color: #999;} @media(min-width:1025px){ .TeacherList li{ width: 23%;} .TeacherList li:not(:last-child){ margin-right: 2.6%;} } @media(max-width:1024px){ .TeacherList li{ width: 48.5%;} .TeacherList li:not(:nth-child(2n)){ margin-right: 3%;} }