@charset 'utf-8';
h1,h2,h3,h4,h5,b {font-weight: normal;}
section {padding: 0;margin: 0;}
body {min-width: 700px !important;}
.clears {clear:both; *zoom:1;}
.clears:after {display:block; content:"";clear:both;}
.w1200 {width: 1200px;margin: 0 auto;}
.bgf66 {background: #f6f7f9;padding: 50px 0;}
.bgff {background: #fff;}
.pad100 {padding: 50px 0;}
.kmt80 {margin-top: 50px;}
.m-content {margin-top: 50px;}
/*title*/
.title {position: relative;text-align: center;}
.title h2 {font-size: 26px;line-height: 40px;color: #333;}
.title h3 {font-size: 18px;color: #666;opacity: .5;}
.title b {position: absolute;top: -6px;left: 50%;width: 80px;height: 40px;}
.title .b-l {background: url(../images006/49.png) no-repeat;}
.title .b-l2 {background: url(../images006/48.png) no-repeat;width: 220px;}
.title .b-r {background: url(../images006/50.png) no-repeat;}
.title-2 h2, .title-2 h3 {color: #fff;margin-left: -24px;}
.title-2 h2 {padding-top: 40px;font-size: 24px;}
.middle-1 .title .b-l {margin-left: -184px;}
.middle-1 .title .b-r {margin-left: 128px;}
.middle-2 .title .b-l {margin-left: -184px;}
.middle-2 .title .b-r {margin-left: 128px;}
.middle-3 .title .b-l {margin-left: -220px;}
.middle-3 .title .b-r {margin-left: 164px;}
.middle-4 .title .b-l {margin-left: -220px;}
.middle-4 .title .b-r {margin-left: 164px;}
.middle-6 .title .b-l2 {margin-left: -260px;}
.middle-6 .title .b-r {margin-left: 206px;}
.middle-7 .title .b-l {margin-left: -310px;}
.middle-7 .title .b-r {margin-left: 254px;}
.middle-8 .title .b-l {margin-left: -258px;}
.middle-8 .title .b-r {margin-left: 202px;}
.middle-9 .title .b-l {margin-left: -258px;}
.middle-9 .title .b-r {margin-left: 202px;}
.middle-10 .title .b-l {margin-left: -258px;}
.middle-10 .title .b-r {margin-left: 202px;}
.middle-11 .title .b-l {margin-left: -258px;}
.middle-11 .title .b-r {margin-left: 202px;}
.middle-12 .title .b-l {margin-left: -271px;}
.middle-12 .title .b-r {margin-left: 214px;}
.middle-13 .title .b-l {margin-left: -258px;}
.middle-13 .title .b-r {margin-left: 202px;}
/*button*/
.button-box {width: 100%;text-align: center;}
.button-go {display: inline-block;font-size: 18px;line-height: 44px;padding: 0 34px;color: #fff;border-radius: 50px;cursor: pointer;}
.button-go:hover, .button-to:hover {color: #fff;}
.button-to {display: inline-block;font-size: 16px;color: #fff;background: #558eff;padding: 0 20px;line-height: 32px;border-radius: 6px;cursor: pointer;}
.button-blue-t, .button-blue-t:hover {color: #4474f9;margin-right: 80px;}
.button-org-t, .button-org-t:hover {color: #f55756;}
.button-blue {background-image: linear-gradient(to right, #4474f9, #4fd2ff);-webkit-box-shadow: 2px 2px 5px #4bb3fd;box-shadow: 2px 2px 5px #4bb3fd;margin-right: 80px;}
.button-org {background-image: linear-gradient(to right, #f55756, #f56b56);-webkit-box-shadow: 2px 2px 5px #f56156;box-shadow: 2px 2px 5px #f56156;}
.button-tang {background: #f55756;-webkit-box-shadow: 2px 2px 5px #f56156;box-shadow: 2px 2px 5px #f56156;}
.btn-icon {position: relative;display: inline-block;width: 15px;height: 15px;background: url(../images006/51.png) no-repeat;margin-left: 10px;}
.middle-2 .btn-icon {top: 1px;}
.middle-5 .btn-icon, .middle-14 .btn-icon {top: 2px;}
.banner .button-go {font-size: 22px;line-height: 44px;}
.banner .button-blue {margin-right: 30px;}
.middle-1 .button-go {font-size: 20px;line-height: 44px;}
.middle-2 .button-go {position: absolute;left: 50%;top: 50%;margin: 62px 0 0 60px;}
/*header*/
.header-k {position: relative;z-index: 1;height: 70px;}
.header-k a {position :relative;font-size: 16px;line-height: 70px;margin-left: 40px;color: #96a5da;cursor: pointer;}
.header-k a:first-child {margin-left: 0;}
.header-k b {opacity: 0;display: block;position: absolute;top: 50px;left: 20px;width: 26px;height: 4px;background: #f56656;border-radius: 4px;}
.header-k a:hover, .header-k a.on {color: #fff;}
.header-k a:hover b, .header-k a.on b {opacity: 1;}
.header-k img {width: 140px;height: 70px;}
/*banner*/
.banner {height: 452px;margin-top: -70px;background: url(../images006/01.jpg) no-repeat center;}
.banner .w1200 {position: relative;top: 70px;height: 381px;background: url(../images006/01.png) no-repeat;}
.banner .button-box {position: absolute;top: 290px;left: 0;text-align: left;}
/*middle*/
.middle-1 .m-content {padding-bottom: 80px;background: #fff;border-radius: 8px;}
.middle-1 .m-content .input {width: 1140px;padding: 12px 30px;line-height: 36px;border-radius: 8px 8px 0 0;color: #333;background-image: linear-gradient(to right, #4474f9, #4fd2ff);}
.middle-1 .m-content .input span {float: left;font-size: 18px;color: #fff;}
.middle-1 .m-content .input p {float: left;font-size: 18px;color: #000;font-weight: bold;width: 910px;padding: 0 15px;background: #fff;margin-left: 20px;}
.middle-1 .m-content .input i {position: relative;top: 13px;float: right;width: 17px;height: 11px;background: url(../images006/04.png) no-repeat center;}
.middle-1 .m-content .table {width: 1030px;margin: 45px auto 0;border-radius: 8px;border: 1px solid #ddd;cursor: pointer;}
.middle-1 .m-content .table li {font-size: 18px;padding: 0 90px;display: -webkit-flex;display: flex;}
.middle-1 .m-content .table li:first-child {background: #f6f7f9;border-radius: 8px 8px 0 0;}
.middle-1 .m-content .table li:first-child {color: #000;font-weight: bold;}
.middle-1 .m-content .table li:first-child span {color: #333;}
.middle-1 .m-content .table span {line-height: 50px;color: #666;}
.middle-1 .m-content .table span:nth-child(1) {-webkit-flex: 4;flex: 4;}
.middle-1 .m-content .table span:nth-child(2) {-webkit-flex: 4;flex: 4;}
.middle-1 .m-content .table span:nth-child(3) {-webkit-flex: 1;flex: 1;}
.middle-1 .m-content .table p {margin: 50px 0 30px;line-height: 1;width: 100%;text-align: center;font-size: 18px;color: #f55656;}
.middle-1 .m-content .table i {position: relative;margin-left: 10px;display: inline-block;width: 22px;height: 12px;background: url(../images006/05.png) no-repeat;}
.middle-2 .m-content {position: relative;}
.middle-2 img {width: 1200px;}
.middle-2 li {position: absolute;left: 50%;top: 50%;font-size: 18px;color: #fff;padding: 2px 20px;}
.middle-2 .m-c-t-1 {margin: -23px 0px 0px -403px;}
.middle-2 .m-c-t-2 {margin: -23px 0px 0px -91px;}
.middle-2 .m-c-t-3 {margin: -23px 0px 0px 218px;}
.middle-2 .m-c-t-4 {margin: 62px 0px 0px -258px;}
.middle-3 .m-content-list {display: -webkit-flex;display: flex;}
.middle-3 li {padding: 0 30px;text-align: center;-webkit-flex: 1;flex: 1;}
.middle-3 img {width: 78px;height: 78px;border-radius: 50%;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: all .4s;transition: all .4s;}
.middle-3 img:hover {-webkit-transform: scale(1.2);transform: scale(1.2);-webkit-transition: all .75s;transition: all .75s;}
.middle-3 span {display: block;font-size: 18px;font-weight: bold;color: #333;line-height: 2.5;}
.middle-3 p {font-size: 14px;color: #666;line-height: 1.5;}
.middle-3 .m-content-1 .shadow-1 {-webkit-box-shadow: 0 0 15px #82aefd;box-shadow: 0 0 15px #82aefd;}
.middle-3 .m-content-1 .shadow-2 {-webkit-box-shadow: 0 0 15px #b088fc;box-shadow: 0 0 15px #b088fc;}
.middle-3 .m-content-1 .shadow-3 {-webkit-box-shadow: 0 0 15px #fba69f;box-shadow: 0 0 15px #fba69f;}
.middle-3 .m-content-1 .shadow-4 {-webkit-box-shadow: 0 0 15px #7be8d9;box-shadow: 0 0 15px #7be8d9;}
.middle-3 .m-content-2 .shadow-1 {-webkit-box-shadow: 0 0 15px #fba69f;box-shadow: 0 0 15px #fba69f;}
.middle-3 .m-content-2 .shadow-2 {-webkit-box-shadow: 0 0 15px #7be8d9;box-shadow: 0 0 15px #7be8d9;}
.middle-3 .m-content-2 .shadow-3 {-webkit-box-shadow: 0 0 15px #b088fc;box-shadow: 0 0 15px #b088fc;}
.middle-3 .m-content-2 .shadow-4 {-webkit-box-shadow: 0 0 15px #82aefd;box-shadow: 0 0 15px #82aefd;}
.middle-12 .shadow-1 {-webkit-box-shadow: 0 0 15px #82aefd;box-shadow: 0 0 15px #82aefd;}
.middle-12 .shadow-2 {-webkit-box-shadow: 0 0 15px #b088fc;box-shadow: 0 0 15px #b088fc;}
.middle-12 .shadow-3 {-webkit-box-shadow: 0 0 15px #fba69f;box-shadow: 0 0 15px #fba69f;}
.middle-12 .shadow-4 {-webkit-box-shadow: 0 0 15px #7be8d9;box-shadow: 0 0 15px #7be8d9;}
.middle-4 .m-content {position: relative;}
.middle-4 img {width: 526px;height: 393px;}
.middle-4 .list {position: absolute;left: 520;top: 0;}
.middle-4 li {position: relative;padding: 20px;width: 630px;margin-top: 30px;background: #fff;border-radius: 30px 0 30px 0;-webkit-box-shadow: 1px 1px 10px #efefef;box-shadow: 1px 1px 10px #efefef;}
.middle-4 li:first-child {margin-top: 0;}
.middle-4 .list-left {float: left;font-size: 18;color: #fff;width: 116px;height: 35px;text-align: center;line-height: 35px;}
.middle-4 .list-left-1 {background: url(../images006/19.png) no-repeat;}
.middle-4 .list-left-2 {background: url(../images006/20.png) no-repeat;}
.middle-4 .list-left-3 {background: url(../images006/21.png) no-repeat;}
.middle-4 .list-left-4 {background: url(../images006/22.png) no-repeat;}
.middle-4 .list-right {position: absolute;top: 12px;left: 150px;}
.middle-4 .list-rights {top: 25px;}
.middle-4 .list-right span {display: block;font-size: 14px;color: #333;}
.middle-5 {width: 100%;height: 795px;background: url(../images006/23.jpg) no-repeat center;}
.middle-5 .w1200 {position: relative;height: 795px;background: url(../images006/23.png) no-repeat;}
.middle-5 .list {height: 550px;}
.middle-5 li {position: absolute;}
.middle-5 .list-child-1 {left: 46px;top: 190px;text-align: right;}
.middle-5 .list-child-2 {left: 760px;top: 240px;}
.middle-5 .list-child-3 {left: 312px;top: 510px;}
.middle-5 p {font-size: 16px;color: #fff;line-height: 1.5;}
.middle-5 li a {margin-top: 10px;}
.middle-5 .button-box a, .middle-5 .button-box a:hover {background: #fff;-webkit-box-shadow: 1px 10px 10px #fff;box-shadow: 2px 2px 5px #fff;}
.middle-6 .list {height: 330px;margin-top: 140px;}
.middle-6 li {float: left;position: relative;padding: 0 36px;width: 294px;height: 330px;border-radius: 6px;background: #fff;-webkit-box-shadow: 1px 10px 10px #efefef;box-shadow: 2px 2px 5px #efefef;}
.middle-6 h4 {position: absolute;top: -84px;left: 80px;font-size: 18px;color: #fff;text-align: center;line-height: 44px;width: 200px;height: 235px;}
.middle-6 .list-child-1 h4 {background: url(../images006/24.png) no-repeat;}
.middle-6 .list-child-2 {margin: 0 50px;}
.middle-6 .list-child-2 h4 {background: url(../images006/25.png) no-repeat;}
.middle-6 .list-child-3 h4 {background: url(../images006/26.png) no-repeat;}
.middle-6 p {font-size: 16px;color: #333;line-height: 1.6;margin-top: 8px;}
.middle-6 p.first {padding-top: 156px;}
.middle-6 b {font-weight: bold;}
.middle-6 span {color: #f55756;}
.middle-7 .m-content {width: 100%;height: 260px;background: url(../images006/27.png) no-repeat center;}
.middle-7 .list {position: relative;}
.middle-7 li {position: absolute;font-size: 20px;color: #000;font-weight: bold;}
.middle-7 .list-1 {left: 22px;top: 166px;}
.middle-7 .list-2 {left: 238px;top: 226px;}
.middle-7 .list-3 {left: 453px;top: 142px;}
.middle-7 .list-4 {left: 645px;top: 232px;}
.middle-7 .list-5 {left: 853px;top: 166px;}
.middle-7 .list-6 {left: 1073px;top: 158px;}
.middle-8 .m-content {position: relative;}
.middle-8 .list-left li {height: 90px;cursor: pointer;}
.middle-8 .list-left p {float: left;}
.middle-8 .list-left .p-1 {width: 119px;height: 90px;}
.middle-8 .list-left .p-2 {width: 308px;font-size: 20px;color: #666;line-height: 90px;}
.middle-8 .list-left .p-3 {width: 100px;height: 90px;background: url(../images006/30.png) no-repeat;}
.middle-8 .list-left .list-1 .p-1 {background: url(../images006/31.png) no-repeat;}
.middle-8 .list-left .list-2 .p-1 {background: url(../images006/32.png) no-repeat;}
.middle-8 .list-left .list-3 .p-1 {background: url(../images006/33.png) no-repeat;}
.middle-8 .list-left .list-4 .p-1 {background: url(../images006/34.png) no-repeat;}
.middle-8 .list-left .list-5 .p-1 {background: url(../images006/35.png) no-repeat;}
.middle-8 .list-left .list-6 .p-1 {background: url(../images006/36.png) no-repeat;}
.middle-8 .list-left li.on  {background-image: linear-gradient(to right, #4474f9, #4fd2ff);-webkit-box-shadow: 2px 2px 10px #b0c3f5;box-shadow: 2px 2px 10px #b0c3f5;border-radius: 30px 0 30px 0;}
.middle-8 .list-left li.on .p-2 {color: #fff;}
.middle-8 .list-left li.on .p-3 {background: url(../images006/29.png) no-repeat;}
.middle-8 .list-left .list-1.on .p-1 {background: url(../images006/31s.png) no-repeat;}
.middle-8 .list-left .list-2.on .p-1 {background: url(../images006/32s.png) no-repeat;}
.middle-8 .list-left .list-3.on .p-1 {background: url(../images006/33s.png) no-repeat;}
.middle-8 .list-left .list-4.on .p-1 {background: url(../images006/34s.png) no-repeat;}
.middle-8 .list-left .list-5.on .p-1 {background: url(../images006/35s.png) no-repeat;}
.middle-8 .list-left .list-6.on .p-1 {background: url(../images006/36s.png) no-repeat;}
.middle-8 .list-right li {opacity: 0;position: absolute;left: 630px;top: 0;}
.middle-8 .list-right li.on {opacity: 1;}
.middle-8 .list-right h4 {font-size: 20px;color: #000;line-height: 1;font-weight: bold;}
.middle-8 .list-right p {font-size: 18px;color: #666;margin-top: 20px;line-height: 1;}
.middle-8 .list-right a {font-size:18px;line-height: 44px;margin-top: 30px;line-height: 44px;}
.middle-8 .list-right img {display: block;margin-top: 60px;border-radius: 10px;box-shadow: 0 0 10px #eee;}
.middle-9 .list {font-size: 16px;}
.middle-9 li {position: relative;float: left;padding: 30px 22px;margin-left: 40px;background: #f6f7f9;border: 1px solid #f6f7f9;-webkit-box-shadow: 0 0 10px #ddd;box-shadow: 0 0 10px #ddd;border-radius: 10px;cursor: default;}
.middle-9 li:first-child {margin-left: 0;}
.middle-9 p {color: #333;line-height: 1;}
.middle-9 span {color: #666;}
.middle-9 .p-1 {text-align: center;margin-top: 50px;}
.middle-9 .p-1 span {display: inline-block;}
.middle-9 .p-1 .q-1 {font-style: italic;font-size: 18px;font-weight: bold;color: #fff;padding: 9px 11px 9px 7px;background: #478cfb;position: relative;z-index: 1;}
.middle-9 .q-1 {}
.middle-9 .q-2 {animation: scale1 4s infinite normal ease;}
.middle-9 .q-3 {animation: scale2 4s infinite normal ease;}
.middle-9 .q-4 {animation: scale3 4s infinite normal ease;}
.middle-9 .q-1, .middle-9 .q-2, .middle-9 .q-3, .middle-9 .q-4 {border-radius: 50%;}
.middle-9 .q-2, .middle-9 .q-3, .middle-9 .q-4 {position: absolute;top: 79px;left: 115px;width: 36px;height: 36px;opacity: .5;background: #478cfb;border: 1px solid #478cfb;}
.middle-9 .p-2 {margin-top: 65px;text-align: center;}
.middle-9 .p-3 {margin-top: 25px;}
.middle-9 .p-4 {margin-top: 20px;}
.middle-9 li:hover {background: #478cfb;border: 1px solid #478cfb;-webkit-box-shadow: 0 0 10px #478cfb;box-shadow: 0 0 10px #478cfb;}
.middle-9 li:hover p, .middle-9 li:hover span {color: #fff;}
.middle-9 li:hover .button-go {background: #fff;color: #478cfb;-webkit-box-shadow: 2px 2px 5px #fff;box-shadow: 2px 2px 5px #fff;}
.middle-9 li:hover .q-1 {background: #fff;color: #478cfb;}
.middle-9 li:hover .q-2, .middle-9 li:hover .q-3, .middle-9 li:hover .q-4 {background: #fff;border: 1px solid #fff;}
.middle-9 .button-box {margin-top: 30px;}
.middle-9 .button-go {padding: 0 26px;line-height: 34px;}
.middle-10 li {position: relative;float: left;width: 365px;height: 585px;margin-left: 50px;border-radius: 10px;cursor: default;}
.middle-10 li:first-child {margin-left: 0;}
.middle-10 .con {position: absolute;left: 0;bottom: 0;padding: 30px;color: #666;background: #fff;border-radius: 10px;z-index:1;-webkit-box-shadow: 1px 1px 15px #ddd;box-shadow: 1px 1px 15px #ddd;}
.middle-10 img {width: 365px;height: 293px;}
.middle-10 li:last-child img {width: 365px;height: 585px;border-radius: 10px;}
.middle-10 li:last-child h3 {position: absolute;left: 0;top: 50%;margin-top: -20px;width: 100%;text-align: center;color: #fff;opacity: .4;}
.middle-10 h3 {font-size: 20px;color: #333;text-align: center;}
.middle-10 p {margin-top: 20px;font-size: 16px;line-height: 1.5;}
.middle-10 b {display: inline-block;font-weight: bold;}
.middle-10 li:hover .con {background: #478cfb;-webkit-box-shadow: 1px 1px 15px #669cfe;box-shadow: 1px 1px 15px #669cfe;}
.middle-10 li:hover p {line-height: 1.8;}
.middle-10 li:hover b {opacity: 1;display: block;}
.middle-10 li .con, .middle-10 li h3, .middle-10 li p {color: #666;-webkit-transition: ease-out .3s;transition: ease-out .3s;}
.middle-10 li:hover .con, .middle-10 li:hover h3, .middle-10 li:hover p {color: #fff;opacity: 1;-webkit-transition: ease-out .6s;transition: ease-out .6s;}
.middle-11 .m-content {position: relative;width: 100%;height: 400px;background: url(../images006/41.png) no-repeat center;}
.middle-11 li {position: absolute;left: 50%;top: 50%;font-size: 24px;color: #fff;line-height: 1.2;text-align: center;}
.middle-11 li:nth-child(1) {margin: -54px 0 0 -492px;}
.middle-11 li:nth-child(2) {margin: -174px 0 0 -310px;}
.middle-11 li:nth-child(3) {margin: 90px 0 0 -174px;}
.middle-11 li:nth-child(4) {margin: -146px 0 0 2px;}
.middle-11 li:nth-child(5) {margin: 51px 0 0 103px;}
.middle-11 li:nth-child(6) {margin: -95px 0 0 221px;}
.middle-11 li:nth-child(7) {margin: 88px 0 0 300px;}
.middle-11 li:nth-child(8) {margin: -92px 0 0 420px;}
.middle-12 img {width: 100px;height: 100px;}
.middle-12 span {font-size: 20px;line-height: 1;margin-top: 30px;}
.middle-12 p {font-size: 18px;line-height: 1;margin-top: 18px;}
.middle-13 .m-content {position: relative;}
.middle-13 img {width: 646px;height: 330px;}
.middle-13 .list {position: absolute;left: 646px;top: 0;}
.middle-13 li {margin-top: 50px;}
.middle-13 li:first-child {margin: 0;}
.middle-13 span {float: left;font-size: 28px;line-height: 1;color: #222;margin-left: 30px;}
.middle-13 p {float: left;font-size: 20px;line-height: 28px;color: #666;margin-left: 20px;}
.middle-13 li b {float: left;position: relative;width: 11px;height: 11px;margin-top: 9px;border-radius:50%;}
.middle-13 li b i {position: absolute;border-radius: 50%;}
.middle-13 li b i:nth-child(1) {top: 0;left: 0;width: 100%;height: 100%;animation: scale4 1.5s infinite ease-in-out;animation-fill-mode: both;}
.middle-13 li b i:nth-child(2) {width: 24px;height: 24px;}
.middle-13 li:nth-child(1) b, .middle-13 li:nth-child(1) b i:nth-child(1) {background: #f55756;}
.middle-13 li:nth-child(2) b, .middle-13 li:nth-child(2) b i:nth-child(1) {background: #5384ff;}
.middle-13 li:nth-child(3) b, .middle-13 li:nth-child(3) b i:nth-child(1) {background: #22dbbe;}
.middle-13 li:nth-child(4) b, .middle-13 li:nth-child(4) b i:nth-child(1) {background: #9872fd;}
.middle-13 li:nth-child(1) span, .middle-13 li:nth-child(4) span {letter-spacing: 5px;}
.middle-14 {position: relative;width: 100%;height: 542px;background: url(../images006/47.jpg) no-repeat center;}
.middle-14 .m-content {position: relative;}
.middle-14 img {width: 468px;height: 330px;margin-left: 94px;border: 6px solid #d9b888;border-radius: 15px;}
.middle-14 .right {position: absolute;left: 610px;top: 90px;}
.middle-14 p {font-size: 30px;letter-spacing: 2px;color: #fbe8cc;line-height: 1;margin-top: 30px;}
.middle-14 .button-box {margin-top: 20px;text-align: left;}
.middle-14 .title-2 h2 {padding-top: 46px;}
.footers {font-size: 20px;color: #666;text-align: center;line-height: 1;}
.goTop {position: fixed;right: 10px;bottom: 50px;opacity: .6;background: #f55756;border: 1px solid #fff;box-shadow: 0 0 10px #f55756;border-radius: 50%;cursor: pointer;transform: rotateX(0deg) scale(1);transition: ease .3s;}
.goTop a {display: block;font-size: 12px;line-height: 1.4;padding: 8px 11px;color: #fff;border: 1px solid #fff;margin: 1px;border-radius: 50%;}
.goTop:hover {opacity: 1;transform: rotateX(360deg) scale(1.2);transition: all .75s;}
@keyframes scale1 {
    0% {transform: scale(1)}
    50%,75% {transform: scale(3.6)}
    78%, 100% {opacity: 0}
}
@keyframes scale2 {
    0% {transform: scale(1) }
    50%, 75% {transform: scale(2.6)}
    78%,100% { opacity: 0}
}
@keyframes scale3 {
    0% {transform: scale(1) }
    50%, 75% {transform: scale(1.6)}
    78%,100% { opacity: 0}
}
@keyframes scale4 {
    0% {opacity: .5;transform: scale(1);}
    100% {opacity: 0;transform: scale(3);}
}