* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: justify;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
body,
html {
  margin: 0;
  border: 0;
  font-family: PingFang SC, Microsoft YaHei, sans-serif;
  background: #fff;
}
html {
  font-size: 100px;
  overflow-x: hidden;
}
body {
  font-size: 16px;
}
h1,
h2,
h3,
p {
  font-weight: 400;
  margin: 0;
}
a {
  text-decoration: none;
}
header {
  width: 100%;
  height: 50px;
  background: rgba(0, 0, 0, 0.7);
  padding: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  white-space: nowrap;
}
header .logo {
  width: 26px;
  height: 28px;
  margin-right: 10px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
header .name {
  color: #fff;
  font-size: 16px;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}
header .menu .menu-close-icon {
  display: none;
}
header .menu .menu-content .menu-item {
  height: 100%;
  line-height: 50px;
  margin-left: 46px;
  font-size: 14px;
  color: #dedfe2;
  cursor: pointer;
}
header .menu .menu-content .menu-item.active,
header .menu .menu-content .menu-item:hover {
  color: #3990eb;
}
header .menu-icon {
  display: none;
}
.sidebar {
  height: 204px;
  position: fixed;
  bottom: 50px;
  right: 5px;
  z-index: 999;
}
.sidebar .back-to-top,
.sidebar .call,
.sidebar .email,
.sidebar .qr-code {
  width: 50px;
  height: 50px;
  border: 1px solid #3990eb;
  margin-bottom: 1px;
  position: relative;
  cursor: pointer;
}
.sidebar .back-to-top .content,
.sidebar .call .content,
.sidebar .email .content,
.sidebar .qr-code .content {
  display: none;
}
.sidebar .back-to-top:before,
.sidebar .call:before,
.sidebar .email:before,
.sidebar .qr-code:before {
  content: '';
  display: block;
  width: 12px;
  height: 100%;
  margin-left: -12px;
}
.sidebar .back-to-top:hover .content,
.sidebar .call:hover .content,
.sidebar .email:hover .content,
.sidebar .qr-code:hover .content {
  display: block;
}
.sidebar .qr-code .content {
  width: 130px;
  height: 130px;
  padding: 5px;
}
.sidebar .call .content,
.sidebar .email .content,
.sidebar .qr-code .content {
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  position: absolute;
  right: 60px;
  bottom: 0;
}
.sidebar .call .content,
.sidebar .email .content {
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  font-size: 18px;
  color: #6a6a6a;
  white-space: nowrap;
}
.sidebar .qr-code {
  background: #3990eb
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTQyQjAyRTdGNjBFMTFFODgxMEQ4MTQ2MzRFMUZGQjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTQyQjAyRThGNjBFMTFFODgxMEQ4MTQ2MzRFMUZGQjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNDJCMDJFNUY2MEUxMUU4ODEwRDgxNDYzNEUxRkZCMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNDJCMDJFNkY2MEUxMUU4ODEwRDgxNDYzNEUxRkZCMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phog2jIAAALnSURBVHja7Jg9aBRREMdvz9x5OVRCJIJGUyQSuws2SsIFQgoRK4tgBAlWYpEyV4ikUElhIYpaCGohmkNIdRAVtFHUSgujpIjJ+YWcivErmouJCa7/J//Fl+e8y553G67wwY/dm52dmX1vdubtOa7rhiphhEMVMqqK1N8AdoN2kACNIMZrs+A5eALugQx449uyWhofJMEw+On+Geo8B0ZITrg+zHuX9LGUQh0Y0oy/AAM0HhP0Y7w2QF1vDNHWPwXSBt7R0DPQDcI+ZzBE3W7e69JWW7GBdIIZGjgD4kUEYBKnDZc2O/0G0gKmeWNvCQGY9NLmNH0UDESt8RhvSJUxCI8UbY+ZOWYq9lMxE0AQHhn66NfljlZZ4yDHutAMXgdUuzaBcdadejBjVtYuUAPSAQYRou00fXVJJX4Xj4PLUNEHDZ+LciQL5kFUWNfV4ARIg62avB6cBxdBgyZPgCvgFKgR7EXpKyslq7owYUmw01qVfKsVtpua/I6m/0qTn7PYnKDP37/DRgPMF0gwb6wDUZ5vFHQiYL0mb7DYzC9qusaMZC3Rt4KPfMKjmnwvmAVzoEeTH2LT+wI6LDZV6f8hLc04WLA0M0UVWCPIq4mUVxGLrRh9PZWW5gFYAZKWqVwAXwX5d2KOb2DeYqudvh5Kr+81Hvcvw+vbw+N1KUfU9L7nujUFWOKb6GMSrLT1mj4mpHotnQCCUDZv0UdfoaYX4bZPjSMBBHKMtkfMRJaUm8Fn3rC5jEEcpk1le4vfHdoo60BtGQJQJf4yg5gC2/3u0GoZxGiJAahEPMiW4G28W2z60ndNK3DAfUO+lvIPYBWoBpOGjir/28BOsAfUqRcTXAApSx2yftcc5xPs0/awl1jGvRbwiDp5NriXPNfHHDtwws8MSjOS1GbgNujgbzUTZ3l+lU2rkRucEJ/2Mb/07rJYTZXypffJeDKVKwcs/aRsSMKTbEg3wI6ACttfOP//lqjUQH4JMAAbt7ABScH0vQAAAABJRU5ErkJggg==)
    no-repeat 50%;
}
.sidebar .qr-code:hover {
  background: #fff
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTQyQjAyRTNGNjBFMTFFODgxMEQ4MTQ2MzRFMUZGQjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTQyQjAyRTRGNjBFMTFFODgxMEQ4MTQ2MzRFMUZGQjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNDJCMDJFMUY2MEUxMUU4ODEwRDgxNDYzNEUxRkZCMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNDJCMDJFMkY2MEUxMUU4ODEwRDgxNDYzNEUxRkZCMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvUUPDcAAAN7SURBVHja7JhbSFRRFIZnzMqZFCy70M3CJoQerAcJrDFCSKR6iCgtInqMqAkipQhqshtGPpRlPQQRMRESSFMKUVGQonSBUKgoKCSpHhLJKZ3Joulf8Qvb7T5zaWZkHjrwsc/sc85a/15nr7X3GXs4HLalw5FhS5MjM56bS2r75qDZAEpBESgAWbwcAu9BN2gDt8CnaDY7vdP/tvZYXg0EuNEcAOvkGXbLg5/BF/6eAWZr11vBadAeTUhmFAFivBFsZlcPuA7ugucwEsI96iMSnWJQAbaB9eQm2K2Ijv3VwMEKNM1gFkN+SAzC+e8I2kMcvXCEAzjFdhXYCDpiFgIRZWhagAOcBwchYCjO+SeCm8AdUAc84AEj9DCqEIhYiuY2ReyBgMYEE0IGsBe8ARdoeyXoskxfiMjiKKaAmiSIUA+xVUPbTUq2GetINSgEfoioT0G5EJt++qg2CkE0nGj2c8J5Uli7PPQhvpymiGwCuZKeiEZvCoX0sgTk0ucYIWvZ+sahovs0n6OyRgrRL1Oe47XloPGyctYjYi/YP5f9MqBj4AMfKeLElGpXC75qJjvoq9gkZIFUTjgZNozgBFNQjjIRwMJ2BZSz3wVW81xqR75SbXdp9oZZpReaXo2IGrQI5XzlfCaYxPN5hnsmMnIjR76FzUE1EKoQCVW2xUNnQP9IdGSN4flx8IMjPMq+nyzvsugN8FnTkcN7R6++CPdbLuvZiiN1noh6J64FtH4HT4MGRyHVmbY4fgfvYK9QnyNPwWLg5pqgL9cSsYDBaNBixN8iZI3sZyaAZ6ZX08J2xzik73a2rSYhfu4XqhDuRSkUIba3MLWbxwhB6IPcTcmsvwgx9hSIEJuX6KOOE9246DVweS5noUr2IcVtDX00WK6+iIrM8EpWQi+i4kqiCNnhHabtKj2bMgzZIWn8kXWgPwkCZHG7Bk4y6yq4SYr8XYMoTEOzBLyCqESETAY7wWtmSQ/3rU9i3bOWcFK1awLzpB/i+nAuFdiBc31XLuV/OUddyU8MiexlboQC8eziS9m2KXvYfWAr9xIuXluGa0NMwzCdOrWFzccS3/0vX3putnlw9EhZUfu4o5fjBhetAs4BG0fbRaePWawGYs5r/UsPzmVeTFW6XoJzMjrWGv3+hGZypC+9q9x73ANnwX3cnPK/DOz//5ZIVyF/BBgA9ocQsmxsVnEAAAAASUVORK5CYII=)
    no-repeat 50%;
}
.sidebar .call {
  background: #3990eb
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA4NzdEMTBGNjBFMTFFODgxMEQ4MTQ2MzRFMUZGQjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRFRTAyQ0FGNjBFMTFFODgxMEQ4MTQ2MzRFMUZGQjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MDg3N0QwRUY2MEUxMUU4ODEwRDgxNDYzNEUxRkZCMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDg3N0QwRkY2MEUxMUU4ODEwRDgxNDYzNEUxRkZCMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgmgl6IAAAKMSURBVHja7JdPSBVRFMZ9Svkny8BcBFFiRGgUtVLiLcKCFkIEaRaF1iIhV4mgBC3eIoQi+kMbty5EsBYSRIG7oCAJMiheFrSQ7CktfKYGaTl+B75rp2HuvBnfGArvwI8Zzplz7zfz7jn3vpjjOHnrwfLz1onlhGxYIUXgBhgHadDs86ys+h9gDPSBU6FeVKrGwi4w6vy1JdJkeT4NFp1/7T2I+8yxgi1QCj5xsHfgELgA/oA5sN+SFwO7QRtFOMy5ulohdzjIC1Ci/D30v+KkfoPngy4KEWtZjZDv4DfY4/JvUm/a6opdAs2gyuU/z+fnPWIZhchamLLE6jnwF7618WsbAjtU7CH9A2GFfGNimSU+wvgx5UuAXjDJ2AewlbFyrq1F3gcWMsjBvCqkECQZr/OIi/iXjCeU/xF958IIOcukYY/YFcbe+CzYaj4zpnzX6LvplWNrOENgEpwAda5YnNfbbGJelmRzq1K+FK+lYTrrArjF+7uu5yZ4bcjQK/uJsc/suCNhO6ushY/8nO3KX8GKEusI0jWz6ayG45zwJ6hRfqmWX4xd/h9ChHucMOkq50bVNTuV/zCrpcvVS7IWIj/Ra074DGxWsdNggbGn4ImrsUnvuM6OnLUQYSf4ysH7QYGKHQXjavIU6GZzMyJlFz8QhRDhIJi2iClm8zvJe+Ov4QZp9pqmKIQItWCGA8vPsCVATgGb2BLzLkYhRDiiyvct2Bsw7wzFzEUlRKjkpubwZNYSIGc7jxbTUQoxp7g+tUiHWbq25++r9RWpEP3JU+pc+5w7rNnut4EHqjHuWysh5uskVFUZm1UlLCIaoqqaTJTwCPkYTLDzzvMsUu2XG8v9Cc8J2ShClgUYAJeDDrRRFMzBAAAAAElFTkSuQmCC)
    no-repeat 50%;
}
.sidebar .call:hover {
  background: #fff
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRFRTAyQ0RGNjBFMTFFODgxMEQ4MTQ2MzRFMUZGQjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRFRTAyQ0VGNjBFMTFFODgxMEQ4MTQ2MzRFMUZGQjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NEVFMDJDQkY2MEUxMUU4ODEwRDgxNDYzNEUxRkZCMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NEVFMDJDQ0Y2MEUxMUU4ODEwRDgxNDYzNEUxRkZCMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl0RtE4AAANHSURBVHja7JdbSNRBFIdXrawwM7QoSqKCikosiNKKCLoQVBSkDxKZSFgRWJQv9ZBKVBR2eYggiMyozC5gdNcKsnsiXcgKxKiHsEgfunghse078Fv4s+zqrrsLPjjwcdwz/5n5zcyZM2OU2+129YUS7eojpV9InxUyoLvK9OLmwZgCyIN42PSsMKnCz7cW9b+hCZ7DVbjB9/9CWhE6HqcO90KyhJTjz/TT5CcMgcmQDdfgLd8v6LUQGsdhHkCqdSa7HmzWpdRP8W7DzBMwg2C8rRzUw3R4yPdbehIS5SuP0LAEsxMewXIGaZN/P2aXjQvz8bu7WdFobesBTXgD358NVsgPzAiYROMvDv9AzCvNNIe6MkddDqYdavF/cvizMBfAJpPirAskRhKhxSlCy9+JydfPQs3aU0rhIjTir4QktSnHHIehsC/YYP0Go+hsuI9YsNiphQmw0FFVDCfhO6xWbAxTXRG0Qga+xGCEPJZd5mPbYjGeATocAotgM39aID+FaYozq2vB3Fa6WBqMkCuyeT7q7GhOhTp44WPF7Bhv1M8sR9UT2RnBCKnU9ixhBdK86jx54ZC/U4P/A+YXTHS4m2TjAhZCR38xB/XziFdQfpVd0UNqOC88pQHslL0M+Pg6YuGN9nwr4k7IPxLzzoIZduA/Go67Jqq7hxGDLsbcU36YzaDv5V+EuatMmou/NKJCNKjNeDt8hDQFo/kzMBXa3gL8h+WfiVmjBHYaf3O4hNgW1cAcuGM5QjFkdTbgJbCMewu6YJWjeauSWImSYe+FaMAxSmJjla6z6bhLdfOUUZMdyfCYEl6uRFqsraNNfUhCNGCKVibBhxi7/lfqyNbgb5ffktop+1NbZffT5ZCEqOO5mCq9Ta5bwqLj1h7axCj977bx7DlBm3MhCVHHsxQrdnxf2/1Bx40BtFuLsdVo4/u4kN+sdGLPAFsZO8p2QuoYJDuApvfBno2dYXs8I+azxNhDx27oMsRU6+j6K3YDx+h0uULeGj9Lbu+N0XpKWgydgWq7damP17s3X4kxFX9D2IU43rj2LNymU+UpfyBWR9hEZCLiZkRWxEuQvcIyldTStUod2o49upVdERfS/y9nv5BIlv8CDAAmgVsTx/tOlwAAAABJRU5ErkJggg==)
    no-repeat 50%;
}
.sidebar .email {
  background: #3990eb
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA4NzdEMDhGNjBFMTFFODgxMEQ4MTQ2MzRFMUZGQjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA4NzdEMDlGNjBFMTFFODgxMEQ4MTQ2MzRFMUZGQjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MDg3N0QwNkY2MEUxMUU4ODEwRDgxNDYzNEUxRkZCMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDg3N0QwN0Y2MEUxMUU4ODEwRDgxNDYzNEUxRkZCMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk4tEcAAAAH5SURBVHja7Je7SwNBEMZzvgoRrVIZ0UIRQWIhSjoRUomIjYWCja1dylQWafIXqH1sRNBKfAYsFAwKkRQ2lnZWNiki4fwGvoThvFz2HoLCDfzI3czu7Hdze7sby7btxF+wnsQfsVhILMSvkGlQBfYvUwOzemDL8fk+gkVen4OviB+8H6zw+gkstCMiRKHtCPQ64mHoZU5t7bibkGvwyOt9YEUgwmIusTdwbyLkDIyAF94XIxBSZK53MM4xjITIdRK80pcPISLPHB9ghj5fQoQUSym2G0DELvt+gnnl9y1EmGRJxbZ9iNhmnzpYcsQCCUmwpFLaJlg3ELHOtg2w6hIPLESYY4kledZDRJZtRMhWhzahhAibqtwZl3iGMbE9jzyhhEyoudKagGkVT9Nnq091zFSI6aaXAjdgFByAHTAMbsEUuaVvh22kbRkkjUYwqIisJzXGSmqlzaknb1Uqp1bSEn1VLpChXo0keKb/1GXvKahXUXDZW04ZkyV9MKgQ6fhA3yUY6PC+D4lbbIB9xS5UDmMh0qHM+zvH07jtql679CBziB2z7Q8hfR3ODCdgGVTAGqh7TLNml2lYZ44rsAE+5RxkMlmb/K1xokZ1HtGTvtGtIhV1QhsC1xGf0IZU1SteFZnm5/bbVuVY7bGt+C9nLCQW8l+FfAswAOrNMm8caFBpAAAAAElFTkSuQmCC)
    no-repeat 50%;
}
.sidebar .email:hover {
  background: #fff
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA4NzdEMENGNjBFMTFFODgxMEQ4MTQ2MzRFMUZGQjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA4NzdEMERGNjBFMTFFODgxMEQ4MTQ2MzRFMUZGQjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MDg3N0QwQUY2MEUxMUU4ODEwRDgxNDYzNEUxRkZCMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDg3N0QwQkY2MEUxMUU4ODEwRDgxNDYzNEUxRkZCMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PscDBKcAAAJlSURBVHja7JdNSFRRGIZnsgJFcmMrDYSSNpEgFdpOUsswyUVJghriQqal4EKEiBgQglYuoo0SFSQSIaGZVuiiYMCFIuiiFkGtcpFRCoqMzwevcohxfo+gcA883HPvOd973vk8f4bj8XjoIJQjoQNSAiOBkVTlqPtS/WDlLI9XULHP4y7CnS/3ixcTGqE8c0yMw6ZnA8fgOpyDIbi4l5FLTv03tON6y4cDsp2nH7pTLqSaI9MQg1YYRCDswYRpDErzG3xOZ7L+g3pYgG4Y8JCQAWn9hCvwK61Vw59jlUctLEMvv6gvh2xYbC+sQB3a3zNavgSY6zqlMorgvSxMWEwU/sA1NJey2kcI/GECSqnNl7YMTLRpXqxDE1pzOW1oCHxVZiy1wwxwMw0T1mdYy/82GjNedlal1ObMXxhhoNokJqxtRK93iX3rdYtHcF4z3zalMQasSmDCvo2pz0NiXno/axikjMcjvebDJN/OO+1Wn1SblS6+nfJqBMFSbXQl8AQ64QR8oK3csLq+daqP9f1I20kvRiQ0AafhBURIuZ0TPVAMn4TVe9QWUd8zMIVGUU5GJPBOh9Qb6GCguObMY+0RJSKqbyH16VCMHaLjaBVkZUSBlolKeA8t/x+AvPfzeGqo7rZZ3xbFXobXaB7PyIgCbNlVwyw0I7yxh0ZEJFppFtMsjavwXKdw8ouRc2cYhRqdwrYrriVZ1lsplv0agzcpM7fAzrFwOhmxLf2GblGNOgBzKtJolGYXNKTKSMy5HBVqxvu8oRU6WY8lM9Lu3FnL9vHOOq+xdks4+JczMBIYOaxGtgUYAEDV2FJeGE+fAAAAAElFTkSuQmCC)
    no-repeat 50%;
}
.sidebar .back-to-top {
  display: none;
  background: #3990eb
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRFRTAyRDFGNjBFMTFFODgxMEQ4MTQ2MzRFMUZGQjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRFRTAyRDJGNjBFMTFFODgxMEQ4MTQ2MzRFMUZGQjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NEVFMDJDRkY2MEUxMUU4ODEwRDgxNDYzNEUxRkZCMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NEVFMDJEMEY2MEUxMUU4ODEwRDgxNDYzNEUxRkZCMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnW56gkAAAIhSURBVHja7JjBSwJBFMY1gqBLSSoZEXQVDBUK7x79Gzx58SSdvelf0LGjYFRXKbpJXQI1MDEMJDEi6ZoVYZ22b+lbWJbZnXFT2EMDP1ZnZ977dufN4836NU3zeaEt+DzSPCNk0cWcPEiBKNgAK+x/Ay/gHjTAKRirGvUrxkgA7IMs2GbfNxiBd9OYCFji/wE4BgfgVepBFyIhA9rab/sENVAAQcHYIO/VOFbj3IzMj0xEDoxp8AwkFIQbJDhHo42cWyH6xAmfrDiFACtF2pg4iXFajjENZP8gwiBLW2O7ZRJNCphiojgDEeY3Y8RMQEVIyRQTvhljxExJJmQVPPA1qgZmlKgGsG57KBOSp+KaouEkeALPYFdxTo0+8uZ+a4pP8VpXSHJxcAK2wCY4AkmFeXWLL2FCa4Evm2RlJgY6fLJrorEvJpkbpI+W09KMwEBiKAJu6Fg3tg7CoGnaFRGJjQF92Qr5oCE7A2HT03ctDvXft7zX5Fg7O236ciVkDVzSUc9mCWIUqLcrEHIrxGlpzumgz93itJP6HHvhdmmcgrXLbZpS2KJ7HNtzG6wVPklBYGCHqGZRfZnigv4CfVSc8kiD17Rg/3eJarsDHUF/2uLLtjAaTpnifVPWKMIULyqeq2AZlOdQI5dpu6pSKnqmDPBMYeSpUtFTxbPsOCFK3yG3x4l5HrAeuTuUDlh+F18DVI+ch9MY9f9/lvCqkB8BBgBeOhNHb3bcDwAAAABJRU5ErkJggg==)
    no-repeat 50%;
}
.sidebar .back-to-top:hover {
  background: #fff
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkFBOEUzN0VGNjBFMTFFODgxMEQ4MTQ2MzRFMUZGQjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkFBOEUzN0ZGNjBFMTFFODgxMEQ4MTQ2MzRFMUZGQjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NEVFMDJEM0Y2MEUxMUU4ODEwRDgxNDYzNEUxRkZCMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NEVFMDJENEY2MEUxMUU4ODEwRDgxNDYzNEUxRkZCMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqlA+CgAAALZSURBVHja7JhPaBNBFIeboggeWsWoWEqlIh4CohWVKoJCPdmCiheN1gpeevBQyK1ixIT0JhTxkIvFUk1VPHioiGBuokWhEQM5iOil1H8BtQdBBOM38DuEZWczm0SI4MDH2+zOvvfrzLyZt41UKpW2VmjtbS3SWkbIirAv7LtSHsX0Qwy6oFOPvsMSlGAe7jy/HP3m6jfiskYIvhYzBsPQq9s/YRGW9dv02QSr9Pst5GASQV8bFoKIQUwa+uAHPIG8CUKAsqdvFBOHATgMq6EAl+j7sG4hOD6Puarhn4MkDguOU2iEp2BI05bg3RuhhUjEdfgNGZxM1LMI8TOOuajEuGAT4ytE03EbVsIoL880khH4M2srC7/gtN80tVsWZlrTkWlUhGnykZHPtGLU3EfGtDDn6p0Oi5gJrbM+xbALQekarXqTHUnHYY8ZHPUk5Xu41oichK0mRV2yAwG7MI/gMdd7HEaloPTv1cZoFdIvm3cQsRMzCz3QDbckrFbLe2L5Colpx8zVELEdcxO2wTNhrqf0LKjlFCMWJMScHYveHdMjwmzjU7ADXsIJOA4vdG9afWzTU9bR0BUkpLPq7PATsQFzH3ZDEY7i+CN85voYvFJWPFBfW1uuOizDlQE4Xoe5C/t1wpqN6UPVX2quz0rgXrjHO+vrrUfMmdBh6TsNh+CNST8CF32G3dw7pz4H9Y5f61AsqxBTT3TrFPW2Hs3tCAEXAtbAgvYJ03ezz8hGlWVLQUJKqifiPjHOwCCB5h32C7Nwj5jp83kcV4xSUIVmgoyonrjmcf465JZetDwaqIplP30ZuneYjXDAtfYIseBNRj2FT/jeUitrZlRZpf5CjZyS7xmX03dS5d2Qippmjca4qrWCYvwjhZEWmumY0PNsIyOjd7PylbAV0a1fPDt8Tszi+Iunr9nSTzX9c6LBD6z3yo7mfGDV+8lJ8GwYv5H//5ZoVSF/BBgAXJRF9TCD4ogAAAAASUVORK5CYII=)
    no-repeat 50%;
}

