#overlay_click {position: fixed;left: 0;top: 0;z-index: 999;width: 100%;height: 100%;display: none;background-color: transparent;}
#loadingBox{position:fixed;left:50%;top:50%;z-index:1;margin-top:-25px;margin-left:-10px;width:50px;height:50px;text-align:center;z-index:1000;padding-top:20px;display:none;color:#fff}
#loadingBox img{width:100%;height:100%;vertical-align:middle;margin:0 auto;display:block;overflow:hidden}
.ball-triangle-path{position:relative;-webkit-transform:translate(-25px,-25px);-ms-transform:translate(-25px,-25px);transform:translate(-25px,-25px)}
.ball-triangle-path>div:nth-child(1){background-color:#ff8700;-webkit-animation-name:ball-triangle-path-1;animation-name:ball-triangle-path-1;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.ball-triangle-path>div:nth-child(2){background-color:#83ce35;-webkit-animation-name:ball-triangle-path-2;animation-name:ball-triangle-path-2;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.ball-triangle-path>div:nth-child(3){background-color:#4bc1f3;-webkit-animation-name:ball-triangle-path-3;animation-name:ball-triangle-path-3;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.ball-triangle-path>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:25px;height:25px;border-radius:100%}
.ball-triangle-path>div:nth-of-type(1){top:50px}
.ball-triangle-path>div:nth-of-type(2){left:25px}
.ball-triangle-path>div:nth-of-type(3){top:50px;left:50px}@-webkit-keyframes ball-triangle-path-1{33%{-webkit-transform:translate(25px,-50px);transform:translate(25px,-50px)}66%{-webkit-transform:translate(50px,0);transform:translate(50px,0)}100%{-webkit-transform:translate(0px,0);transform:translate(0px,0)}}@keyframes ball-triangle-path-1{33%{-webkit-transform:translate(25px,-50px);transform:translate(25px,-50px)}66%{-webkit-transform:translate(50px,0);transform:translate(50px,0)}100%{-webkit-transform:translate(0px,0);transform:translate(0px,0)}}@-webkit-keyframes ball-triangle-path-2{33%{-webkit-transform:translate(25px,50px);transform:translate(25px,50px)}66%{-webkit-transform:translate(-25px,50px);transform:translate(-25px,50px)}100%{-webkit-transform:translate(0px,0);transform:translate(0px,0)}}@keyframes ball-triangle-path-2{33%{-webkit-transform:translate(25px,50px);transform:translate(25px,50px)}66%{-webkit-transform:translate(-25px,50px);transform:translate(-25px,50px)}100%{-webkit-transform:translate(0px,0);transform:translate(0px,0)}}@-webkit-keyframes ball-triangle-path-3{33%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}66%{-webkit-transform:translate(-25px,-50px);transform:translate(-25px,-50px)}100%{-webkit-transform:translate(0px,0);transform:translate(0px,0)}}@keyframes ball-triangle-path-3{33%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}66%{-webkit-transform:translate(-25px,-50px);transform:translate(-25px,-50px)}100%{-webkit-transform:translate(0px,0);transform:translate(0px,0)}}

