.banner{max-width:80%;margin:0 auto;padding:100px 0 60px;text-align:center;position:relative;overflow:hidden}.banner h1{font-size:40px;font-weight:bold}.banner .subtitle{font-size:20px;margin-top:25px;line-height:1.5}.banner .subtitle .download{color:#005dff}.banner::after{content:'';width:129px;height:110px;display:inline-block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIEAAABxCAYAAADyMsBJAAACMklEQVR4nO3by2oUQRSH8S/taBKaeIuLeFnopvCyFB+vV/18+gANEUERBPGGpUZykYo9EjWZGVCh7PP91jNw6vR/qqura9ZYInX5InADuApsAReWfUdVOgI+Ax+A18DLoW/3SqFnhiB1+QpwD9j2mk7SIfAcGH4LQepyA9wH7kTvUhD7P4Ugdfk88MhffyzNfLTjDGAAAmpODNn7f1DHIRgXga4BgprPBHcXPSlo2prU5fLsf83rHFeZCa5Hb0J0jYtBNeNWsAIrIVg3ALE10Rug7yE4tA+xlRDk6E2IroTgXfQmRFdC8Cp6E6Kbh+Br9EZE1gx9WxaGu9EbEdn8EfEp8DF6M6I6DsE4GzwBDqI3JKIfm0VD374HHrtvEM9pB03La+WHHi2P49SDJKnLm8ADXzNPXrn97y48TTQeO7sN7ACz6B2bkPInlBfAs6Fvv6x0pCx1uXxuY7xFnPMo2n+prPX2gb2hb90XkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiT9C2sRu5q6PB93yPH/KkwTxgt/GbgErFdQUjVChCB1eQbcBDYqKKc6s6kPMHW5AW756z9bU2thf9G2AVhs0iE4sQ7QAlOfCWZBZrs/MvUGGYAV2CRNPgQHFdRQvQghMAhLTDoEQ98eAW8qKKVqEdYEb4FPFdRRrSjbxiXsO8BWBeVUJ9RbtNTldnyBtBlhy3wlwDfW2lPGmzOo2gAAAABJRU5ErkJggg==) center no-repeat;background-size:contain;position:absolute;right:0;bottom:0}@media screen and (max-width: 768px){.banner::after{display:none}}@media screen and (max-width: 620px){.banner{padding:70px 0 30px}.banner h1{font-size:28px}.banner .subtitle{font-size:14px;margin-top:15px}}.browser{width:80%;background:#f5f5f5;text-align:center;margin:0 auto;padding:60px 0;position:relative}.browser .title{font-size:26px;font-weight:bold}.browser .box{display:flex;justify-content:space-evenly;margin-top:60px}.browser .box .chrome,.browser .box .firefox,.browser .box .ie{width:28%}.browser .box .cover{width:100%;box-shadow:0px 0px 36px 2px rgba(183,183,183,0.15);vertical-align:middle}.browser .box .name{font-weight:bold;font-size:20px;margin:40px 0 20px}.browser .box .position{font-size:16px}.browser::before{content:'';width:257px;height:224px;display:inline-block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQEAAADgCAYAAAADg9NuAAAEsElEQVR4nO3dwW7cRBwH4P8mm4TWUEQKpRKCC8g8Ak/BI/nkV+ItkLjjEyoSFRWloY3TJtnsIhcHQQldO43a8fj7pFxyyc9j+7c7m/HsoqzabyM/ZxHxe0Q8aOri1wyPD27MMtOh3I+I+91PWbVdCfzQ1MUqgVyQnJ0ZnJJPI+KbsmrncKww2lxujMOI+CqBHJCcOb06fllW7SKBHJCUOZVA9/nH7QRyQFLmNk/eSyADJMWHZTBzcysB/yaEV8ypBNYRcZJADkjKnErgp6Yu1gnkgKTMpQSeRcSPCeSA5OS6bPifjiLie8uG4Wo5l0B38z/oHyLaJJAHktSVwHc5nho3PgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGlYOA9vpqzaZUQs+7E0nrwN6/7nvKmLzZv+PRftNZRVuxsRhxFxpy8AeBe6Amgj4klTFyfX/ftKYKSyaj+MiE8iYndSwcnd04h41NTFxdjjVAIjlFV7LyI+mkxg5uYsIn5u6mI15rh3XCbDlFV7VwGQuP2I+Lyfrg6mBAYoq/Z2RHycfFD4qwjujRkHJTDMqEGFd+xO/8I1iBLYoqzaIiIOkg4J/zV46qoEtruTekC4QlFW7aAP/pXAdrdSDwhX6Apgb8jAKIHtBg0kJGjQ/a0EIF9KAGZu0HMFSmC70cswIRHrITGUwHbPUw8I/2PQ8mElsN1x6gHhCi+GPkykBLZ7ZkrABB0NjawEtmjqoptXPU46JPzbaf9o8SBKYJijfvMGSF33ovVwzI5DSmCAfkAfdvOs5MMyZ911+ktTF6djxsCmIiOUVduV5v2I+GAyoZmLVV8Ao/+bpQSuoaza9yOi22TkvcmFJzfrfrr6uP/8ajQl8AbKqt3vi2Df1Iq3aNO/8ndv+5/fxI7DAAAAAAAAAAAAAAAAAAAAQF5sKsIs9F/Tfbnxyxyv+27jkc1Vuw8pAbJWVu0yIg7s/PS3rgxOm7o4v/yFEiBb/fZvB87wlVaXm5JqR7JUVu2eAnitZVm1L8fHOwGy08//C9f3ICfeCZCjXQUw2J4SIEe7zupgSyVAjlzXwy0MFsycEiBH1/o6rplaKwFydOGsDrZSAuTool8Zx3bnSoDs9F/Q+cKZ3apbPmw6QJ6aulgpgtc6a+riLCyoIHdl1e70y4eXTvZLF30BrC5/oQSYhX4p8dyv900/VQIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABetSir9osER2UTERcR8Twijpu6OE8gE2SpK4GvEz+wrhCeRMRvTV1sEsgDWdmZwMEsIuIwIj4rq3aRQB7IyhRK4FIREXfTiAL5mFIJdA7Lqt1NIAdkY2ol0E0HbiWQA7IxtRLoHCSQAbIxxRKYYmZI1hRvqHUCGSAbUywBC4fgBk2xBE4SyADZmFoJ/NHUxSqBHJCNKZXAaUQ8SiAHZGU5kYNpI+JhUxc+FIQblnIJrPqnCJ82dXGcQB7IT0T8CTRK2goHZqYRAAAAAElFTkSuQmCC) center no-repeat;background-size:contain;position:absolute;left:calc(-10% - 50px);bottom:-210px}@media screen and (max-width: 620px){.browser{padding:30px 0}.browser .title{font-size:22px}.browser .box{display:block;margin-top:0}.browser .box .chrome,.browser .box .firefox,.browser .box .ie{width:90%;margin:30px auto 0}.browser .box .name{font-weight:bold;font-size:16px;margin:20px 0 10px}.browser .box .position{font-size:14px}.browser::before{display:none}}.videos{text-align:center;padding:100px 0 60px}.videos .title{font-size:26px;font-weight:bold}.videos .box{width:80%;margin:50px auto;display:flex;justify-content:space-evenly;align-items:center;position:relative;flex-wrap:wrap;overflow:visible}.videos .box .coverimg{position:relative}.videos .box .coverimg:hover .play{display:block}.videos .box .coverimg img{width:100%}.videos .box .coverimg .play{width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:none}.videos .box::after{content:'';width:164px;height:43px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAAArCAYAAAD2UyNMAAACSklEQVR4nO3dQWtUMRAH8L9ZS9W0i9qDyhYVDzkogvj9csoXLNaD5NKK3YtUa60RBXUlNc+uZZXnwTqZ+f+Oy8LOexkmj2Ty9hIMCrHU674N4A6AGwCuWbwPF+wbgALgDYCDnPzRqp83l5AhllsAHgHwAsKx7BDA85z8yfI9MJOQrSo+BPBAQDj0Q62aOzn5+fCBM3RjHjMZxan59zTEMhsCM5GQIZa7AO4JCIVWexJi2YSFhAyxrLWpmuRybQYzUSHvA1gTEAf92VaI5aaFhJyN+A7JMFOdkCGWen2bAkKhcba0V8iJgBhoPK89IU3uRHXMWVqHJPkW2hPyi4AYaLyiOiFz8sOGPvXhrYUpez7iOyTD3EJC7nPq7sJRTv5QfULm5D8DeCEgFPq9+mi1CyvNFTn5PU7dotW+yGMYaz/bAfBKQBx0ZgHgWU7+5fCJxY7x7db9sy4gHMtqRdw9f5TB6pmaSWu6GM7UsBvoYnxaOlPzetUvcmvt7HgD/UM5+QXvLxERERERERGRWb+sv4VYLrdDUevGthV7UBsQaqPISU5ebffSz4QMsWwAmP7fcGik9zn5Dxpv1mkVDLF4JmNXpq2AqOPavi6TsT/T9oilSq2QG9zT7pa6KunYhtU1dWNXE1Jd2TdE3Zs5XOvaJRKhJuRXDkW31I2da1281Cd1Y+famx04bfenjpm6xXGXk69l/52AWOjvHLexU2V56/AqgOtckxRv0ZLxo8aLO99cMWl/KHSlLSkwOWWoSVirYX1mLBor4ykA3wEvW4CpzKrXMwAAAABJRU5ErkJggg==) center no-repeat;background-size:contain;display:inline-block;position:absolute;bottom:-110px;right:-30px}.videos .box .video-item{flex:0 1 31%;margin-bottom:30px;box-shadow:0 2px 6px rgba(0,0,0,0.2);cursor:pointer}@media (max-width: 768px){.videos .box .video-item{-webkit-box-flex:0;box-flex:0;-webkit-flex:0 1 100%;flex:0 1 100%}}.videos .box .video-item:hover .video-mask{opacity:1}.videos .box .video-item:hover .video-mask::after{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);transform:scale(0.9)}.videos .box .video-img{position:relative;padding-bottom:58%;background:center/cover no-repeat}.videos .box .video-img .video-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.4);opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.videos .box .video-img .video-mask::after{content:'';position:absolute;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOTBweCIgaGVpZ2h0PSI5MHB4IiB2aWV3Qm94PSIwIDAgOTAgOTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDkwIDkwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMl8pO2ZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2Utd2lkdGg6NjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0MXtjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7ZmlsbDojZmZmO30NCjwvc3R5bGU+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iOTAiIGhlaWdodD0iOTAiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF8yXyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+DQoJPC9jbGlwUGF0aD4NCgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI0NSIgY3k9IjQ1IiByPSI0MiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik02OSw0My42TDM0LjUsMjMuN2MtMS4zLTAuOC0zLDAuMi0zLDEuN3YzOS44YzAsMS41LDEuNywyLjUsMywxLjdMNjksNDcuMUM3MC4zLDQ2LjMsNzAuMyw0NC40LDY5LDQzLjYiLz4NCjwvZz4NCjwvc3ZnPg0K) center/contain no-repeat;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.videos .box .video-title{padding:10px}.videos .download{width:240px;height:50px;line-height:50px;border-radius:25px;background:#407fed;color:#fff;font-size:20px;text-align:center;display:block;margin:0 auto}@media screen and (max-width: 620px){.videos{padding:30px 0}.videos .title{font-size:22px}.videos .box{display:block;margin:0 auto}.videos .box a{width:100%}.videos .box .coverimg{margin-top:30px}.videos .box .coverimg .play{width:40px;height:40px;display:block}.videos .box::after{width:82px;height:22px}.videos .download{width:160px;height:36px;line-height:36px;border-radius:18px;font-size:14px;margin:30px auto}}