/* 页脚 */
footer {
  border-top: 8px solid #3990eb;
  background: #0b0834;
}
footer .content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 52px 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}
footer .content .about,
footer .content .contact {
  max-width: 500px;
  margin-right: 40px;
  width: 100%;
}
footer .content .about .title,
footer .content .contact .title {
  font-size: 18px;
  margin-bottom: 30px;
  color: #fff;
}
footer .content .about .text,
footer .content .contact .text {
  font-size: 14px;
  color: #d8d8d8;
}
footer .content .contact {
  margin: 0 0 0 40px;
}
footer .content .contact .qr-code {
  float: left;
  width: 120px;
  height: 120px;
  margin-right: 26px;
  margin-bottom: 50px;
}
footer .content .contact .qr-code:last-child {
  display: none;
}
footer .content .contact .text {
  margin-bottom: 14px;
}
footer .desc {
  display: block;
  padding: 6px 0;
  font-size: 12px;
  color: #aaa;
  text-align: left;
  /*background: #fff;*/
}
footer .beian {
  display: flex;
  margin-top: 2px;
}
footer .beian a {
  padding-right: 10px;
  color: #aaa;
}
footer .beian img {
  display: inline;
  width: 16px;
  height: auto;
  margin-right: 5px;
}

/* 第一屏 */
.banner {
  height: 560px;
  background: url(../img/index_banner_background.jpg) 50% / auto 100%;
  padding: 290px 70px 0 170px;
}
.banner .title {
  font-size: 60px;
  margin-bottom: 20px;
}
.banner .description,
.banner .title {
  color: #fff;
  text-align: left;
  text-shadow: 0 0 5px #666;
}
.banner .description {
  font-size: 30px;
  margin-bottom: 5px;
}
.banner .remark {
  font-size: 22px;
  color: #fff;
  text-align: left;
  text-shadow: 0 0 5px #666;
  font-family: PingFang SC Light, Microsoft YaHei UI Light, sans-serif;
}
.reptile {
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.reptile .info {
  max-width: 400px;
  margin: 0 20px;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}
.reptile .info .title {
  font-size: 30px;
  color: #333;
  margin-bottom: 8px;
}
.reptile .info .remark {
  font-size: 18px;
  color: #aaa;
  margin-bottom: 8px;
}
.reptile .info .line {
  width: 50px;
  height: 3px;
  background: #3990eb;
}
.reptile .info .text {
  font-size: 16px;
  color: #333;
  margin-bottom: 12px;
}
.reptile .info .text mark {
  background: transparent;
  color: #3990eb;
  font-weight: 700;
}
.reptile .info .text br {
  display: none;
}
.reptile .info .learn-more {
  width: 150px;
  height: 35px;
  line-height: 35px;
  border-radius: 35px;
  border: 1px solid #3990eb;
  font-size: 14px;
  font-weight: 700;
  color: #3990eb;
  text-align: center;
  margin: 32px 0 20px;
  display: block;
}
.reptile {
  padding: 80px 52px 130px;
  border-bottom: 1px solid #e8f2ff;
}
.reptile .line {
  margin-bottom: 98px;
}
.reptile .cover:last-child {
  display: none;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
/* APP */
.app-dev{
  min-height: 588px;
  background: url(../img/app_bg.jpg)no-repeat center top;
  background-size: 100% 100%;
  padding-top: 60px;
}
.app-dev .info .title{
  font-size: 30px;
  color: #333;
  margin-bottom: 8px;
  text-align: center;
}
.app-dev .item-box{
  min-height: 356px;
  padding-top: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.app-dev .item-box .item-list{
  width: 248px;
  height: 240px;
  margin-top: 20px;
  overflow: hidden;
  background-color: #Fff;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 10px 10px 20px rgba(0,0,0,0.2);
  /* float: left;
  margin-left: 10px;
  margin-right: 50px; */
}
.app-dev .item-box .item-list:nth-of-type(4){
  margin-right: 0;
}
.app-dev .item-box .item-list-top{
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
.app-dev .item-box .item-list-top img{
  display: inline-block;
  width: 100px;
  height: 100px;
  -moz-transition:all 0.5s ease-in;
  -ms-transition:all 0.5s ease-in;
  -o-transition:all 0.5s ease-in;
  -webkit-transition:all 0.5s ease-in;
  transition:all 0.5s  ease-in;
}

.app-dev .item-box .item-list:hover img{
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);

}
.app-dev .item-box .item-list-bottom{
  line-height: 30px;
  padding-top: 5px;
  text-align: center;
  font-size: 18px;
  color: #383838;
}
.app-dev .item-box h3{
  text-align: center;
  font-weight: bold;
}
.app-dev .btn-mid{
  margin: 0 auto;
  display: block;
  text-align: center;
  padding: 15px 10px;
}

/* 小程序 */
.miniapp-dev{
  min-height: 588px;
  background: url(../img/miniapp_bg.jpg)no-repeat center top;
  background-size: 100% 100%;
  padding-top: 60px;
}
.miniapp-dev .info .title{
  font-size: 30px;
  color: #333;
  margin-bottom: 8px;
  text-align: center;
}
.miniapp-dev .item-box{
  min-height: 356px;
  padding-top: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-content: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.miniapp-dev .item-box .item-list{
  width: 248px;
  height: 240px;
  margin-top: 20px;
  overflow: hidden;
  background-image: url(../img/miniapp_list_bg.png);
  background-repeat: no-repeat;
  background-color: #Fff;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 10px 10px 20px rgba(0,0,0,0.2);
  /* float: left;
  margin-left: 10px;
  margin-right: 50px; */
}
.miniapp-dev .item-box .item-list:nth-of-type(4){
  margin-right: 0;
}
.miniapp-dev .item-box .item-list01{
  background-position: 0px 0px;
}
.miniapp-dev .item-box .item-list02{
  background-position: -248px 0px;
}
.miniapp-dev .item-box .item-list03{
  background-position: -496px 0px;
}
.miniapp-dev .item-box .item-list04{
  background-position: -744px 0px;
}
.miniapp-dev .item-box .item-list-top{
  line-height: 140px;
  text-align: center;
}
.miniapp-dev .item-box .item-list-top img{
  display: inline-block;
  -moz-transition:all 0.5s ease-in;
  -ms-transition:all 0.5s ease-in;
  -o-transition:all 0.5s ease-in;
  -webkit-transition:all 0.5s ease-in;
  transition:all 0.5s  ease-in;
}

.miniapp-dev .item-box .item-list:hover img{
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);

}
.miniapp-dev .item-box .item-list-bottom{
  line-height: 30px;
  padding-top: 22px;
  text-align: center;
  font-size: 18px;
  color: #383838;
}
.miniapp-dev .btn-mid{
  margin: 0 auto;
  display: block;
  text-align: center;
  padding: 15px 10px;
}


@media screen and (max-width: 1300px) {
  .banner {
    height: 400px;
    padding: 160px 70px 0 100px;
  }
  .banner .title {
    font-size: 44px;
  }
  .banner .description {
    font-size: 22px;
  }
  .banner .remark {
    font-size: 16px;
  }
  .reptile .cover {
    width: 45%;
  }
  .app-dev .info, .miniapp-dev .info{
    padding: 0 52px;
  }
}

@media screen and (max-width: 768px) {
  header {
    padding: 0 0 0 13px;
  }
  header .menu {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding-left: 30%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: none;
  }
  header .menu .menu-close-icon {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUJFNEU2QUJGNkMwMTFFODgwMDVCNzkxRDNDOUJFRkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUJFNEU2QUNGNkMwMTFFODgwMDVCNzkxRDNDOUJFRkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQkU0RTZBOUY2QzAxMUU4ODAwNUI3OTFEM0M5QkVGQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQkU0RTZBQUY2QzAxMUU4ODAwNUI3OTFEM0M5QkVGQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuK/A7sAAADWSURBVHjapNVtDsIgDAZgWj3IOKzOQ4j32r/dBKnSZE4KpSXpj/HxvNtC0pBzDqWWUvdSUJ+tRedv1QsM7/k7no4AOpeqQ95Ck4/8OywBR5jHSgtY6uUIaMH0jLzBGiDC/M+tAV34jM8EDOEWzgGpE6CCJbwXgFq4h0sBmxYe4VKACtbgVJfGG291PnhwGLw5WHFQ/nOYxaXrdhXmQYuP7jFqA7QwKG7R377pAzP7rbDqnAceBtDi6oB7AZ9OFA89NDl6KJ56aOSFWL/A2/2xOuSFtwADAE5g0Xmlmd+vAAAAAElFTkSuQmCC)
      no-repeat 50%/12px 12px;
    cursor: pointer;
  }
  header .menu .menu-content {
    width: 100%;
    height: 100%;
    background: #222;
    padding-top: 50px;
  }
  header .menu .menu-content .menu-item {
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 15px;
    padding: 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #424242;
    display: block;
    margin: 0;
  }
  header .menu-icon {
    width: 50px;
    height: 100%;
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAaCAYAAABLlle3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REUxRUExQTlGNkJCMTFFODgwMDVCNzkxRDNDOUJFRkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REUxRUExQUFGNkJCMTFFODgwMDVCNzkxRDNDOUJFRkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERTFFQTFBN0Y2QkIxMUU4ODAwNUI3OTFEM0M5QkVGQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERTFFQTFBOEY2QkIxMUU4ODAwNUI3OTFEM0M5QkVGQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po/FvL0AAAA5SURBVHjaYvwPBAx0BkwMAwAGxFIWIGYcDd5RS0ctHbUUW+EwWvaOlr2jlo5aOloMjgYvbQBAgAEAhgMGOK3Nr0UAAAAASUVORK5CYII=)
      no-repeat 50%/15px 13px;
    cursor: pointer;
  }
  .sidebar {
    height: 124px;
    bottom: 30px;
  }
  .sidebar .back-to-top,
  .sidebar .call,
  .sidebar .email,
  .sidebar .qr-code {
    width: 30px;
    height: 30px;
    background-size: 80% 80%;
  }
  .sidebar .back-to-top:hover,
  .sidebar .call:hover,
  .sidebar .email:hover,
  .sidebar .qr-code:hover {
    background-size: 80% 80%;
  }
  .sidebar .qr-code .content {
    right: 40px;
  }
  .sidebar .call .content,
  .sidebar .email .content {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    right: 40px;
  }
  footer .content {
    padding: 38px 20px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  footer .content .about,
  footer .content .contact {
    max-width: 500px;
    margin: 0 0 30px;
  }
  footer .content .about .title,
  footer .content .contact .title {
    font-size: 15px;
    margin-bottom: 20px;
    text-align: center;
  }
  footer .content .about .text,
  footer .content .contact .text {
    font-size: 12px;
    text-align: center;
    line-height: 1.8;
  }
  footer .content .contact .qr-code {
    display: none;
  }
  footer .content .contact .qr-code:last-child {
    display: block;
    float: none;
    margin: 25px auto 0;
  }
  footer .content .contact .text {
    margin-bottom: 10px;
  }

  .banner {
    height: 275px;
    background: url(../img/index_banner_background_mobile.png) 50% / cover;
    padding: 80px 50px 0 15px;
  }
  .banner .title {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .banner .description {
    font-size: 14px;
    margin-bottom: 4px;
  }
  .banner .remark {
    font-size: 11px;
  }
  .reptile {
    padding: 45px 20px 55px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .reptile .info {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }
  .miniapp-dev {
    height: 100%;
  }
  .miniapp-dev .item-box {
    height: 100%;
  }
  .miniapp-dev .info .title,
  .reptile .info .title {
    font-size: 20px;
    margin-bottom: 7px;
    text-align: center;
  }
  .reptile .info .remark {
    font-size: 12px;
    margin-bottom: 4px;
    text-align: center;
  }
  .reptile .info .line {
    margin: 0 auto 40px;
  }
  .reptile .info .text {
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
  }
  .reptile .info .text br {
    display: inline;
  }
  .reptile .info .learn-more {
    margin: 32px auto 20px;
  }
  .reptile .cover {
    width: 250px;
    max-width: 100%;
    display: none;
  }
  .reptile .cover:last-child {
    display: block;
  }
}

@media screen and (max-width: 640px) {
  .miniapp-dev .item-box, .app-dev .item-box{
    flex-direction: column;
    column-count: 2;
    align-items: center;
  }
}

@media screen and (max-width: 480px) {
  .miniapp-dev .item-box, .app-dev .item-box{
    flex-direction: column;
    column-count: 1;
    align-items: center;
  }
}