.main{ width:100%;height:100%;margin:0 auto;position:relative;overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

/*上下滚动开始*/
.m-page { position:absolute; left:0; top:0; height:100%; width:100%; background:#fff; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.m-page.show { z-index:10; display:block; }
.m-page.hide { z-index:5; display:none; }
.m-page.active { z-index:15; display:block; }
.m-img {position:relative;width:100%; height:100%;}
.m-img .a-box{position:absolute; left:0; bottom:0;width:100%; height:89%;}
.m-img a.a-link{display:block;width:100%; height:20%;}
.m-img-1 a.a-link{display:block;width:100%; height:30%;}

.u-all{position:absolute; opacity:0}

.u-a1{ left: 0; top: 0; height: auto; width: 100%; z-index:10;}
.u-a2{ left: 0; bottom: 0; height: auto; width: 100%; z-index:10;}
.u-a1 img, .u-a2 img{width:100%;display:block;}
.u-a3{ bottom: 13%;z-index:10;width: 100%; line-height: 42px;text-align:center;font-size:20px;color:#fff;}

.u-b1{ left: 0; bottom: 18%; height: 12%; width: 100%; z-index:10; background: url(../images/advantages/b1.png) no-repeat center center; background-size: auto 100%;}
.u-b2{ left: 0; bottom: 8%; height: 6%; width: 100%; z-index:10; background: url(../images/advantages/b2.png) no-repeat center center; background-size: auto 95%;}
.u-b3{ right: 21%; top: 8%; height: 15%; width: 40%; z-index:10; background: url(../images/advantages/b3.png) no-repeat center center; background-size: auto 100%;}
.u-b4{ left: -5%; top: 23%; height: 15%; width: 40%; z-index:10; background: url(../images/advantages/b4.png) no-repeat right center; background-size: auto 100%;}
.u-b5{ right: -6%; top: 29%; height: 15%; width: 40%; z-index:10; background: url(../images/advantages/b5.png) no-repeat left center; background-size: auto 100%;}
.u-b6{ left: 10%; top: 42%; height: 15%; width: 40%; z-index:10; background:url(../images/advantages/b6.png) no-repeat right center; background-size: auto 100%;}
.u-b7{ right: 4%; top: 52%; height: 15%; width: 40%; z-index: 10; background: url(../images/advantages/b7.png) no-repeat center center; background-size: auto 100%;}
.u-b8{ left: 0; top: 18%; height: 40%; width: 100%; z-index: 9; background: url(../images/advantages/b8.png) no-repeat center center; background-size: auto 100%;}

.u-c1{ left: 31%; top: 12%; height: 60%; width: 40%; z-index:9; background:url(../images/advantages/c1.png) no-repeat center 0; background-size:  100% auto;}
.u-c2{ left: 0; top: 8%; height: 92%; width: 100%; z-index:10; background:url(../images/advantages/c2.png) no-repeat center 0; background-size: 100% auto;}

.u-d1{ left: 29%; top: 12%; height: 60%; width: 40%; z-index:9; background:url(../images/advantages/d1.png) no-repeat center 0; background-size:100% auto;}
.u-d2{ left: 0; top: 3%; height:95%; width: 100%; z-index:10; background:url(../images/advantages/d2.png) no-repeat center 0; background-size: 100% auto;}

.u-e1{ left: 30%; top: 8%; height: 65%; width: 40%; z-index:9; background:url(../images/advantages/e1.png) no-repeat center 0; background-size: 100% auto;}
.u-e2{ left: 0; top: 2%; height: 95%; width: 100%; z-index:10; background:url(../images/advantages/e2.png) no-repeat center 0; background-size: 100% auto;}

.u-f1{ left: 30%; top: 9%; height: 65%; width: 40%; z-index:9; background:url(../images/advantages/f1.png) no-repeat center 0; background-size: 100% auto;}
.u-f2{ left: 0; top: 2%; height: 95%; width: 100%; z-index:10; background:url(../images/advantages/f2.png) no-repeat center 0; background-size: 100% auto;}

.u-g1{ left: 30%; top: 9%; height: 65%; width: 40%; z-index:9; background:url(../images/advantages/g1.png) no-repeat center 0; background-size: 100% auto;}
.u-g2{ left: 0; top: 6%; height: 94%; width: 100%; z-index:10; background:url(../images/advantages/g2.png) no-repeat center 0; background-size: 100% auto;}

.u-h1{ left: 0; bottom: 30%; height: 10%; width: 100%; z-index:10; background: url(../images/advantages/h1.png) no-repeat center bottom; background-size:  100% auto;}
.u-h2{ left: 0; bottom: 15%; height: 15%; width: 100%; z-index:9; background: url(../images/advantages/h2.png) no-repeat center bottom; background-size:  100% auto;}
.u-h3{ left: 0; top: 9%; height: 70%; width: 48%; z-index:10; background: url(../images/advantages/h3.png) no-repeat left 0; background-size:  100% auto;}
.u-h4{ right: 0; top: 9%; height: 70%; width: 48%; z-index:10; background: url(../images/advantages/h4.png) no-repeat right 0; background-size:  100% auto;}

.u-i1{ left: 0; top: 4%; height: 45%; width: 100%; z-index:10; background: url(../images/advantages/i1.png) no-repeat center 0; background-size: auto 100%;}
.u-i2{ left: 0; top: 55%; height: 10%; width: 100%; z-index: 11;  background: url(../images/advantages/i2.png) no-repeat center 0; background-size: 100% auto;}
.u-i3{ left: 8%; top: 65%; height: 25%; width: 84%; z-index:10; line-height:28px;color:#fff;text-align:center;font-size:16px;}
.u-i3 p{margin-top:20px;line-height:20px;color:#fff;text-align:center;font-size:16px;}

.u-j1{ left: 0; top: 5%; height: 8%; width: 100%; z-index:10; background: url(../images/advantages/j1.png) no-repeat center 0; background-size:100% auto;}
.u-j2{ left: 0; top: 16%; height: 20%; width: 100%; z-index: 10; background: url(../images/advantages/j2.png) no-repeat center 0; background-size: 100% auto;}
.u-j3{ left: 0; top: 36%; height: 20%; width: 100%; z-index: 11; background: url(../images/advantages/j3.png) no-repeat center 0; background-size: 100% auto;}
.u-j4{ left: 0; top: 56%; height: 20%; width: 100%; z-index: 11; background: url(../images/advantages/j4.png) no-repeat center 0; background-size: 100% auto;}
.u-j5{ left: 0; top: 76%; height: 20%; width: 100%; z-index: 11; background: url(../images/advantages/j5.png) no-repeat center 0; background-size: 100% auto;}

.u-k1{ left: 0; top: 6%; height: 30%; width: 100%; z-index:10; background: url(../images/advantages/k1.png) no-repeat center 0; background-size: auto 100%;}
.u-k2{ left: 12%; top: 42%; height: 25%; width: 76%; z-index:10; background: url(../images/advantages/k2.png) no-repeat center 0; background-size: 100% auto;}
.u-k3{ left: 0; bottom: 31%; height: 6%; width: 100%; z-index:10; }
.u-k3 a{display:block; height:100%; width:100%;line-height:28px;color:#fff;text-align:center;font-size:16px;}
.u-k4{ left: 0; bottom: 24%; height: 6%; width: 100%; z-index: 10; }
.u-k4 a{display:block; height:100%; width:100%;line-height:28px;color:#fff;text-align:center;font-size:26px;}
.u-k5{ left: 0; bottom: 8%; height: 12%; width: 100%; z-index: 10; background: url(../images/advantages/k3.png) no-repeat center bottom; background-size: auto 100%;}
.u-k5 a{display:block; height:100%; width:40%; margin: 0 auto;}


.u-arrow { position: fixed; bottom: 10px; left:50%;z-index: 150; width: 24px; height: 14px; margin-left: -7px; }
.u-arrow img { position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -14px; width: 24px; height: 14px; background-position: 0 -82px;
    -webkit-animation: start 1.5s infinite ease-in-out;
    -moz-animation: start 1.5s infinite ease-in-out;
    animation: start 1.5s infinite ease-in-out;
}
@-webkit-keyframes start {
    0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
    60% {opacity: 1;-webkit-transform: translate(0,0);}
    100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
    0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
    60% {opacity: 1;-moz-transform: translate(0,0);}
    100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
    0%,30% {opacity: 0;transform: translate(0,10px);}
    60% {opacity: 1;transform: translate(0,0);}
    100% {opacity: 0;transform: translate(0,-8px);}
}


/* animation */
.pageNow .a-fadein,.pageNow .a-fadeinT,.pageNow .a-fadeinR,.pageNow .a-fadeinB,.pageNow .a-fadeinL{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;}

.pageNow .a-fadeinLT,.pageNow .a-fadeinRT,.pageNow .a-fadeinLB,.pageNow .a-fadeinRB{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;}

.pageNow .a-fadeinFL,.pageNow .a-fadeinFR{-webkit-animation:0.8s ease-out backwards;-moz-animation:0.8s ease-out backwards;-ms-animation:0.8s ease-out backwards;animation:0.8s ease-out backwards;}

.pageNow .a-bouncein{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;}

/* 淡入 */
.pageNow .a-fadein{-webkit-animation-name:fadein;-moz-animation-name:fadein;-ms-animation-name:fadein;animation-name:fadein;}
/* 淡入-从上 */
.pageNow .a-fadeinT{-webkit-animation-name:fadeinT;-moz-animation-name:fadeinT;-ms-animation-name:fadeinT;animation-name:fadeinT;}
/* 淡入-从右 */
.pageNow .a-fadeinR{-webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR;}
/* 淡入-从下 */
.pageNow .a-fadeinB{-webkit-animation-name:fadeinB;-moz-animation-name:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB;}
/* 淡入-从左 */
.pageNow .a-fadeinL{-webkit-animation-name:fadeinL;-moz-animation-name:fadeinL;-ms-animation-name:fadeinL;animation-name:fadeinL;}
/* 淡入-从左-从上 */
.pageNow .a-fadeinLT{-webkit-animation-name:fadeinLT;-moz-animation-name:fadeinLT;-ms-animation-name:fadeinLT;animation-name:fadeinLT;}
/* 淡入-从右-从上 */
.pageNow .a-fadeinRT{-webkit-animation-name:fadeinRT;-moz-animation-name:fadeinRT;-ms-animation-name:fadeinRT;animation-name:fadeinRT;}
/* 淡入-从左-从下 */
.pageNow .a-fadeinLB{-webkit-animation-name:fadeinLB;-moz-animation-name:fadeinLB;-ms-animation-name:fadeinLB;animation-name:fadeinLB;}
/* 淡入-从右-从下 */
.pageNow .a-fadeinRB{-webkit-animation-name:fadeinRB;-moz-animation-name:fadeinRB;-ms-animation-name:fadeinL;animation-name:fadeinRB;}
/* 淡入-从左 */
.pageNow .a-fadeinFL{-webkit-animation-name:fadeinFL;-moz-animation-name:fadeinFL;-ms-animation-name:fadeinFL;animation-name:fadeinFL;}
/* 淡入-从右 */
.pageNow .a-fadeinFR{-webkit-animation-name:fadeinFR;-moz-animation-name:fadeinFR;-ms-animation-name:fadeinFR;animation-name:fadeinFR;}

/* 弹入 */
.pageNow .a-bouncein{-webkit-animation-name:bouncein;-moz-animation-name:bouncein;-ms-animation-name:bouncein;animation-name:bouncein;}
/* define */
/* 淡入 */
@-webkit-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-ms-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
/* 淡入-从上 */
@-webkit-keyframes fadeinT{
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinT{
    0%{opacity:0;-moz-transform:translateY(-100px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeinT{
    0%{opacity:0;-ms-transform:translateY(-100px);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeinT{
    0%{opacity:0;transform:translateY(-100px);}
    100%{opacity:1;transform:translateY(0);}
}
/* 淡入-从右 */
@-webkit-keyframes fadeinR{
    0%{opacity:0;-webkit-transform:translateX(100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinR{
    0%{opacity:0;-moz-transform:translateX(100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinR{
    0%{opacity:0;-ms-transform:translateX(100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinR{
    0%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}
/* 淡入-从下 */
@-webkit-keyframes fadeinB{
    0%{opacity:0;-webkit-transform:translateY(100px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinB{
    0%{opacity:0;-moz-transform:translateY(100px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeinB{
    0%{opacity:0;-ms-transform:translateY(100px);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeinB{
    0%{opacity:0;transform:translateY(100px);}
    100%{opacity:1;transform:translateY(0);}
}
/* 淡入-从左 */
@-webkit-keyframes fadeinL{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinL{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinL{
    0%{opacity:0;-ms-transform:translateX(-100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinL{
    0%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}

/* 淡入-从左-从上 */
@-webkit-keyframes fadeinLT{
    0%{opacity:0;-webkit-transform:translate(-100px,-100px);}
    100%{opacity:1;-webkit-transform:translate(0);}
}
@-moz-keyframes fadeinLT{
    0%{opacity:0;-moz-transform:translate(-100px,-100px);}
    100%{opacity:1;-moz-transform:translate(0);}
}
@-ms-keyframes fadeinLT{
    0%{opacity:0;-ms-transform:translate(-100px,-100px);}
    100%{opacity:1;-ms-transform:translate(0);}
}
@keyframes fadeinLT{
    0%{opacity:0;transform:translate(-100px,-100px);}
    100%{opacity:1;transform:translate(0);}
}
/* 淡入-从右-从上 */
@-webkit-keyframes fadeinRT{
    0%{opacity:0;-webkit-transform:translate(100px,-100px);}
    100%{opacity:1;-webkit-transform:translate(0);}
}
@-moz-keyframes fadeinRT{
    0%{opacity:0;-moz-transform:translate(100px,-100px);}
    100%{opacity:1;-moz-transform:translate(0);}
}
@-ms-keyframes fadeinRT{
    0%{opacity:0;-ms-transform:translate(100px,-100px);}
    100%{opacity:1;-ms-transform:translate(0);}
}
@keyframes fadeinRT{
    0%{opacity:0;transform:translate(100px,-100px);}
    100%{opacity:1;transform:translate(0);}
}
/* 淡入-从左-从下 */
@-webkit-keyframes fadeinLB{
    0%{opacity:0;-webkit-transform:translate(-100px,100px);}
    100%{opacity:1;-webkit-transform:translate(0);}
}
@-moz-keyframes fadeinLB{
    0%{opacity:0;-moz-transform:translate(-100px,100px);}
    100%{opacity:1;-moz-transform:translate(0);}
}
@-ms-keyframes fadeinLB{
    0%{opacity:0;-ms-transform:translate(-100px,100px);}
    100%{opacity:1;-ms-transform:translate(0);}
}
@keyframes fadeinLB{
    0%{opacity:0;transform:translate(-100px,100px);}
    100%{opacity:1;transform:translate(0);}
}
/* 淡入-从右-从下 */
@-webkit-keyframes fadeinRB{
    0%{opacity:0;-webkit-transform:translate(100px,100px);}
    100%{opacity:1;-webkit-transform:translate(0);}
}
@-moz-keyframes fadeinRB{
    0%{opacity:0;-moz-transform:translate(100px,100px);}
    100%{opacity:1;-moz-transform:translate(0);}
}
@-ms-keyframes fadeinRB{
    0%{opacity:0;-ms-transform:translate(100px,100px);}
    100%{opacity:1;-ms-transform:translate(0);}
}
@keyframes fadeinRB{
    0%{opacity:0;transform:translate(100px,100px);}
    100%{opacity:1;transform:translate(0);}
}
/* 淡入-从左-快 */
@-webkit-keyframes fadeinFL{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinFL{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinFL{
    0%{opacity:0;-ms-transform:translateX(-100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinFL{
    0%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}
/* 淡入-从右-快 */
@-webkit-keyframes fadeinFR{
    0%{opacity:0;-webkit-transform:translateX(100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinFR{
    0%{opacity:0;-moz-transform:translateX(100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinFR{
    0%{opacity:0;-ms-transform:translateX(100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinFR{
    0%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}
/* 弹入 */
@-webkit-keyframes bouncein{
    0%{opacity:0;-webkit-transform:scale(0.3);}
    50%{opacity:0.2;-webkit-transform:scale(1.05);}
    70%{opacity:0.5;-webkit-transform:scale(0.9);}
    100%{opacity:1;-webkit-transform:scale(1);}
}
@-moz-keyframes bouncein{
    0%{opacity:0;-moz-transform:scale(0.3);}
    50%{opacity:0.2;-moz-transform:scale(1.05);}
    70%{opacity:0.5;-moz-transform:scale(0.9);}
    100%{opacity:1;-moz-transform:scale(1);}
}
@-ms-keyframes bouncein{
    0%{opacity:0;-ms-transform:scale(0.3);}
    50%{opacity:0.2;-ms-transform:scale(1.05);}
    70%{opacity:0.5;-ms-transform:scale(0.9);}
    100%{opacity:1;-ms-transform:scale(1);}
}
@keyframes bouncein{
    0%{opacity:0;transform:scale(0.3);}
    50%{opacity:0.2;transform:scale(1.05);}
    70%{opacity:0.5;transform:scale(0.9);}
    100%{opacity:1;transform:scale(1);}
}