.welcome-wrapper{background-color:#2d3fef;background-image:url(/image/story-bg-b5762d47be.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden;height:668px;padding-top:64px}.welcome-wrapper .container{height:100%}.real ul,.real ul li .info,.slogan,.welcome-wrapper .container{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.slogan,.welcome-wrapper .container{-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.slogan{padding-top:305px;padding-bottom:378px}.slogan h1{font-size:60px;color:#fff;line-height:80px}.slogan h3{font-size:40px;line-height:56px;color:#fff;padding-top:4px}.real-wrapper{padding-top:95px;padding-bottom:81px}.real h2{font-size:54px;line-height:75px;color:#5e709e;margin-bottom:72px}.real ul,.real ul li .info{-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.real ul{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.real ul li{width:28.33%;margin:0 2.16% 2.16%;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;position:relative;border-radius:16px;overflow:hidden}.real ul li .info{position:absolute;left:25px;right:25px;bottom:21px;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.real ul li .info h4,.real ul li .info label{font-size:24px;line-height:34px;color:#fff;text-shadow:0 3px 6px rgba(0,0,0,.2)}.real ul li .info label{font-size:18px;line-height:24px;padding-bottom:11px}.real .play{width:35px;height:35px;border-radius:100%;display:inline-block;background-color:#fff;position:relative}.real .play:before{display:inline-block;content:'';border:8px solid transparent;border-left-color:#5b69ea;position:absolute;left:15px;top:10px;z-index:1}@media only screen and (min-width:767px) and (max-width:1199px){.welcome-wrapper{height:567px}.real h2{font-size:38px}.real ul li .info h4{font-size:20px;line-height:30px}.real ul li .info label{font-size:16px;line-height:20px}}@media only screen and (max-width:767px){.welcome-wrapper{height:auto}.slogan{padding-top:104px;padding-bottom:153px}.slogan h1{font-size:30px;line-height:42px}.slogan h3{font-size:14px;line-height:20px}.real-wrapper{padding-top:24px;padding-bottom:40px}.real h2{font-size:24px;line-height:33px;text-align:center;margin-bottom:29px}.real ul li{width:48%;margin:0 1% 1%;border-radius:6px}.real ul li .info{left:8px;right:8px;bottom:10px}.real ul li .info h4{font-size:14px;line-height:18px}.real ul li .info label{font-size:12px;line-height:14px;padding-bottom:8px}.real .play{width:24px;height:24px}.real .play:before{border-width:5px;left:11px;top:8px}}