.mainInfo{height:4150px;background:#fff url(../files/video/5e73108bb86d4c980e60c7bee47b27de.png) no-repeat;text-align:center}.ballGroup{margin:60px 0 350px;padding:0 15px}.ball{width:240px;height:240px;margin:0 2px;float:left;border-radius:240px;box-shadow:-8px 3px 3px rgba(0,0,0,.25);color:#fff;font-size:2em;line-height:2.5em}.ballBack{width:227px;height:227px;margin:70px 8px 0;background:#3a87f1;background-size:0;box-shadow:unset;opacity:0;-webkit-animation:sliderUp 1s ease-out 1s forwards;animation:sliderUp 1s ease-out 1s forwards}.ballGroupUp{position:absolute;width:1220px}.ballGroupUp .ball{z-index:10;position:relative;-webkit-animation:flipInX 1s;animation:flipInX 1s}.ballGroupDw{padding-top:55px}.ballGroupDw .ballDw{margin-top:-50px;line-height:11em;-webkit-animation:sliderDown 1s ease-out 1s forwards;animation:sliderDown 1s ease-out 1s forwards}.ballDw{margin-top:120px}.detailInfo{margin-top:50px}.mgInfo{margin-left:115px;margin-right:115px;padding:45px 105px;color:#585858;font-weight:700;border-radius:10px;background:#ebf3fe;box-shadow:-5px 5px 3px rgba(0,0,0,.25)}.mgInfo h3{text-align:left}.mgInfo p{color:#585858}.mgMod{width:293px;height:425px;float:right;position:relative;top:-150px;right:-200px;z-index:100;background:url(../files/video/0f3357c2215c37683c52575cd1a3cbce.png) no-repeat;animation-name:content_float;animation-duration:3s;animation-iteration-count:infinite}.adInfo{background:hsla(0,0%,94.9%,.5)}.mfInfo{background:url(../files/video/47b9f78dc6e98420dd70e8f7796f4c7c.jpg) no-repeat}.rollFilm{width:474px;height:442px;background:url(../files/video/a61848ab3a642c00dd6688327520b659.png) no-repeat}.busInfo,.busInfoDetail{display:none}@-webkit-keyframes content_float{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes content_float{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes sliderDown{0%{opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:1;-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0)}}@keyframes sliderDown{0%{opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:1;-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0)}}@-webkit-keyframes sliderUp{0%{opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:1;-webkit-transform:translate3d(0,-70px,0);transform:translate3d(0,-70px,0)}}@keyframes sliderUp{0%{opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:1;-webkit-transform:translate3d(0,-70px,0);transform:translate3d(0,-70px,0)}}@media (max-width:1250px){.mainInfo{height:auto;background:#fff url(../files/main/44967e6a9f885884b2c283eaaacff860.png) no-repeat}.ballGroup{margin:unset}.ballGroupUp{display:none}.ballGroupDw{padding:unset}.ballGroupDw .ball{float:unset;margin:10px auto;background-size:227px;line-height:227px;text-shadow:0 0 10px grey;box-shadow:-8px 3px 3px rgba(0,0,0,.25);-webkit-animation:flipInX 1s;animation:flipInX 1s}.ballBack{margin-top:-200px;opacity:1}.rollFilm{background-size:50%;background-position:0 100%}.busInfo{display:block}.busInfo img{width:100%;height:auto}}@media (max-width:980px){.mgInfo{margin:10px;padding:20px 50px}.maindetail h3{font-size:1.2em}.mgMod,.rollFilm{display:none}}@media (max-width:768px){.maindetail h1{font-size:1.3em}.ballGroupDw .ball{height:100px;line-height:100px;background-size:400px;background-position:50%;background-repeat:no-repeat}.mgInfo{padding:20px 15px;box-shadow:0 0 3px rgba(0,0,0,.25)}.mgInfo p{font-size:.9em}.busInfo{display:none}.busInfoDetail{display:block}.busInfoDetail .detailInfo{background:rgba(58,135,241,.5);color:#fff}.busInfoDetail p{color:#fff}}