body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
}
body,
button,
input,
select,
textarea {
  font: 12px/1.5tahoma, arial, \5b8b\4f53;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
address,
cite,
dfn,
em,
var {
  font-style: normal;
}
code,
kbd,
pre,
samp {
  font-family: couriernew, courier, monospace;
}
small {
  font-size: 12px;
}
ul,
ol {
  list-style: none;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
legend {
  color: #000;
}
fieldset,
img {
  border: 0;
}
button,
input,
select,
textarea {
  font-size: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clear {
  clear: both;
}
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
}
.clearfix {
  zoom: 1;
}
body {
  padding: 0;
  margin: 0;
  background-color: white;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 1;
}
body * {
  box-sizing: border-box;
}
h1 {
  font-size: 54px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1;
  margin: 0 0 32px;
}
.head-desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: #ffffff;
  margin-bottom: 16px;
}
.app {
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
}
.block.head-block {
  height: 564px;
}
.block.head-block h1 {
  color: white;
}
.block.head-block .content .big-btn {
  width: 155px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #ffffff;
  border-radius: 26px;
  margin: 40px 0 32px;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #3c68f2;
  cursor: pointer;
  position: relative;
  top: 0;
  transition: all 0.1s ease-in;
}
.block.head-block .content .active {
  top: -6px;
  box-shadow: 0px 2px 20px 0px rgba(12, 58, 193, 0.8);
}
.block.head-block .content .active::before {
  content: "";
  width: 100%;
  height: 20px;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  bottom: -20px;
  left: 0;
}
.block-title,
h2.block-title {
  position: relative;
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  margin: 0 0 80px;
  text-align: center;
}
.block-title > span,
h2.block-title > span {
  display: inline-block;
  position: relative;
}
.block-title > span:after,
h2.block-title > span:after {
  position: absolute;
  width: 100%;
  height: 12px;
  left: 0;
  bottom: 0;
  background-color: #3c68f2;
  opacity: 0.2;
  content: "";
  display: block;
}
.menu-bar {
  width: 100%;
  height: 74px;
  min-width: 1200px;
  position: fixed;
  z-index: 200;
  top: 0;
  color: #fff;
  transition: all 0.2s ease-in;
}
.menu-bar .menu-content {
  line-height: 74px;
  padding: 0 48px 0 330px;
  background: transparent url(static/images/8ab1b5bb17c168d596533c89d1521fb3.png) no-repeat 48px 50%;
  background-size: 210px 26px;
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}
.menu-bar .menu-content .menu-group {
  display: inline-block;
}
.menu-bar .menu-content .menu-group.right {
  float: right;
}
.menu-bar .menu-content .menu-item {
  position: relative;
  display: inline-block;
  margin-right: 48px;
  color: #fff;
  text-decoration: none;
}
.menu-bar .menu-content .menu-item:last-child {
  margin-right: 0;
}
.menu-bar .menu-content .menu-item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: transparent;
  transition: all 0.2s ease-in;
  position: absolute;
  top: 53px;
  left: 0;
}
.menu-bar .menu-content .menu-item:hover:after {
  background-color: white;
}
.menu-bar .menu-content .menu-item.no-action:after {
  content: none;
}
.menu-bar.sticky {
  background-color: white;
  box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.05), 0px -1px 0px 0px #e8e8e8;
}
.menu-bar.sticky .menu-content {
  background-image: url(static/images/6d7a74d92c9c8b9983d456b3fbcd8aff.png);
}
.menu-bar.sticky .menu-content .menu-item {
  color: #666666;
}
.menu-bar.sticky .menu-content .menu-item:hover {
  color: #3c68f2;
}
.menu-bar.sticky .menu-content .menu-item:hover:after {
  background-color: #3c68f2;
}
.menu-bar.sticky .menu-content .menu-item.no-action {
  color: #666666;
}
.menu-bar.hidden {
  top: -76px;
}
.block {
  padding: 100px 0;
  position: relative;
  background: no-repeat;
  background-size: cover;
}
.block.head-block {
  padding-top: 204px;
}
.block .content {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.block h2 {
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
}
.cards .card {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 0;
  width: 270px;
  height: 320px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  transition: all 0.2s ease-in;
  text-align: center;
  text-align-last: center;
  margin-right: 33px;
}
.cards .card:hover {
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
  top: -12px;
}
.cards .card .img {
  width: 100%;
  height: 162px;
  background: white no-repeat;
  background-size: cover;
}
.cards .card .text {
  padding: 0 21px;
}
.cards .card .text .title {
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333;
  margin: 32px 0 18px;
}
.cards .card .text .desc {
  line-height: 1.75;
}
.cards .card:nth-child(4) {
  margin-right: 0;
}
.tick-circle {
  position: relative;
  width: 995px;
  height: 995px;
}
.tick-circle .tick-mark {
  position: absolute;
  height: 2px;
  width: 506.5px;
  transform-origin: right center;
  top: 496.5px;
  left: -9px;
  opacity: 0.6;
}
.tick-circle .tick-mark:before {
  content: "";
  display: block;
  position: relative;
  width: 18px;
  height: 100%;
  background-color: #3c68f2;
}
.arrow {
  position: absolute;
  width: 24px;
  height: 14px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAcCAYAAAAnbDzKAAAB2ElEQVRYR9WYTWsUQRCG6+llmcMcFhZ2u+uuPyw/wJ+QL4ka0RgTCQoBRQQFPeQgHvSsBz3kkkMOOXgQdteAGhOQfOC2TJyRAVezs07G6blOd1U9dFV3vYWU/PX7/Snv/YU4jpdardbnks3/Zo6yHQwGg0vD4XAV2BeR5SiKltvt9tey/WT2zg0gF/AXEVlqNpurnU7noGyQKgCymD8B151za8C3skCqBDiNGfgILFpr7wGH/wpSOcCv3IWeiFx1zq0Dx5OC/DeAXMAfRGRBVR8AJ0VB6PV6vuim81gPvBeRy865R8D3cX3UBiAX8E6j0ZjvdrtPgOFZIHUEyIp9W0TmnHPPgD9mSW0BcsW+ZYyZtdZujDqN2gPkgt4EZlT1RR4kJIAstd4aY2asta9O35W63EJnFeuI/6+TEwkZ4A0wHRwA8C5NoZehpdCmMSa5Vp8HVcTAlvd+TlU3Rr0HtU0hYBuYt9Y+De0h20l6IlV9HFQrkTRzwIK19mGhZm6C+/evWzJNXMBu0k5fUdX7E7XTBRyNtXRcAH4KmmupoDkay/iIRZULGmDXe7+oqndDk5SJqL/hnLsTmqjfS8cqK0GNVdLB1u0oim4FNdhKR4sX4zi+WcVo8QcJDOcJff2/kgAAAABJRU5ErkJggg==) no-repeat;
  background-size: contain;
}
.digital {
  display: inline-block;
  letter-spacing: -3px;
}
.digital .digital-number {
  width: 175px;
  float: left;
  margin-right: 0px;
  height: 48px;
  font-size: 40px;
  font-family: cw;
  font-weight: 400;
  color: #ffffff;
  line-height: 48px;
  letter-spacing: 0.4px;
  display: block;
}
.digital .plus {
  float: left;
  margin-right: 0px;
  height: 48px;
  font-size: 40px;
  font-family: cw;
  font-weight: 400;
  color: #ffffff;
  line-height: 48px;
  letter-spacing: 0.4px;
  display: block;
}
.icon {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 50px;
  height: 50px;
  background: transparent center no-repeat;
  background-size: contain;
}
.icon.icon-round-right {
  background-image: url(static/images/63a4b076de65d01b66f4ea0fcbe39d26.png);
}
.icon.icon-round-left {
  background-image: url(static/images/58d49b612ce547c0569a4590954d2b27.png);
}
.icon.icon-blue-print {
  width: 44px;
  height: 44px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAFF0lEQVR4Xu2dTWhcVRTHz82k+aiZ6cKPgoJZiAYL0rQUF5JpqVDFhTBRdJGCIGjNtLjIIk3pImm7KK1ddFHSibYgCMlC0QRciAYUneBCRFsESypZRGihVRediWmTzuTKjU6cmfcm7917z5m8mzmzzTnn3vebk3Pfm/879wog/Bx6X2759cpCCgBSAuQeAHhUSuggHDIwtBCwAAA3JYgfAWBqR3fH1AfviPuBjoYGwtAv0G3fkVxvsQjnAOCJQOONNZiLxWDw29HEJMU00AGPjMimr2/nz0gJgxQTpoopBJx7/pH4sZMnxQrmGOiAk+nce67BLQFVkLOZxNHIAv6vLHyGOcF6x4rF4BXMcoGWwasL2s/5a341d+eTzdB3oAW6OpvgwQTakEbs/8pJmJ1fgYnpZbj6W8EvxtyOXfGnsRY+tKvtSedfAyk/rp7xGy+1wlsvt4BAG8mIq8dJSoDLny/DR18seQMK8fpMJv4Jxkhol92Tzo+DlH3lk1KZe2GgPXJwS3NUkN89f9ebyUJMzGTiByMFOJnOzUoJT5VP6uzhrfDcMzGMeZLF+P6XIgxdXKyILwRcz2YSXRiDomVwMp3LVz9ETJ3t2PCaGwRJ1eTUkHr2+P+jHkaymUQ8yDfM39EA9/TnZPWA2QzKHMNch5VNMp33+M+M4azGDBgAGLBVfgY7M+BgRlYWDNgKX7AzAw5mZGXBgK3wBTsz4GBGVhZ1BxxFJcKKIIFzWGXEcx/skBJBgM0qpK8ysgbYVSXCCgmBc7UysgbYZSWCgJNVyHJlZBXwZlAirIgQOJeUEeGKEkHAwCpkWGVEuKZEWFEhcA5SRhRg55QIAk5WIddTRoSrSoQVEQLnWsqIAuykEkHAyCpkLWVEuKxEWBEhcPZ75GbAiKAZMCJMv1AMmAETEyAOzxnMgIkJEIfnDN5sgIsrAN9dKUD2agFm54vw5x0Ji/c8LwARX3Zl+K1tAh7aJqCrMwbJnc2wt7sZYk04U6hrBiuoo58uwY0/UN/IxyFRFuWxh5vgyKutq7BtP3UBrH74GJtagomvlm3nW1f/vhdaoD/VavWqbV0AZybdg1v6JhXkdG+r8RdLDliVheNjd40nGAXH0/3txuWCFLBa0A6e+Nu35rrUo6Fq8viJB4wWPlLA3/xUgOFL3ux1sUfj1NvtsH+3/qJHCvjUh/dg+ofKjlRXezQOPLsFht9s065YpIBVefj9VuUtmas9Go9v/7dM6H5IAb84sOB5iHC1R0M9jHx5Xr9nnRSwX3CXezRM5s6Aa/zPYyUHA2bAussKjj1nMA7HmlEYMAP2b+YzWYmJWfqG5wwmps6AGTCXCJUDfB/M98HEtYABM2Dym/WNQEx6F4H1AjbWJF0FXPMFbKwWgkYHXLOFAKsJppEBr9sEg9XG1aiAA9u4sBoRGw1w6EZEtahQtdK6/GOP7WK71kpbCkTRDN6ogD3N4AoyxXYGjQi45nYGpUzG3JCjwQCvvyFHec3B2lJmMwM23lLGtLi73DFa902RTCAzYH9qvDkobw5q8v+k58MlQo+XtjUD1kam58CA9XhpWzNgbWR6Dk4AxlJG9NDYWzuzST6WMmKPTC+CM8c8YCkjenjsrJ06qARLGbFDFt47SImI3FE7WMpIeERmlmGViMgdFkWpjJihNPOK7HFnlMqIGSp9r8gf2EeljOij0vdw5sjJ0qVhKiP6uLQ83Do0tfzSsJQRLVwBxmGVCKwx/wFxtgCH9yb1hAAAAABJRU5ErkJggg==);
}
.icon.icon-blue-fly {
  width: 44px;
  height: 44px;
  background-image: url(static/images/393270d034509fe06a32c8211943d3d1.png);
}
.icon.icon-blue-paper {
  width: 44px;
  height: 44px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHUAAACECAYAAACuymQAAAAAAXNSR0IArs4c6QAAB3NJREFUeAHtnU9oVEccx3/zNonGbvoHZENCpdiDpNBTUy+BSApeigcFBfFSKEWwQgtSqcduoS1UWoQKIkjPIiiYgzcPQSEXzbnipYeUhCwWbXebRJPNdH6ru2zWzJuYnfd+M/E7ILv73m9+85vvJzNvZtaZVbSJVC7rZKpSHVslOkJralQpPWyyDWtNxU1kh8kWFFCKaibbnNZqjhI900N0c6I0MF0uqzWXO5VmMFHWO+uV6tfG8TekdSnNFvdyUECpimlQvxZKA79NldWyrUQr1PFT1aOk6ILWeo8tM67LKKCUmiVNZ+5eHrixUQRJ50UDUY1/Wf1Rk74OoJ3qhPGZuTCfBifDqzOqdRcY6IHTtavm9XinIT6HqYBptdfuXCqeMK+6GeG6lmqA/gCgTWnieGVezK092lZL5WcoN+n2m3gfjwKK1LHmM7YBtTHKXag9NNSdg6Jiv6LRkR4a2q1o147W30Q8tY8k0sWnmuYfaZp5sEq1pVbPao2eB0+FweI+HhWb6Q/R82kLpQJ9u5jQycN9dGislwrrOm1rObjhQYG6mZXeml6hK5PP6EnNPkXlBskcTZHnFS8s3F6ozafNQ/cOFeiXr/qp9A5apgdOW3JReazp7MUl+nO+bs9v5rEHB4tDjZWiNKDcQgHUrmNed7hBMQfmYU1mgYhX/pLG0p/VihpdLlpoikA53mIO/AhMS8wz4bVcmxEPivgZihSOAsyDuViT4Zm8WJzf0IZHuRgUbSiN2EXmwVxsiXlyB83fuGyYeNqCFJ4CDi7DSdrXZ5iHhgeUI0rjwjxThlJhVghRuRUAVLdG0VkAanTI3AEDqluj6CwANTpk7oAB1a1RdBaAGh0yd8CA6tYoOgtAjQ6ZO2BAdWsUnQWgRofMHTCgujWKzgJQo0PmDhhQ3RpFZwGo0SFzBwyobo2iswDU6JC5AwZUt0bRWQBqdMjcAQOqW6PoLAA1OmTugAHVrVF0FoAaHTJ3wIDq1ig6C0CNDpk7YEB1axSdBaBGh8wdMKC6NYrOAlCjQ+YOGFDdGkVnAajRIXMHDKhujaKzANTokLkDth8e4M7rzeKf/zTd+6NOf1XWzOk/3tyKODKHL9O7pYT2f1Cgt96QOV5BHOr9B3X6/vfl1NO8ROh0WSifd/TdFzvp45FCl55ePbto98stdDsCZQx85BzXjeuYdxKFyl1u2nl7eYvhuzyuG9cx7yQK9Uk1/7/ivAWWqKMo1JH38n/e5A1Voo6iUD98P6FPPtq+x+Rx3biOeSfx0S+PEPeag9du31uh2Yo5GzzyOY05TJn2lBQd3N9Ln32afjhkVrDFofJZe58f6mv8y6qSr5vf/PuG101hgfoCqoDoWRcJqFkrLOAfUAVEz7pIQM1aYQH/gCogetZFAmrWCgv4B1QB0bMuElCzVljAP6AKiJ51kYCatcIC/gFVQPSsiwTUrBUW8A+oAqJnXSSgZq2wgH9AFRA96yIBNWuFBfwDqoDoWRcp/t9ZuIJ5brsIYVvEtocqte1CcltE1lBFu1/JbReS2yK2NVTpbRdS2yK2NVSJLQmdgoYQQ2dM3X4W7X4ltiR0ChZCDJ0xdftZFKr0tgupbRHdQnPlF5/S5L3tIoRtES4o3d4Xh4ptF90ifDm/aPf7cji44kMBQPWhYmA+ADUwID7CAVQfKgbmA1ADA+IjHED1oWJgPgA1MCA+wgFUHyoG5gNQAwPiIxxA9aFiYD4ANTAgPsIBVB8qBuYDUAMD4iMcQPWhYmA+ADUwID7CAVQfKgbmA1ADA+IjHED1oWJgPgA1MCA+wgFUHyoG5gNQAwPiIxxA9aFiYD4ANTAgPsIBVB8qBuYDUAMD4iMcQPWhYmA+ADUwID7CAVQfKgbmA1ADA+IjHED1oWJgPgA1MCA+wgFUHyoG5iMxh0XVbDEtPt3+v29qq3vI1xeXU7lUuaXO2Sow/yg1sy0brmeswPzfdi6mkc4nWisr1JkHq1RfyzhCuH8lBZgHc7El5plQomdsBrUlTbemV2y3cV1AAebBXGxJKX0/MSd53LQZ8PUrk8+o8tjuJC0v7vlVgDkwj7RUUDSZTJQGpkmpis2Qj3o7e3EJYG0C5XSdgTIH5mFNhiPzVGwwfvrfb/Ua/Ww1Njf41M2Th/vo0Fgv8TE5SPkowM9Q7nK5haYCNeGohM7dvfTm+QbUibLeWV+oPTS/B77HFWqxX9HoSA8N7Va0a0cjuysL7m9BAZ5O8uyDB0Vpz9Cma3Po12xhsLhvqqyWW1TGT1WPmp95v940wmtcCihSx+5eHrjBUbc6Ur5gaP8UV1UQLSvA3JpAG5/bZTHdrzpwunbVvB5vv4734SpggF67c6l4wry2piitlsph840XBmix4XJsRcYttBNog2PLouMNP2NJ0YXNDJ46suJjxgoYmLOk6Ux7l9te5LqW2n6DM/BoiofJafPY9jx4n7ECZh7KPJiLDShH0Br9poVTLutkqlIdMyuOR2hNjZpeetjYD2tNxbR8uLd1BV58ezbXWJs3S7m88scLC+WySll9eF7e/6hTAUCCj3nDAAAAAElFTkSuQmCC);
}
.icon.icon-blue-computer {
  width: 44px;
  height: 44px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAADaklEQVR4Xu3dMWhTQRwG8O/6bNSSZBEcHHQQFQuigpMkCtIODkIUdOjgoqhRFBxq3Uo3awdB0aDoItjBQQMODi2CRpwEFUGp0kEHB8ElKVVT05OTNiYvL8l71/tbIV/G9O7Ly4+Pa9PS/1MIeJy4qbvfvZ7JAMgo6F0A1mmNeNDaTn1OKcwA+KKhXgLI9+6I52+dVHN+D+V/Yu+Z4sFKBWMANnYqnuX7nvY8DD69nnxYu78KPDysu558LV3SGoOWL8BtAJTC2L61iYsjI2regFSB09niZeK66YhBLuSSF6rAC8fCAzfxTDECnodD5rhQf76hvSq9Dzpzt29agYH+GLZs6MKaZMNx3dGS34oaU5/mMT5RxpuPv4Ispnt3JraqVLZ0GFrf9684un8ljh+ImTOFjxYCWgO3H5Vx9/HPxlVKHTHA96D1QO1XTXOvnV9N3JDVMshnr3xvbLJS4yqdLU5pjc21WaOne7B7mxcynsuMwIu3FQzdmK3DUAofDHDJ/yEiPxrnmRuxN+ZMzgyZzx5/H+bDiEqdKmp/ViGXiBjP5UYgnS01QBDYYTcI7BAzKIrABBYWEI5ngwksLCAczwYTWFhAOJ4NJrCwgHA8G0xgYQHheDaYwMICwvFsMIGFBYTj2WACCwsIx7PBBBYWEI5ngwksLCAczwYTWFhAOJ4NJrCwgHA8G0xgYQHheDaYwMICwvFsMIGFBYTj2WACCwsIx7PBBBYWEI5ngwksLCAczwYTWFhAOJ4N/l+Aha+jo+ID/9OzowSE3yyBCSwsIBzPBi8HMMcZ2KnzxzQ7t9C7CByaym4hge3cQu8icGgqu4UEtnMLvYvAoansFgYCc6yXHaZ/V9OxXhxM5wa46WA6jlZcOnDL0YocDro04LbDQTne1g449HhbE88BzXbIrXZVBzQvLuKIcXfIDSPGTTSH5LsBbjokfzGet3mwhm59m4faWN6opD2y9Y1K2kdzRRQBjsCPomWxlsAWaFG2EDiKlsVaAlugRdlC4ChaFmsJbIEWZQuBo2hZrCWwBVqULc6B+87Nrv8xV7kDjT2AjkW5mOVbq8pQeLaq2zs2ebXns8vrcA6cypYmoHWfy4v8Z1lKTT7PJfpdvp5z4KA/orq8YMks8/uFQi7p9D5DzoHZ4PoKOAfmGVwP/BtOgTY3bnI77AAAAABJRU5ErkJggg==);
}
.icon.icon-blue-turnstile {
  width: 44px;
  height: 44px;
  background-image: url(data:image/png;base64,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);
}
.icon.icon-alarm {
  width: 16px;
  height: 16px;
  width: 20px;
  height: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAADNUlEQVRIS62VTUwTQRTHZ3a2ZYvdhUqKSPHApUEQpS0KHJA2MX7ExBskSqIxxmhM9KDhZkJJvBE9aGI0xhhN0ITeTIwfMWmRA6C0RZHa9MJBQKTBwm6lS7uzY2ZlGwrLR4x723lvfjPv/z4Ggi0+Qgg0coEQks22Gm7Kw/x+GIjFoD2ZhLwkab4Sz5Ok3U7aa2sJ8Ps1uNEh68Aa1O+HoYEB5lBFRT1nMp2HABwBhOzRbgjhdwLAezmXe/Jxdnbc29am0gPWwgvAFBro6GBqk0nLXoejl2GYiwAAtEHIWFXVR9+mp7tidnumvb9fXQ3Pg3Xo/pmZYmd19UsIoXcr/amdEBJKTE6e+lJZubQaroH18CcCAbbG7b6LILy0DkqIsiIFu9aGCXkYj0Su1bW3K7oseXDI50OusrKGkuLiYaPwU4uLpynQVlLywiASvLi01Bydnx/zBoOYSvIX3N3NvO7rMx1tarqDGOaKkQTJVOokXbfbbK+M7FhV778bGbl+orMzB3t6VKhrWzU0ZG72+SIQgBqjjb9E8Thd3ykIb4zsBID4cDDonmppyWpaUzCVAczNcV63+weA0GoITqWOaWCb7a1hUglJhyKR3aC8XNbkoOBwYyMrZTJF/wPMWyzLntFRpRDs8XwCG0iRkeWr9KYWjru3QRnGQ+HwwQKwLkVrQ0MvQuiy0cacojyj6yaWPWuYPIwfDI6NdRVIQbuNJm+fx+PiBeGDYblJ0hmt3Hj+uVG5SaJ4+Gs4HM0nb3W5mVSV8zU330YIXdhO1+k+GOPHweHhGzmGkfPlpncelSOdSJh3ORxCo9PZDxmmdTtwoqqDo4lEx8/padHqdGYLG2RlotGWTgJg5i0WvqGm5hZimHObDSGsqk/H4vGbUiYj2QHIrmtp/dZUa2s0ylrMZtOyKJoPuFz1ZVZrJ4tQG4SwcsVvRsF4YD6d7vscjY4XCUI2k83m0i6Xsm4I6SHnx+bEBJpcWGA5jjPtyGaRwnEIrbwkGELCyjL+bTZjWZZz1aWlSqyuDm84NlfD9UGfmZpCpbLMLAtCwUwuEkW8wHGqpaoKb2vQF8Dpz/98mtZWwr8+pn8AdNfRGmZBX0MAAAAASUVORK5CYII=);
}
.icon.icon-cross {
  width: 20px;
  height: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAD1BMVEXMzMzNzc1HcEzMzMzNzc0pOASrAAAABXRSTlP+VwDjTR6LQpQAAAB+SURBVHjahZNBDsAgCARX8f9vrnpgE7AZT8CMsVXQiljzZx2mkDTefEgbh2x0vvGSjc43vkE3siyHTz7l5MWPUI1SUCm0VKXUEvVNDi24XLiFBMlTKIa5BRvmRbBhDgIewR/Jv8kXxVfNj8XPzQ3DLcdNi22Pg4Ojh8OL4/8BnsUFoeBi5Q0AAAAASUVORK5CYII=);
}
.title-20 {
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
}
.subtitle {
  font-size: 18px;
  color: #999999;
  margin-bottom: 80px;
  text-align: center;
}
.raise-up {
  position: relative;
  top: 0;
  transition: all 0.2s ease-in;
}
.raise-up:hover {
  top: -12px;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
}
.block.footer-block {
  background-color: #242424;
  height: 601px;
  padding: 100px 0 0 0;
}
.block.footer-block .content {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.block.footer-block .content .top {
  height: 346px;
}
.block.footer-block .content .top .left {
  display: block;
  float: left;
  width: 773px;
}
.block.footer-block .content .top .left .item {
  width: 33%;
  display: block;
  float: left;
}
.block.footer-block .content .top .left .item .title {
  width: 100%;
  display: block;
  text-align: left;
  height: 16px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 16px;
  margin-bottom: 42px;
}
.block.footer-block .content .top .left .item .value {
  display: block;
  cursor: pointer;
  height: 14px;
  font-size: 14px;
  font-family: PingFang-SC-Regular, PingFang-SC;
  font-weight: 400;
  color: rgba(153, 153, 153);
  line-height: 14px;
  margin-bottom: 35px;
}
.block.footer-block .content .top .right {
  display: block;
  float: right;
  width: 426px;
  height: 246px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  padding-left: 100px;
  box-sizing: border-box;
}
.block.footer-block .content .top .right .title1 {
  width: 100%;
  text-align: left;
  display: block;
  height: 16px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 16px;
  margin-bottom: 42px;
}
.block.footer-block .content .top .right .title2 {
  width: 100%;
  text-align: left;
  display: block;
  height: 14px;
  font-size: 14px;
  font-family: PingFang-SC-Regular, PingFang-SC;
  font-weight: 400;
  color: rgba(153, 153, 153);
  line-height: 14px;
  margin-bottom: 20px;
}
.block.footer-block .content .top .right .title3 {
  width: 244px;
  height: 48px;
  background: #3c68f2;
  display: block;
  margin-top: 32px;
  text-align: center;
  font-size: 16px;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 48px;
}
.block.footer-block .content .bottom {
  padding-top: 48px;
  width: 100%;
  height: 154px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.block.footer-block .content .bottom .title1 {
  width: 100%;
  display: block;
  text-align: center;
  height: 13px;
  font-size: 13px;
  font-family: PingFang-SC-Regular, PingFang-SC;
  font-weight: 400;
  color: rgba(153, 153, 153);
  line-height: 13px;
  margin-bottom: 24px;
}
.block.footer-block .content .bottom .title2 {
  width: 122px;
  height: 13px;
  font-size: 13px;
  font-family: PingFang-SC-Regular, PingFang-SC;
  font-weight: 400;
  color: rgba(153, 153, 153);
  line-height: 13px;
  width: 100%;
  display: block;
  text-align: center;
}
.center-h {
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
}
.gallary {
  position: relative;
  overflow: hidden;
  padding: 100px;
  margin: -100px 0;
}
.gallary .shows {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  overflow: visible;
  white-space: nowrap;
  height: 474px;
  left: 0;
  transition: all 0.5s linear;
}
.gallary .shows .show-card {
  position: relative;
  width: 580px;
  height: 474px;
  display: inline-block;
  vertical-align: top;
  top: 0;
  margin-right: 40px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  transition: all 0.2s ease-in;
}
.gallary .shows .show-card:hover {
  top: -16px;
  box-shadow: 0px 5px 32px 0px rgba(0, 0, 0, 0.2);
}
.gallary .shows .show-card:last-child {
  margin-right: 0;
}
.gallary .shows .show-card > img {
  width: 580px;
  height: 378px;
}
.gallary .shows .show-card > .text {
  height: 84px !important;
  line-height: 84px !important;
  padding: 0;
}
.gallary .shows .show-card > .text .title {
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  margin-bottom: 12px;
}
.gallary .action {
  display: none;
  position: absolute;
  top: 328px;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.2s ease-in;
}
.gallary .action:hover {
  opacity: 1;
}
.gallary .action.next-left {
  left: 100px;
}
.gallary .action.next-right {
  right: 100px;
}
.gallary:hover .action {
  display: block;
}
.loop-gallary {
  position: relative;
  overflow: hidden;
  padding: 100px;
}
.loop-gallary .shows {
  position: relative;
  white-space: nowrap;
  overflow: visible;
  height: 416px;
}
.loop-gallary .shows .show-card {
  position: relative;
  width: 540px;
  height: 416px;
  display: inline-block;
  vertical-align: top;
  margin-right: 80px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  top: 0;
  transition: all 0.2s ease-in;
}
.loop-gallary .shows .show-card > img {
  width: 100%;
  height: auto;
  transition: all 0.2s ease-in;
}
.loop-gallary .shows .show-card > .text {
  padding: 0 32px;
  width: 100%;
  height: 82px;
  line-height: 82px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
}
.loop-gallary .shows .show-card > .text .title {
  font-size: 18px;
  transition: all 0.2s ease-in;
}
.loop-gallary .shows .show-card.c-position {
  width: 680px;
  height: 480px;
  top: -32px;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}
.loop-gallary .shows .show-card.c-position > img {
  height: auto;
}
.loop-gallary .shows .show-card.c-position > .text {
  height: 84px;
  line-height: 84px;
  position: absolute;
  background-color: #fff;
  bottom: 0;
  left: 0;
}
.loop-gallary .shows .show-card.c-position > .text .title {
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
}
input::-webkit-input-placeholder {
  color: #ccc;
}
input:-moz-placeholder {
  color: #ccc;
}
/* Mozilla Firefox 19+ */
input::-moz-placeholder {
  color: #ccc;
}
/* Internet Explorer 10+ */
input:-ms-input-placeholder {
  color: #ccc;
}
.tryout-modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: auto;
  z-index: 900;
}
.tryout-modal .tryout-dialog {
  position: relative;
  width: 640px;
  height: 734px;
  padding: 80px 120px;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #e6e6e6;
  margin: 0 auto;
  margin-top: 100px;
}
.tryout-modal .tryout-dialog button {
  box-sizing: border-box;
  cursor: pointer;
}
.tryout-modal .tryout-dialog button:focus {
  outline: none;
}
.tryout-modal .tryout-dialog button:disabled {
  background-color: lightgray !important;
  color: white !important;
  cursor: default;
}
.tryout-modal .tryout-dialog .header {
  font-size: 24px;
  color: #333;
  text-align: center;
  margin-bottom: 56px;
}
.tryout-modal .tryout-dialog .body .field {
  position: relative;
  margin-bottom: 24px;
}
.tryout-modal .tryout-dialog .body .field .label {
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  margin-bottom: 10px;
}
.tryout-modal .tryout-dialog .body .field .input {
  position: relative;
  width: 100%;
}
.tryout-modal .tryout-dialog .body .field .input input {
  position: relative;
  width: 100%;
  height: 48px;
  line-height: 48px;
  border-radius: 4px;
  border: 1px solid #dddddd;
  padding: 0px 20px;
  color: #333;
  transition: all 0.2s ease-in;
}
.tryout-modal .tryout-dialog .body .field .input input::placeholder {
  color: #ccc;
}
.tryout-modal .tryout-dialog .body .field .input input:focus {
  outline: none;
  border-color: #3c68f2;
}
.tryout-modal .tryout-dialog .body .field .input.has-ver-code > * {
  text-align-last: auto;
}
.tryout-modal .tryout-dialog .body .field .input.has-ver-code input {
  width: 261px;
  float: left;
  margin-bottom: 39px;
}
.tryout-modal .tryout-dialog .body .field .input.has-ver-code button.ver-code {
  position: relative;
  width: 123px;
  height: 48px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #dddddd;
  color: #3c68f2;
  float: right;
  margin-bottom: 39px;
}
.tryout-modal .tryout-dialog .body .field .alarm-tip {
  display: none;
  position: absolute;
  bottom: 48px;
  padding: 12px 24px 0px 30px;
  height: 47px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALIAAAAqCAYAAAAXvwFGAAAFFUlEQVR4Xu2dXWhTZxzG/+/5TG3SxLaJ1cJwocjWiEPmGEzsx2AXA91dC5WqCIJ6q3asuMGBTbpN7a0KgqjFQns3hV0M1o/RwZhDJqYbEjIZVGvSj7RJbc7nO86xJ7S1jl7E9nz8c5ccOOd5nv8vL+dcvM8hsOpDKSWrf8PvmIDTEiCE0OWaStCWAJYkMjwywoTyeetYenGRNDrNBerxVQLjABCvqLDAzYdCtKW52QBJsr7bQFuwmhBLkkRaRkaYj7q73+Frar4BQj4mhIR8lRiadXQClNI8UPqzOj395a89PX8PNzcbkiRRE+YSyMOtrewHXV3vVm7fPgo1NRGoqgJgWUcbQ3E+S0DXAebnAaancwvPnjX9fvHiXy1DQ7oFsnVLIUkkOTjINd68OUhisc9g61afJYR2XZXA7CzQTOaH8WPH2hJtbZp5m2GBbK7GhcePhYN3705CPB7CldhVY/WfWHNlTqfz9w4dqgvu2qVYq7IJ8h/79nH5xUWxpa8vDw0N/gsGHbsvgVQKhjs7Q6GKCvn9+/e1EsjFQiGwv79/HkF230x9qTiVgrGOjqpAMFgsgTyYSPBBRQl8OjAwhyD7Egv3mU6l4Mf29nBBEIptyaRqrcjJRIIvKErgQwTZfQP1q+JUCn5rbw8HBaGYQJD9SoEHfCPIHhgiWgBAkJECTySAIHtijGgCQUYGPJEAguyJMaIJBBkZ8EQCCLInxogmEGRkwBMJIMieGCOaQJCRAU8kgCB7YoxoAkFGBjyRAILsiTGiCQQZGfBEAgiyJ8aIJhBkZMATCawFMm518sRo/WVira1O5i5qa/PpnTsTWAfgLx5c6XapDmDs8OH6FZtP7TqA5hs3+kld3UEsaHHleP0j2ixomZy8N3L8eMeKOgC7oKXpwoVEaM+en0htbRgrs/zDhWucLlVm0ampufzDh5+Mnj+fXFHQYldm5XRdbDh3LlG7e/dXjCA0EUKCZTcpCAD19evvlTPFT0wAKErZpeAJ3ZUApbRgKMro1KNHX6cuXUpGWFYuVWaZVuzaLHjyhONFkS8sLPBEFDlN15ktZfIqU0p4UWQOXL16ho/FzqwL5iWI1Uym95dTp3pVWTbEVb24ZZKHp3F4Ai8AgGNZg8qyFqysVFVZVmHnTq1UYmiDbNfKRjMZ5p9cjgtGIgyv62Re10l1GUzmDYMENI15wfN86/Xrn/PR6Nn/hdmGOJu9PHTixPdbVFUtcpwRYpgVBc9lkIancHgCMwBQxbJUZVlayOWMtyMRLRuLGa/UytowW37eUNH3v4pCIsUiY1RWciql4v5r1754LczLIB47efJbnhCZWVjQcoGA8ZYgIMgOB6/c8tZd9L38wm/i1Qvmam9eIzE+ToIPHnAVgsDrhiE2XbnS/QrMyyAePX26h2UYeVFR1MLevVqysdGC2Cx3LndYeD53JfDaVy9shA3zTzLY3s40JpNsFkDQ5+bEpr6+lzDv2PFSwtOnoGazl0c7O3vYcFiOAijjiYTeNjBgrBa/EZrxGu5IYMNffLMWzAdu3z4rVFd3AaWkODv73diRI70IsTsAcorKDQfZvh+3V+YJjuPVXE547+jRWvPYn7duTfGRiFKvaSquxE7BxPk6NgXk5TDH02km/fw5F66uZszf52ZmjPi2bVo6HjfwdsL5ADlF4aaBbMNsPgiaD4HRbNbSko1GqflQZ7+txylBoQ5nJ7CpINswrxURPtg5GxynqfsPRW2FIPhfIBMAAAAASUVORK5CYII=) left center no-repeat;
  color: #ff5d5d;
  font-size: 14px;
  background-size: 100% 100%;
}
.tryout-modal .tryout-dialog .body .field .alarm-tip .icon {
  position: absolute;
  top: 10px;
  left: 8px;
}
.tryout-modal .tryout-dialog .body .field.error .alarm-tip {
  display: block;
}
.tryout-modal .tryout-dialog .footer button.submit {
  width: 400px;
  height: 50px;
  background: #3c68f2;
  border-radius: 4px;
  border: 0;
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 24px;
}
.tryout-modal .tryout-dialog .footer .tip {
  width: 412px;
  margin-left: -7px;
  text-align: center;
  font-size: 13px;
  color: #999999;
}
.tryout-modal .tryout-dialog .icon.icon-cross {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.tryout-modal .tryout-dialog .not-robot {
  display: none;
  position: absolute;
  top: 310px;
  left: 300px;
  background-color: white;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
  padding: 12px;
  border-radius: 8px;
}
.tryout-modal .tryout-dialog .not-robot .ver-imgs {
  position: relative;
  overflow: hidden;
}
.tryout-modal .tryout-dialog .not-robot .ver-imgs .ver-img {
  width: 280px;
  height: 175px;
  background: transparent no-repeat;
  background-size: 280px 350px;
  background-position: left top;
}
.tryout-modal .tryout-dialog .not-robot .ver-imgs .ver-img.piece {
  position: absolute;
  left: 0;
  top: 0;
  background-position: left bottom;
}
.tryout-modal .tryout-dialog .not-robot .ver-imgs .tips {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 36px;
  line-height: 36px;
  bottom: -36px;
  left: 0;
  text-align: center;
  color: #fff;
  transition: all 0.4s;
}
.tryout-modal .tryout-dialog .not-robot .ver-imgs .successTip {
  background: #89c010;
}
.tryout-modal .tryout-dialog .not-robot .ver-imgs .errorTip {
  background: #f5a623;
}
.tryout-modal .tryout-dialog .not-robot .ver-imgs .showTip {
  bottom: 0px;
}
.tryout-modal .tryout-dialog .not-robot .slider {
  position: relative;
  height: 10px;
  background-color: #ddd;
  border-radius: 5px;
  margin-top: 15px;
}
.tryout-modal .tryout-dialog .not-robot .slider .slider-handle {
  position: absolute;
  width: 56px;
  height: 36px;
  left: 0;
  top: -11px;
  transform: translate(-8px, 0);
  background: transparent url(static/images/0e6f41c9da7e269a029c4cfdd05e9afb.png) center no-repeat;
  background-size: contain;
  cursor: pointer;
}
.tryout-modal .tryout-dialog .not-robot #tryout-notrobot-close-btn {
  position: absolute;
  top: 2px;
  right: 2px;
  background-color: white;
  border-radius: 100%;
}
.tryout-modal .message-dialog {
  display: block;
  position: relative;
  width: 640px;
  height: 200px;
  margin: 440px auto;
  padding: 24px;
  background: #ffffff;
  box-shadow: 0px 24px 24px 0px rgba(0, 0, 0, 0.3), 0px 0px 24px 0px rgba(0, 0, 0, 0.22);
  border-radius: 5px;
  border: 0px solid;
  border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) 0 0;
}
.tryout-modal .message-dialog .title {
  margin-bottom: 14px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
}
.tryout-modal .message-dialog #btn-msg-ok {
  position: absolute;
  bottom: 16px;
  right: 24px;
  border: 0;
  background-color: #3c68f2;
  border-radius: 4px;
  font-size: 14px;
  color: white;
  padding: 12px 24px;
  line-height: 1;
}
.tryout-modal .message-dialog #btn-msg-ok:focus {
  outline: none;
}
.head-block {
  background-image: url(static/images/74af5c658ef6a49d397236d714da30cc.png);
  height: 564px;
}
.head-block .head-title {
  position: relative;
  text-align: center;
  top: 80px;
  font-size: 60px;
}
.intro-block {
  background-color: #f9f9f9;
}
.intro-block h2.block-title {
  margin-bottom: 60px;
}
.intro-block .subtitle {
  line-height: 2;
  padding: 0 32px;
  margin-bottom: 0;
}
.founder-block {
  background-color: white;
}
.founder-block .intro {
  position: relative;
  white-space: nowrap;
}
.founder-block .intro .info {
  display: inline-block;
  height: 280px;
  padding-top: 64px;
  white-space: normal;
}
.founder-block .intro .info .name {
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  margin-bottom: 16px;
}
.founder-block .intro .info .position {
  margin-bottom: 32px;
}
.founder-block .intro .info .position .title {
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  height: 24px;
  line-height: 24px;
}
.founder-block .intro .info .position .sub-title {
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  height: 24px;
  line-height: 24px;
}
.founder-block .intro .info .desc {
  line-height: 2;
  width: 860px;
}
.founder-block .itemBox {
  width: 100%;
}
.founder-block .itemBox .item {
  width: 520px;
  height: 518px;
  display: block;
  float: left;
  margin: 0 160px 100px 0;
  position: relative;
}
.founder-block .itemBox .item img {
  width: 380px;
  height: 450px;
  display: block;
}
.founder-block .itemBox .item .text {
  width: 200px;
  height: 128px;
  background: #fbfbfb;
  position: absolute;
  left: 320px;
  top: 390px;
  padding-top: 40px;
  box-sizing: border-box;
}
.founder-block .itemBox .item .text .name {
  width: 100%;
  text-align: center;
  height: 20px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
  margin-bottom: 12px;
  display: block;
}
.founder-block .itemBox .item .text .role {
  width: 100%;
  text-align: center;
  display: block;
  height: 16px;
  font-size: 16px;
  font-family: PingFang-SC-Light, PingFang-SC;
  font-weight: 300;
  color: #333333;
  line-height: 16px;
}
.founder-block .itemBox .item .text:hover {
  background: #0072ff;
}
.founder-block .itemBox .item .text:hover .name {
  color: #fff;
}
.founder-block .itemBox .item .text:hover .role {
  color: #fff;
}
.founder-block .itemBox .item:nth-child(2n) {
  margin-right: 0;
}
.purpose-block {
  background-image: url(static/images/9915c82f944efea1205d10430839e6a9.png);
  height: 900px;
}
.purpose-block h2.block-title {
  text-align: left;
  color: white;
}
.purpose-block h2.block-title > span:after {
  background-color: rgba(255, 255, 255, 0.5);
}
.purpose-block .docs {
  position: absolute;
  top: 0;
  right: 0;
  padding: 80px;
  width: 645px;
  background-color: white;
}
.purpose-block .docs > p {
  margin-bottom: 60px;
  line-height: 2;
}
.purpose-block .docs > p:last-child {
  margin-bottom: 0;
}
.culture-block .culture-cards {
  position: relative;
}
.culture-block .culture-cards .card {
  top: 0;
  transition: all 0.2s ease-in;
  text-align: left;
  text-align-last: left;
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 570px;
  height: 416px;
  margin-bottom: 60px;
  background: #FFFFFF;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  margin-right: 50px;
}
.culture-block .culture-cards .card:hover {
  top: -12px;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
}
.culture-block .culture-cards .card > img {
  width: 100%;
  height: 320px;
}
.culture-block .culture-cards .card > .text {
  padding: 24px 32px;
}
.culture-block .culture-cards .card > .text .title {
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  margin-bottom: 12px;
}
.culture-block .culture-cards .card:nth-child(2n) {
  margin-right: 0;
}
.development-block {
  background-image: url(static/images/70e0e03edbe2b3b5b7af4df713b1539c.png);
  color: white;
}
.development-block h2.block-title {
  text-align: left;
  color: white;
}
.development-block h2.block-title > span:after {
  background-color: rgba(255, 255, 255, 0.5);
}
.development-block .gallary {
  padding: 100px 0;
}
.development-block .gallary .shows .year-card {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 320px;
  margin-right: 180px;
  white-space: normal;
}
.development-block .gallary .shows .year-card .year {
  font-size: 48px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  margin-bottom: 80px;
}
.development-block .gallary .shows .year-card .milestone {
  margin-bottom: 60px;
}
.development-block .gallary .shows .year-card .milestone .month {
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  margin-bottom: 11px;
}
.development-block .gallary .shows .year-card .milestone .desc {
  font-weight: 300;
  line-height: 1.75;
}
.env-block .loop-gallary .shows .show-card {
  height: 404px;
}
.env-block .loop-gallary .shows .show-card > .text {
  margin-top: -2px;
  width: 100%;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #666;
  line-height: 82px;
  height: 82px;
  text-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
}
.env-block .loop-gallary .shows .show-card.c-position {
  height: 468px;
}
.env-block .loop-gallary .shows .show-card.c-position > .text {
  text-align: center;
  width: 100%;
  font-size: 20px;
  color: #333;
  line-height: 84px;
  height: 84px;
}
.clear {
  clear: both;
}
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
}
.clearfix {
  zoom: 1;
}