html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead ,input{
margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;font-family: 'Microsoft Yahei';}
body {line-height: 1;font-family: 'Microsoft Yahei';background-color:#fff;}
ol, ul ,li{list-style: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
input{background: none;border: none;}
img{max-width: 100%;}
.lt,.fl{float: left;}
.rt,.fr{float: right;}
.clearfix:after{content:".";display:block;height:0;font-size:0em;line-height:0;visibility:hidden;clear:both;}
.clearfix{zoom:1;}
.clear{clear:both}
a:link,a:visited,a:active{text-decoration: none;}
a:active {outline: none;star:expression(this.onFocus=this.blur());}
a:hover{  text-decoration:none;}
.none{display:none;}
.css3guodu { -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.iyf{text-align:justify;}
.comwidth{width: 1200px;margin: 0 auto;}
.yh a{font-size:18px;}
.app-about-description {
  background-color: #f6f9fe;
  font-size: 16.5px;
  padding-bottom: 2.5em;
  letter-spacing: 1.5px;
}
.app-about-description2 {
    background-color: #f9fdff;
}
.app-about-description .content p {
  line-height: 1.9
}

@media screen and (max-width:600px) {
  .app-about-description .content p {
    line-height: 1.6
  }
}

.app-about-description .images {
  align-items: stretch;
  display: flex;
  margin: 0 -1.25em;
  padding: 1.25em 0
}

@media screen and (max-width:1000px) {
  .app-about-description .images {
    margin: 0 -.25em
  }
}

@media screen and (max-width:600px) {
  .app-about-description .images {
    margin: .8em -2px 0;
    padding: .8em 0
  }
}

.app-about-description .images .item {
  padding: 1.25em;
  width: 50%
}

@media screen and (max-width:1000px) {
  .app-about-description .images .item {
    padding-left: .25em;
    padding-right: .25em
  }
}

@media screen and (max-width:600px) {
  .app-about-description .images .item {
    font-size: 0;
    padding: 1px 2px;
    width: 100%
  }
}

.app-about-description .images .item img {
  width: 100%
}

.app-about-description .app-shutter {
  margin-bottom: 2.5em;
  margin-top: 2.5em
}

@media screen and (max-width:600px) {
  .app-about-description .app-shutter {
    margin-bottom: 1.6em;
    margin-top: 1.6em
  }
}

.app-about-description .app-page-title {
  padding: 1.5em 0
}

.app-about-leadership {
  background: url(../images/bg-1.d7a05871.png) no-repeat bottom/auto 88%
}

.app-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px
}

@media screen and (max-width:1522px) {
  .app-container {
    width: 92%
  }
}

.app-breadcrumb-wrap.fixed {
  background-color: #fff;
  box-shadow: 0 3px 84px 14px rgba(8, 4, 4, .11);
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateY(-100%);
  visibility: hidden;
  z-index: 2000
}

@media screen and (max-width:680px) {
  .app-breadcrumb-wrap.fixed {
    transition: opacity .3s ease, transform .3s ease, visibility .3s ease
  }

  .app-breadcrumb-wrap.fixed .app-breadcrumb-main .breadcrumb {
    display: none
  }
}

.app-breadcrumb-wrap.fixed.show {
  opacity: 1;
  transform: translateY(0);
  transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
  visibility: visible;
  z-index: 2001
}

@media screen and (max-width:680px) {
  .app-breadcrumb-wrap.fixed.show {
    transform: translateY(50px)
  }
}

.app-breadcrumb-wrap.fixed .app-breadcrumb-main,
.app-breadcrumb-wrap.fixed .app-breadcrumb-submenu {
  border-bottom: 0
}

.app-breadcrumb-main {
  border-bottom: 1px solid #f4f4f4;
  height: 80px
}

@media screen and (max-width:1200px) {
  .app-breadcrumb-main {
    height: 60px
  }
}

.app-breadcrumb-main .app-container {
  align-items: center;
  display: flex;
  font-size: 14px;
  height: 100%;
  justify-content: space-between
}

@media screen and (max-width:1200px) {
  .app-breadcrumb-main .app-container {
    font-size: 12px
  }
}

.app-breadcrumb-main .app-container .breadcrumb .inner {
  align-items: center;
  display: inline-flex;
  line-height: 1
}

.app-breadcrumb-main .app-container .breadcrumb a {
  color: #325fa6
}

.app-breadcrumb-main .app-container .breadcrumb a svg {
  fill: currentColor;
  height: 1.2em;
  width: 1.2em
}

.app-breadcrumb-main .app-container .breadcrumb .location {
  align-items: center;
  display: flex;
  list-style: none;
  margin-left: 1em
}

.app-breadcrumb-main .app-container .breadcrumb .location li {
  align-items: center;
  color: #666;
  display: inline-flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.app-breadcrumb-main .app-container .breadcrumb .location li a {
  color: currentColor
}

.app-breadcrumb-main .app-container .breadcrumb .location li a.active,
.app-breadcrumb-main .app-container .breadcrumb .location li a:hover {
  color: #325fa6
}

.app-breadcrumb-main .app-container .breadcrumb .location li+li:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAWCAYAAADwza0nAAABKklEQVQ4jZXUPyiFURjH8c+9ShYDZTHYDMoimZTBYLKKjSgxsVAW/xbFwsRVxEY2mQ3KJBkMBpvBohgsUv506n31ensv5/6203m+5/md5zzPKVUqFQXqwioGMITTfEg5t27HEa4xiHpso7Ea2IY93GEYpUxMK5aLwCncYxx1Rb4xg848uJFY+kvhwJ2skwA+/wOl6sVoFlyJBIPW0ZSCB7iJBFuwloKfmK0h6yR60ue4wEkkGAq0mG2AebxFwv35zolWFgwVa4gEz1OwL2nmGH2FASgnWTdrcLmLqwCNJWMUoycsSLIt1ZAtVP4lBZsjoUscposAzuH9H+gD00lhfsAwLmHy95OAIm3hNruRPscDJtCB4+zJeKz2A2QVfoIRdOMsuUKw+PorCt/38TH3Eic+dwAAAABJRU5ErkJggg==) no-repeat 50%/auto 100%;
  content: "";
  display: block;
  height: .7em;
  margin: 0 .5em;
  width: .7em
}

.app-breadcrumb-main .app-container .menu {
  height: 100%;
  position: relative
}

.app-breadcrumb-main .app-container .menu ul {
  align-items: center;
  display: flex;
  height: 100%;
  list-style: none
}

.app-breadcrumb-main .app-container .menu ul li {
  align-items: center;
  display: inline-flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap
}

.app-breadcrumb-main .app-container .menu ul li a {
  align-items: center;
  color: #666;
  display: inline-flex;
  line-height: 1
}

.app-breadcrumb-main .app-container .menu ul li a:hover {
  color: #325fa6
}

.app-breadcrumb-main .app-container .menu ul li:after {
  background-image: linear-gradient(90deg, #ffb232 0, #eb6513 3.75%, #e51014 7.5%, #2c80df 15%, #08a941 25%, #2c80df 28.75%, #e51014 32.5%, #eb6513 40%, #ffb232 50%, #eb6513 53.75%, #e51014 57.5%, #2c80df 65%, #08a941 75%, #2c80df 78.75%, #e51014 82.5%, #eb6513 90%, #ffb232);
  background-size: 400% auto;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  transition: opacity .3s ease
}

.app-breadcrumb-main .app-container .menu ul li.active:after,
.app-breadcrumb-main .app-container .menu ul li:hover:after {
  opacity: 1
}

.app-breadcrumb-main .app-container .menu ul li.active a {
  color: #325fa6;
  font-weight: 500
}

.app-breadcrumb-main .app-container .menu ul li+li {
  margin-left: 3em
}

.app-breadcrumb-main .app-container .menu ul li[data-children] a:after {
  background: url(../images/arrow-right.4eaf174a.png) no-repeat 50%/60% auto;
  content: "";
  display: inline-block;
  height: 1em;
  margin-left: .5em;
  transition: background-image .3s ease;
  width: .6em
}

.app-breadcrumb-main .app-container .menu ul li[data-children].active a:after,
.app-breadcrumb-main .app-container .menu ul li[data-children]:hover a:after {
  background-image: url(../images/arrow-right-primary.dfc9511a.png)
}

.app-breadcrumb-main .app-container .menu ul li[data-children].active a:after {
  transform: rotate(90deg)
}

.app-breadcrumb-submenu {
  background-color: #f6f9fe;
  border-bottom: 1px solid #f4f4f4;
  overflow: hidden
}

@media screen and (max-width:1000px) {
  .app-breadcrumb-submenu {
    border-bottom: none
  }
}

.app-breadcrumb-submenu .app-container {
  align-items: center;
  display: flex;
  font-size: 14px;
  justify-content: center;
  position: relative
}

@media screen and (max-width:1200px) {
  .app-breadcrumb-submenu .app-container {
    font-size: 12px
  }
}

.app-breadcrumb-submenu .app-container ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -1.25em;
  padding: 1em 0 2em
}

@media screen and (max-width:1000px) {
  .app-breadcrumb-submenu .app-container ul {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: .5em 0 1.5em
  }
}

.app-breadcrumb-submenu .app-container ul li {
  margin: 1em 1.25em 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media screen and (max-width:1000px) {
  .app-breadcrumb-submenu .app-container ul li {
    flex: 0 0 auto
  }
}

.app-breadcrumb-submenu .app-container ul li a {
  color: #666
}

.app-breadcrumb-submenu .app-container ul li a.active,
.app-breadcrumb-submenu .app-container ul li a:hover {
  color: #325fa6
}

.app-breadcrumb.mobile .app-breadcrumb-main {
  height: auto
}

.app-breadcrumb.mobile .app-breadcrumb-main .app-container {
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%
}

.app-breadcrumb.mobile .app-breadcrumb-main .app-container .breadcrumb {
  border-bottom: 1px solid #f4f4f4;
  padding: 1em 4%;
  width: 100%
}

.app-breadcrumb.mobile .app-breadcrumb-main .app-container .menu {
  -webkit-overflow-scrolling: touch;
  height: 44px;
  -webkit-mask: linear-gradient(270deg, transparent 5%, #fff 20%);
  mask: linear-gradient(270deg, transparent 5%, #fff 20%);
  overflow-x: auto;
  padding: 0 4%;
  white-space: nowrap;
  width: 100%
}

.app-breadcrumb.mobile .app-breadcrumb-main .app-container .menu::-webkit-scrollbar,
.app-breadcrumb.mobile .app-breadcrumb-main .app-container .menu::-webkit-scrollbar-thumb {
  height: 0
}

.app-breadcrumb.mobile .app-breadcrumb-main .app-container .menu ul {
  display: inline-flex;
  margin-right: 4%;
  padding-right: 10%
}

.app-breadcrumb.mobile .app-breadcrumb-submenu .app-container,
.app-breadcrumb.mobile .app-breadcrumb-submenu .app-container ul {
  justify-content: flex-start
}

.app-tabs-default>[data-moup-carousel] {
  display: flex !important;
  flex-direction: column
}

.app-tabs-default>[data-moup-carousel]>.carousel-dots {
  align-items: center;
  display: flex;
  font-size: 24px;
  justify-content: center;
  order: 0;
  width: 100%
}

@media screen and (max-width:1440px) {
  .app-tabs-default>[data-moup-carousel]>.carousel-dots {
    font-size: 20px
  }
}

@media screen and (max-width:1200px) {
  .app-tabs-default>[data-moup-carousel]>.carousel-dots {
    font-size: 16px
  }
}

.app-tabs-default>[data-moup-carousel]>.carousel-dots>li {
  list-style: none;
  margin: 0 1em
}

.app-tabs-default>[data-moup-carousel]>.carousel-dots>li>button {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: #333;
  cursor: pointer;
  display: flex;
  font-size: 1em;
  font-weight: 500;
  justify-content: center;
  padding: .5em 0;
  position: relative;
  text-align: center
}

.app-tabs-default>[data-moup-carousel]>.carousel-dots>li>button:after {
  background-image: linear-gradient(90deg, #ffb232 0, #eb6513 3.75%, #e51014 7.5%, #2c80df 15%, #08a941 25%, #2c80df 28.75%, #e51014 32.5%, #eb6513 40%, #ffb232 50%, #eb6513 53.75%, #e51014 57.5%, #2c80df 65%, #08a941 75%, #2c80df 78.75%, #e51014 82.5%, #eb6513 90%, #ffb232);
  background-size: 400% auto;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  transition: opacity .3s ease
}

.app-tabs-default>[data-moup-carousel]>.carousel-dots>li>button:focus {
  outline: none
}

.app-tabs-default>[data-moup-carousel]>.carousel-dots>li.carousel-active>button {
  color: #325fa6;
  font-weight: 500
}

.app-tabs-default>[data-moup-carousel]>.carousel-dots>li.carousel-active>button:after {
  opacity: 1
}

.app-tabs-default>[data-moup-carousel]>.carousel-list {
  order: 1
}

[data-more-arrow] {
  position: relative
}

.app-more-arrow {
  align-items: center;
  bottom: 0;
  color: #999;
  display: flex;
  font-size: 18px;
  justify-content: center;
  left: 0;
  padding: 5em 0 1em;
  position: absolute;
  right: 0;
  z-index: 10
}

@media screen and (max-width:1200px) {
  .app-more-arrow {
    font-size: 16px
  }
}

.app-more-arrow .arrow {
  cursor: pointer;
  padding: 1em
}

.app-more-arrow svg {
  fill: currentColor;
  height: 1em;
  width: 1em
}

.app-more-arrow.white {
  background: linear-gradient(0deg, #fff 20%, hsla(0, 0%, 100%, 0))
}

.app-more-arrow.blue {
  background: linear-gradient(0deg, #f5f9ff 20%, rgba(245, 249, 255, 0))
}

.app-more-arrow.focus {
  padding: 1em 0;
  position: static
}

.app-more-arrow.focus .arrow {
  transform: rotate(180deg)
}

.app-more-arrow-inner.mask {
  -webkit-mask: linear-gradient(0deg, transparent 10%, #fff 20%);
  mask: linear-gradient(0deg, transparent 10%, #fff 20%)
}

.app-oldLogo {
  align-items: center;
  display: flex
}

@media screen and (max-width:1200px) {
  .app-oldLogo {
    flex-direction: column
  }
}

.app-oldLogo a {
  color: #666
}

.app-oldLogo a:hover {
  color: #325fa6
}

.app-shutter {
  align-items: stretch;
  display: flex
}

@media screen and (max-width:550px) {
  .app-shutter {
    flex-direction: column
  }
}

.app-shutter-item {
  color: #fff;
  cursor: pointer;
  flex: 0 0 auto;
  font-size: 20px;
  height: 450px;
  overflow: hidden;
  position: relative;
  transition: width .3s ease, height .3s ease;
  width: 10%
}

@media screen and (max-width:1440px) {
  .app-shutter-item {
    font-size: 18px
  }
}

@media screen and (max-width:1200px) {
  .app-shutter-item {
    font-size: 16px
  }
}

@media screen and (max-width:1100px) {
  .app-shutter-item {
    width: 5%
  }
}

@media screen and (max-width:800px) {
  .app-shutter-item {
    font-size: 14px
  }
}

@media screen and (max-width:550px) {
  .app-shutter-item {
    height: 80px;
    width: 100%
  }
}

.app-shutter-item .bg {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  transition: transform .6s ease;
  width: 100%
}

.app-shutter-item:not(.active):hover .bg {
  transform: scale(1.15)
}

.app-shutter-item[data-focus=center] .bg {
  background-position: 50%
}

.app-shutter-item[data-focus=left] .bg {
  background-position: 0
}

.app-shutter-item[data-focus=right] .bg {
  background-position: 100%
}

.app-shutter-item .intro {
  left: 0;
  line-height: 1.6;
  opacity: 0;
  padding: 1em 2em;
  position: absolute;
  right: 0;
  top: 3.5em;
  transition: opacity .3s ease;
  transition-delay: 0;
  z-index: 2
}

.app-shutter-item .intro p {
  font-size: .7em;
  min-height: 1em;
  text-align: justify
}

.app-shutter-item .title {
  align-items: center;
  display: flex;
  font-weight: 500;
  left: 0;
  overflow: hidden;
  padding: 1em;
  position: absolute;
  right: 0;
  text-overflow: ellipsis;
  top: 100%;
  transform: translateY(-100%);
  transition: top .3s ease, padding .3s ease, transform .3s ease;
  white-space: nowrap;
  z-index: 2
}

@media screen and (max-width:1100px) {
  .app-shutter-item .title {
    overflow: visible;
    transform: translateY(-200%) rotate(90deg)
  }
}

@media screen and (max-width:550px) {
  .app-shutter-item .title {
    bottom: 0;
    left: 0;
    right: auto;
    top: 0;
    transform: none
  }
}

.app-shutter-item:after,
.app-shutter-item:before {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0
}

.app-shutter-item:after {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .6) 20%, transparent);
  height: 30%
}

@media screen and (max-width:550px) {
  .app-shutter-item:after {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .6) 20%, transparent);
    height: 100%;
    right: auto;
    top: 0;
    width: 40%
  }
}

.app-shutter-item:before {
  background: rgba(50, 95, 166, .8);
  opacity: 0;
  top: 0;
  transition: opacity .3s ease;
  z-index: 1
}

.app-shutter-item.active {
  cursor: default;
  width: 40%
}

@media screen and (max-width:1100px) {
  .app-shutter-item.active {
    width: 70%
  }
}

@media screen and (max-width:550px) {
  .app-shutter-item.active {
    height: 70vw;
    width: 100%
  }
}

.app-shutter-item.active:before {
  opacity: 1
}

.app-shutter-item.active:after {
  background-image: linear-gradient(90deg, #ffb232 0, #eb6513 3.75%, #e51014 7.5%, #2c80df 15%, #08a941 25%, #2c80df 28.75%, #e51014 32.5%, #eb6513 40%, #ffb232 50%, #eb6513 53.75%, #e51014 57.5%, #2c80df 65%, #08a941 75%, #2c80df 78.75%, #e51014 82.5%, #eb6513 90%, #ffb232);
  background-size: 400% auto;
  height: 6px;
  z-index: 2
}

@media screen and (max-width:1200px) {
  .app-shutter-item.active:after {
    height: 4px
  }
}

@media screen and (max-width:550px) {
  .app-shutter-item.active:after {
    bottom: 0;
    height: 2px;
    left: 0;
    right: 0;
    top: auto;
    width: auto
  }
}

.app-shutter-item.active .title {
  padding: 1em 2em;
  top: 1em;
  transform: translateY(0)
}

@media screen and (max-width:550px) {
  .app-shutter-item.active .title {
    transform: translateY(-40%)
  }
}

.app-shutter-item.active .intro {
  opacity: 1;
  transition-delay: .3s
}

.app-pup-window {
  background: #fff;
  bottom: 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, .15);
  height: auto;
  padding: 25px 16px 40px;
  position: fixed;
  right: 10px;
  width: 330px;
  z-index: 102
}

@media screen and (max-width:650px) {
  .app-pup-window {
    height: 180px;
    padding: 10px 5px;
    width: 165px
  }
}

.app-pup-window-close {
  background: rgba(29, 107, 180, .8) url(../images/close-white.84227c6b.png) no-repeat;
  background-position: 50%;
  background-size: 40% 40%;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 30px
}

@media screen and (max-width:650px) {
  .app-pup-window-close {
    height: 20px;
    width: 20px
  }
}

.app-pup-window-swiper {
  position: relative
}

.app-pup-window-swiper .item-window {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative
}

.app-pup-window-swiper .item-window .inner {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0
}

.app-pup-window-swiper .item-window .inner img,
.app-pup-window-swiper .item-window .inner video {
  height: 100%;
  object-fit: cover;
  width: 100%
}

.app-pup-window-swiper .item-text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  border-bottom: 1px dashed #ddd;
  display: -webkit-box;
  font-size: 13px;
  overflow: hidden;
  padding: .75em 0;
  text-overflow: ellipsis
}

@media screen and (max-width:650px) {
  .app-pup-window-swiper .item-text {
    font-size: 10px
  }
}

.app-pup-window-swiper .carousel-arrow {
  background: rgba(29, 107, 180, .8) url(../images/arrow-right-white.c7e58ce9.png) no-repeat;
  background-position: 50%;
  background-size: 40% 40%;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  font-size: 0;
  height: 25px;
  position: absolute;
  right: 0;
  top: 102%;
  width: 25px
}

@media screen and (max-width:650px) {
  .app-pup-window-swiper .carousel-arrow {
    height: 15px;
    width: 15px
  }
}

.app-pup-window-swiper .carousel-arrow.carousel-prev {
  right: 30px;
  transform: rotateY(180deg)
}

@media screen and (max-width:650px) {
  .app-pup-window-swiper .carousel-arrow.carousel-prev {
    right: 20px
  }
}

.app-pagination {
  font-size: 18px;
  padding: 4em 0
}

@media screen and (max-width:1440px) {
  .app-pagination {
    font-size: 16px
  }
}

@media screen and (max-width:1200px) {
  .app-pagination {
    font-size: 14px
  }
}

@media screen and (max-width:1000px) {
  .app-pagination {
    font-size: 12px
  }
}

.app-pagination ul {
  align-items: stretch;
  display: flex;
  list-style: none
}

.app-pagination ul li a,
.app-pagination ul li span {
  align-items: center;
  border-radius: 10px;
  color: #333;
  display: flex;
  justify-content: center;
  padding: .5em .8em
}

@media screen and (max-width:1440px) {

  .app-pagination ul li a,
  .app-pagination ul li span {
    border-radius: 8px
  }
}

@media screen and (max-width:1200px) {

  .app-pagination ul li a,
  .app-pagination ul li span {
    border-radius: 6px
  }
}

@media screen and (max-width:1000px) {

  .app-pagination ul li a,
  .app-pagination ul li span {
    border-radius: 4px
  }
}

.app-pagination ul li a:hover {
  color: #325fa6
}

.app-pagination ul li.current a,
.app-pagination ul li.current span {
  background-color: #325fa6;
  color: #fff
}

.app-pagination ul li svg {
  fill: currentColor;
  height: 1em;
  width: 1em
}

.app-pagination ul li+li {
  margin-left: .5em
}

.app-pagination.small {
  padding: 0
}

.app-header {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2000
}

.app-header-top {
  background-color: rgba(31, 35, 44, .9);
  color: #fff;
  font-size: 14px;
  height: 37px
}

@media screen and (max-width:680px) {
  .app-header-top {
    font-size: 12px
  }
}

@media screen and (max-width:450px) {
  .app-header-top {
    display: none
  }
}

.app-header-top .app-container {
  justify-content: space-between
}

.app-header-top .app-container,
.app-header-top .app-container>div {
  align-items: center;
  display: flex;
  height: 100%
}

.app-header-top .app-container>div.extra div.item {
  cursor: default
}

.app-header-top .app-container>div.extra a.item {
  cursor: pointer
}

.app-header-top .app-container>div.extra .item {
  align-items: center;
  color: currentColor;
  display: inline-flex
}

.app-header-top .app-container>div.extra .item svg {
  fill: currentColor;
  height: 1em;
  margin-right: .25em;
  width: 1em
}

.app-header-top .app-container>div.extra .item span {
  line-height: 1
}

.app-header-top .app-container>div.extra .item+.item {
  margin-left: 2em
}

.app-header-nav {
  position: relative;
  transition: background-color .3s ease, box-shadow .3s ease;
  z-index: 2
}

.app-header-nav .app-container {
  align-items: center;
  color: #fff;
  display: flex;
  height: 100px;
  justify-content: space-between
}

@media screen and (max-width:1440px) {
  .app-header-nav .app-container {
    height: 80px
  }
}

@media screen and (max-width:1200px) {
  .app-header-nav .app-container {
    height: 60px
  }
}

@media screen and (max-width:680px) {
  .app-header-nav .app-container {
    height: 50px
  }
}

.app-header-nav .app-container .logo {
  background: url(../images/logo.e71d5eb9.png) no-repeat 50%/100% 100%;
  display: block;
  height: 52px;
  transition: background-image .3s ease;
  width: 223px
}

@media screen and (max-width:1440px) {
  .app-header-nav .app-container .logo {
    height: 47px;
    width: 200px
  }
}

@media screen and (max-width:1260px) {
  .app-header-nav .app-container .logo {
    height: 37px;
    width: 160px
  }
}

@media screen and (max-width:680px) {
  .app-header-nav .app-container .logo {
    height: 28px;
    width: 120px
  }
}

.app-header-nav .app-container .nav {
  align-items: center;
  display: flex;
  font-size: 16px;
  height: 100%
}

@media screen and (max-width:1440px) {
  .app-header-nav .app-container .nav {
    font-size: 14px
  }
}

@media screen and (max-width:680px) {
  .app-header-nav .app-container .nav {
    font-size: 12px
  }
}

.app-header-nav .app-container .nav .search-form {
  display: none
}

.app-header-nav .app-container .nav nav {
  height: 100%;
  position: relative
}

@media screen and (max-width:1200px) {
  .app-header-nav .app-container .nav nav {
    display: none
  }
}

.app-header-nav .app-container .nav nav ul {
  align-items: center;
  display: flex;
  height: 100%;
  list-style: none
}

.app-header-nav .app-container .nav nav li {
  height: 100%;
  padding: 0 .5em
}

.app-header-nav .app-container .nav nav li+li {
  margin-left: 1em
}

.app-header-nav .app-container .nav nav li a {
  align-items: center;
  color: currentColor;
  display: block;
  display: flex;
  height: 100%;
  justify-content: center;
  line-height: 1;
  position: relative
}

.app-header-nav .app-container .nav nav li a:after {
  background-image: linear-gradient(90deg, #ffb232 0, #eb6513 3.75%, #e51014 7.5%, #2c80df 15%, #08a941 25%, #2c80df 28.75%, #e51014 32.5%, #eb6513 40%, #ffb232 50%, #eb6513 53.75%, #e51014 57.5%, #2c80df 65%, #08a941 75%, #2c80df 78.75%, #e51014 82.5%, #eb6513 90%, #ffb232);
  background-size: 400% auto;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  opacity: 0;
  position: absolute;
  transform: translateX(-50%);
  transition: opacity .3s ease;
  width: 60px
}

.app-header-nav .app-container .nav nav li a.active:after,
.app-header-nav .app-container .nav nav li a:hover:after {
  opacity: 1
}

.app-header-nav .app-container .nav nav .extra,
.app-header-nav .app-container .nav nav .sub {
  display: none
}

.app-header-nav .app-container .nav .icon {
  margin-left: 1em
}

@media screen and (max-width:1440px) {
  .app-header-nav .app-container .nav .icon {
    margin-left: 2em
  }
}

.app-header-nav .app-container .nav .icon button {
  align-items: center;
  background: none;
  border: 0;
  color: currentColor;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  line-height: 1
}

.app-header-nav .app-container .nav .icon button svg {
  fill: currentColor;
  height: 1.4em;
  width: 1.4em
}

.app-header-nav .app-container .nav .icon button :focus {
  outline: none
}

.app-header-nav .app-container .nav .hamburger {
  display: none
}

@media screen and (max-width:1200px) {
  .app-header-nav .app-container .nav .hamburger {
    display: block
  }
}

.app-header-subnav {
  border-top: 1px solid hsla(0, 0%, 100%, .2);
  color: #fff;
  font-size: 16px;
  left: 0;
  opacity: 0;
  padding-top: 137px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-150%);
  -ms-transform: translateY(-150%);
  transition: all .3s ease
}

@media screen and (max-width:1440px) {
  .app-header-subnav {
    font-size: 14px;
    padding-top: 117px
  }
}

@media screen and (max-width:1200px) {
  .app-header-subnav {
    display: none
  }
}

.app-header-subnav:after {
  background-color: hsla(0, 0%, 100%, .2);
  content: " ";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 136px
}

@media screen and (max-width:1440px) {
  .app-header-subnav:after {
    top: 116px
  }
}

@media screen and (max-width:1200px) {
  .app-header-subnav:after {
    display: none
  }
}

.app-header-subnav-wrap {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.app-header-subnav .app-container {
  display: flex;
  justify-content: center
}

.app-header-subnav ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none
}

.app-header-subnav ul li {
  height: auto
}

.app-header-subnav ul li+li {
  margin-left: 1em
}

.app-header-subnav ul li a {
  align-items: center;
  color: currentColor;
  display: block;
  display: flex;
  height: 60px;
  justify-content: flex-start;
  justify-content: center;
  line-height: 1;
  padding: 0 1em;
  position: relative
}

.app-header-subnav ul li a:after {
  background-image: linear-gradient(90deg, #ffb232 0, #eb6513 3.75%, #e51014 7.5%, #2c80df 15%, #08a941 25%, #2c80df 28.75%, #e51014 32.5%, #eb6513 40%, #ffb232 50%, #eb6513 53.75%, #e51014 57.5%, #2c80df 65%, #08a941 75%, #2c80df 78.75%, #e51014 82.5%, #eb6513 90%, #ffb232);
  background-size: 400% auto;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  opacity: 0;
  position: absolute;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transition: opacity .3s ease;
  width: 60px
}

.app-header-subnav ul li a.active:after,
.app-header-subnav ul li a:hover:after {
  opacity: 1
}

.app-header-subnav ul li .tertiary {
  padding-bottom: 1em
}

.app-header-subnav ul li .tertiary a {
  height: 30px;
  opacity: .5
}

.app-header-subnav ul li .tertiary a:after {
  display: none
}

.app-header-subnav ul li .tertiary a:hover {
  opacity: 1
}

.app-header-subnav.popup {
  -webkit-backdrop-filter: blur(15px);
  -moz-backdrop-filter: blur(15px);
  -ms-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: hsla(0, 0%, 100%, .1);
  box-shadow: 0 10px 10px rgba(31, 35, 44, .3);
  opacity: 1;
  transform: translateY(0);
  -ms-transform: translateY(0)
}

.app-header-drawer .moup-drawer-container {
  background: #fff url(../images/logo-drawer.9db984a0.png) no-repeat 100% 100%/260px auto;
  position: relative
}

.app-header-drawer .moup-drawer-close {
  background: transparent url(../images/close.69a97d14.png) no-repeat 50%/50% 50%;
  border: 0;
  cursor: pointer;
  font-size: 0;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: transform .3s ease;
  width: 30px
}

.app-header-drawer .moup-drawer-close:hover {
  transform: rotate(90deg)
}

.app-header-drawer .moup-drawer-content {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  height: 100%;
  justify-content: space-between;
  padding: 2em 3.5em;
  width: 100%
}

@media screen and (max-width:600px) {
  .app-header-drawer .moup-drawer-content {
    font-size: 14px
  }
}

.app-header-drawer .moup-drawer-content ul {
  list-style: none
}

.app-header-drawer .moup-drawer-content li {
  margin: 1.5em 0
}

.app-header-drawer .moup-drawer-content li a,
.app-header-drawer .moup-drawer-content li a:hover {
  color: #325fa6
}

.app-header-drawer .moup-drawer-content .extra {
  align-items: center;
  color: #666;
  display: flex;
  font-size: 13px
}

@media screen and (max-width:600px) {
  .app-header-drawer .moup-drawer-content .extra {
    font-size: 12px
  }
}

.app-header-drawer .moup-drawer-content .extra div.item {
  cursor: default
}

.app-header-drawer .moup-drawer-content .extra a.item {
  cursor: pointer
}

.app-header-drawer .moup-drawer-content .extra .item {
  align-items: center;
  color: currentColor;
  display: inline-flex
}

.app-header-drawer .moup-drawer-content .extra .item svg {
  fill: currentColor;
  height: 1em;
  margin-right: .25em;
  width: 1em
}

.app-header-drawer .moup-drawer-content .extra .item span {
  line-height: 1
}

.app-header-drawer .moup-drawer-content .extra .item+.item {
  margin-left: 2.5em
}

.app-header.fixed,
.app-header.invest {
  position: fixed;
  transition: opacity .3s ease, transform .3s ease, visibility .3s ease
}

@media screen and (max-width:680px) {

  .app-header.fixed,
  .app-header.invest {
    z-index: 2002
  }
}

.app-header.fixed.hide,
.app-header.invest.hide {
  opacity: 0;
  transform: translateY(-100%);
  visibility: hidden
}

@media screen and (max-width:680px) {

  .app-header.fixed.hide,
  .app-header.invest.hide {
    opacity: 1;
    transform: translateY(0);
    visibility: visible
  }

  .app-header.fixed.hide .app-header-nav,
  .app-header.invest.hide .app-header-nav {
    border-bottom: 1px solid #ccc;
    box-shadow: none
  }
}

.app-header.fixed .app-header-top,
.app-header.invest .app-header-top {
  display: none
}

.app-header.fixed .app-header-nav,
.app-header.invest .app-header-nav {
  background-color: #fff;
  box-shadow: 0 3px 84px 14px rgba(8, 4, 4, .11)
}

.app-header.fixed .app-header-nav .app-container,
.app-header.invest .app-header-nav .app-container {
  color: #333
}

.app-header.fixed .app-header-nav .app-container .logo,
.app-header.invest .app-header-nav .app-container .logo {
  background-image: url(../images/logo-dark.5a37360e.png)
}

.app-header.invest .app-header-top {
  display: none
}

.app-header.invest .app-header-nav {
  background-color: #fff;
  box-shadow: 0 3px 84px 14px rgba(8, 4, 4, .11);
  justify-content: center
}

.app-header.invest .app-header-nav .app-container {
  color: #333
}

.app-header.invest .app-header-nav .app-container .logo {
  background-image: url(../images/logo-dark.5a37360e.png)
}

@media screen and (max-width:650px) {

  .app-header.invest .app-header-nav .app-container .hamburger,
  .app-header.invest .app-header-nav .app-container .logo {
    display: none
  }
}

.app-header.invest .app-header-nav .app-container .nav {
  flex: 1 1 auto;
  padding-left: 5em;
  padding-right: 3em
}

@media screen and (max-width:650px) {
  .app-header.invest .app-header-nav .app-container .nav {
    padding-left: 0;
    padding-right: 0
  }
}

@media screen and (max-width:1440px) {
  .app-header.invest .app-header-nav .app-container .nav {
    font-size: 12px
  }
}

.app-header.invest .app-header-nav .app-container .nav nav {
  display: none
}

.app-header.invest .app-header-nav .app-container .nav .icon {
  margin-left: 2.8em
}

@media screen and (max-width:1440px) {
  .app-header.invest .app-header-nav .app-container .nav .icon {
    margin-left: 2em
  }
}

.app-header.invest .app-header-nav .app-container .nav .icon button.close {
  background: url(../images/close.69a97d14.png) no-repeat;
  background-size: contain;
  height: 1.4em;
  width: 1.4em
}

@media screen and (max-width:1440px) {
  .app-header.invest .app-header-nav .app-container .nav .icon button.close {
    height: 1.125em;
    width: 1.125em
  }
}

.app-header.invest .app-header-nav .app-container .nav .icon button.close svg {
  display: none
}

.app-header.invest .app-header-nav .app-container .nav .search-form {
  display: table;
  flex: 1 1 auto;
  height: 100%
}

.app-header.invest .app-header-nav .app-container .nav .search-form .search-inner {
  border-bottom: 1px solid #f0f0f0;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle
}

.app-header.invest .app-header-nav .app-container .nav .search-form .search-inner input {
  background-color: transparent;
  border: 0;
  font-size: 1.125em;
  outline: none;
  width: 100%
}

.app-header.invest .app-header-nav .app-container .nav .search-form .search-inner button {
  background: transparent url(data:image/png;base64,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) no-repeat 50%/contain;
  border: 0;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 1.75rem;
  padding: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.75rem
}

@media screen and (max-width:1440px) {
  .app-header.invest .app-header-nav .app-container .nav .search-form .search-inner button {
    height: 1rem;
    width: 1rem
  }
}

.app-footer {
  color: hsla(0, 0%, 100%, .6);
  margin-top: -7.8%
}

.app-footer:before {
  background: url(../images/footer-pattern.8c4953e5.png) no-repeat bottom/100% auto;
  content: "";
  display: block;
  height: 0;
  padding-bottom: 7.66%;
  width: 100%
}

.app-footer-container {
  background-color: #3d3d3d
}

.app-footer-container:before {
  background-image: linear-gradient(90deg, #ffb232 0, #eb6513 3.75%, #e51014 7.5%, #2c80df 15%, #08a941 25%, #2c80df 28.75%, #e51014 32.5%, #eb6513 40%, #ffb232 50%, #eb6513 53.75%, #e51014 57.5%, #2c80df 65%, #08a941 75%, #2c80df 78.75%, #e51014 82.5%, #eb6513 90%, #ffb232);
  background-size: 400% auto;
  content: "";
  display: block;
  height: 8px;
  width: 100%
}

@media screen and (max-width:1000px) {
  .app-footer-container:before {
    height: 4px
  }
}

.app-footer-main .app-container {
  font-size: 24px
}

@media screen and (max-width:1200px) {
  .app-footer-main .app-container {
    font-size: 20px
  }
}

@media screen and (max-width:1000px) {
  .app-footer-main .app-container {
    font-size: 18px
  }
}

@media screen and (max-width:800px) {
  .app-footer-main .app-container {
    font-size: 16px
  }
}

@media screen and (max-width:500px) {
  .app-footer-main .app-container {
    font-size: 14px
  }
}

.app-footer-main .app-container .contact {
  align-items: center;
  color: #999;
  display: flex;
  padding: 2em 0
}

@media screen and (max-width:700px) {
  .app-footer-main .app-container .contact {
    justify-content: center
  }
}

.app-footer-main .app-container .contact .item {
  align-items: center;
  display: inline-flex
}

.app-footer-main .app-container .contact .item svg {
  fill: #ccc;
  height: 1.2em;
  margin-right: .618em;
  width: 1.2em
}

.app-footer-main .app-container .contact .item span {
  font-weight: 700;
  line-height: 1
}

.app-footer-main .app-container .contact .item+.item {
  margin-left: 2em
}

.app-footer-main .app-container .menus {
  align-items: stretch;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2em
}

@media screen and (max-width:1000px) {
  .app-footer-main .app-container .menus {
    border-bottom: 1px solid hsla(0, 0%, 100%, .06);
    flex-direction: column
  }
}

.app-footer-main .app-container .menus menu {
  display: block
}

.app-footer-main .app-container .menus menu h3 {
  color: #ccc;
  font-size: 16px;
  font-weight: 700
}

@media screen and (max-width:1200px) {
  .app-footer-main .app-container .menus menu h3 {
    font-size: 14px
  }
}

@media screen and (max-width:1000px) {
  .app-footer-main .app-container .menus menu h3 {
    align-items: center;
    border-top: 1px solid hsla(0, 0%, 100%, .06);
    display: flex;
    justify-content: space-between;
    padding: 1em
  }

  .app-footer-main .app-container .menus menu h3:after {
    background: url(../images/arrow-right-white.c7e58ce9.png) no-repeat 100%/60% 60%;
    content: "";
    display: block;
    height: 1em;
    opacity: .6;
    width: 1em
  }

  .app-footer-main .app-container .menus menu h3.active:after {
    transform: rotate(90deg)
  }
}

.app-footer-main .app-container .menus menu ul {
  font-size: 14px;
  list-style: none;
  margin-top: 1em
}

@media screen and (max-width:1200px) {
  .app-footer-main .app-container .menus menu ul {
    font-size: 12px
  }
}

@media screen and (max-width:1000px) {
  .app-footer-main .app-container .menus menu ul {
    display: none;
    margin-top: .5em;
    padding: 0 14px 14px
  }
}

.app-footer-main .app-container .menus menu ul.show {
  display: block !important
}

.app-footer-main .app-container .menus menu ul li {
  margin-bottom: .5em
}

.app-footer-main .app-container .menus menu ul li a {
  color: #999
}

.app-footer-main .app-container .menus menu ul li a:hover {
  color: #fff
}

@media screen and (max-width:850px) {
  .app-footer-main .app-container .menus menu ul li a {
    display: block
  }
}

.app-footer-main .app-container .aside {
  align-items: center;
  display: flex;
  list-style: none;
  padding-bottom: 2em
}

@media screen and (max-width:700px) {
  .app-footer-main .app-container .aside {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -10px
  }
}

.app-footer-main .app-container .aside li {
  font-size: 14px
}

@media screen and (max-width:1200px) {
  .app-footer-main .app-container .aside li {
    font-size: 12px
  }
}

@media screen and (max-width:700px) {
  .app-footer-main .app-container .aside li {
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 33.33%
  }
}

@media screen and (max-width:360px) {
  .app-footer-main .app-container .aside li {
    width: 50%
  }
}

.app-footer-main .app-container .aside li a {
  color: currentColor
}

.app-footer-main .app-container .aside li a:hover {
  color: #fff
}

.app-footer-main .app-container .aside li+li:before {
  content: "|";
  display: inline-block;
  line-height: 1;
  margin: 0 1em;
  position: relative;
  top: -1px
}

@media screen and (max-width:700px) {
  .app-footer-main .app-container .aside li+li:before {
    display: none
  }
}

.app-footer-bottom {
  border-top: 1px solid hsla(0, 0%, 100%, .06)
}

.app-footer-bottom .app-container {
  align-items: center;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  padding: 1.5em 0
}

@media screen and (max-width:1200px) {
  .app-footer-bottom .app-container {
    font-size: 12px
  }
}

@media screen and (max-width:700px) {
  .app-footer-bottom .app-container {
    flex-direction: column
  }
}

.app-footer-bottom .app-container a {
  color: currentColor
}

.app-footer-bottom .app-container a:hover {
  color: #fff
}

.app-footer-bottom .app-container>div {
  align-items: center;
  display: flex
}

.app-footer-bottom .app-container>div .icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  line-height: 1;
  margin: 0 .5em
}

.app-footer-bottom .app-container>div .icon img {
  height: 1.5em;
  width: 1.5em
}

@media screen and (max-width:1000px) {
  .app-footer-bottom .app-container>div .icon img {
    height: 1.4em;
    width: 1.4em
  }
}

.app-footer-bottom .app-container>div .icon+.icon {
  margin-left: 1.5em
}

@media screen and (max-width:700px) {
  .app-footer-bottom .app-container>div:first-child {
    flex-direction: column;
    margin-bottom: 1em
  }
}

.app-footer-bottom .app-container>div:first-child>* {
  align-items: center;
  display: inline-flex;
  line-height: 1
}

.app-footer-bottom .app-container>div:first-child>*+* {
  margin-left: 1em
}

@media screen and (max-width:700px) {
  .app-footer-bottom .app-container>div:first-child>*+* {
    margin-left: 0;
    margin-top: 10px
  }
}

.app-page-banner {
  background-color: #999;
  height: 0;
  padding-bottom: 33.33%;
  position: relative;
  width: 100%
}

@media screen and (max-width:670px) {
  .app-page-banner {
    padding-bottom: 65%
  }
}

.app-page-banner-bg {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.app-page-banner-bg-m {
  display: none
}

.app-page-banner-bg-pc {
  display: block
}

@media screen and (max-width:670px) {
  .app-page-banner-bg-m {
    display: block
  }

  .app-page-banner-bg-pc {
    display: none
  }
}

.app-page-banner-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.app-page-banner-inner .app-container {
  align-items: center;
  display: flex;
  height: 100%;
  padding-top: 80px
}

@media screen and (max-width:1260px) {
  .app-page-banner-inner .app-container {
    padding-top: 60px
  }
}

@media screen and (max-width:680px) {
  .app-page-banner-inner .app-container {
    padding-top: 0
  }
}

.app-page-banner-inner .app-container h3 {
  color: #fff;
  font-size: 48px;
  font-weight: 500
}

@media screen and (max-width:1440px) {
  .app-page-banner-inner .app-container h3 {
    font-size: 38px
  }
}

@media screen and (max-width:1200px) {
  .app-page-banner-inner .app-container h3 {
    font-size: 28px
  }
}

@media screen and (max-width:800px) {
  .app-page-banner-inner .app-container h3 {
    font-size: 24px
  }
}
.app-about-description .content {
  color: #666;
}

.app-about-description .content p {
  line-height: 1.8
}

@media screen and (max-width:600px) {
  .app-about-description .content p {
    line-height: 1.6
  }
}

.app-about-description .images {
  align-items: stretch;
  display: flex;
  margin: 0 -1.25em;
  padding: 1.25em 0
}

@media screen and (max-width:1000px) {
  .app-about-description .images {
    margin: 0 -.25em
  }
}

@media screen and (max-width:600px) {
  .app-about-description .images {
    margin: .8em -2px 0;
    padding: .8em 0
  }
}

.app-about-description .images .item {
  padding: 1.25em;
  width: 100%
}

@media screen and (max-width:1000px) {
  .app-about-description .images .item {
    padding-left: .25em;
    padding-right: .25em
  }
}

@media screen and (max-width:600px) {
  .app-about-description .images .item {
    font-size: 0;
    padding: 1px 2px;
    width: 100%
  }
}

.app-about-description .images .item img {
  width: 100%
}

.app-about-description .app-shutter {
  margin-bottom: 2.5em;
  margin-top: 2.5em
}

@media screen and (max-width:600px) {
  .app-about-description .app-shutter {
    margin-bottom: 1.6em;
    margin-top: 1.6em
  }
}
@media screen and (max-width:1440px) {
  .app-page-title {
    font-size: 34px
  }
}
.app-page-title {
  color: #333;
  font-size: 44px;
  font-weight: 500;
  text-align: center;
  padding-top: 110px;
  padding-bottom: 80px;
}
.app-page-title2 {
  color: #333;
  font-size: 44px;
  font-weight: 500;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 50px;
}
.app-page-title3 {
  color: #333;
  font-size: 44px;
  font-weight: 500;
  text-align: center;
  padding-top: 53px;
  padding-bottom: 0px;
}
.app-page-title4 {
  color: #333;
  font-size: 44px;
  font-weight: 500;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 0px;
}
.app-page-title5 {
  color: #333;
  font-size: 44px;
  font-weight: 500;
  text-align: center;
  padding-top: 53px;
  padding-bottom: 46px;
}