:root {
    --swiper-theme-color: #1fb7ba;
}
.ico,
.page2 .news-wrap .news-list-wrap .nav-wrap .type-list >.item::before,
.com-page-nav-wrap .nav-list .item::before,
.page4 .role-wrap .role-content .attr-list >.item:hover,
.page4 .role-wrap .role-content .attr-list >.item.active,
.page4 .role-wrap .role-content .attr-list >.item .select,
.page5 .strategy-wrap .wrap1 .con .title-wrap .title::before,
.page5 .strategy-wrap .wrap1 .con .title-wrap .title::after,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item .detail .con .sub-list >.item::before,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item .detail .con .op-wrap .btn,
.page6 .media-wrap >.list[data='video'] >.item .img-wrap::after,
.page6 .media-wrap >.list[data='video'] >.item .img-wrap .p6vl-btn-video::before,
.page6 .media-wrap >.list[data='video'] >.item .img-wrap .p6vl-btn-video::after {
  display: inline-block;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-size: 386px 329px;
}
.ico-book {
  width: 27px;
  height: 34px;
  background-position: -358px -73px;
}
.ico-btn-android {
  width: 230px;
  height: 70px;
  background-position: 0px 0px;
}
.ico-btn-ios {
  width: 230px;
  height: 70px;
  background-position: 0px -72px;
}
.ico-btn-more {
  width: 26px;
  height: 26px;
  background-position: -358px -143px;
}
.ico-btn-type1-1,
.page2 .news-wrap .news-list-wrap .nav-wrap .type-list >.item::before {
  width: 88px;
  height: 36px;
  background-position: 0px -258px;
}
.ico-btn-type1-2,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item .detail .con .op-wrap .btn {
  width: 118px;
  height: 30px;
  background-position: -82px -182px;
}
.ico-btn-type1-3,
.com-page-nav-wrap .nav-list .item::before {
  width: 148px;
  height: 36px;
  background-position: -82px -144px;
}
.ico-btn-type2-1,
.page4 .role-wrap .role-content .attr-list >.item:hover,
.page4 .role-wrap .role-content .attr-list >.item.active {
  width: 106px;
  height: 30px;
  background-position: 0px -226px;
}
.ico-btn-video-border,
.page6 .media-wrap >.list[data='video'] >.item .img-wrap .p6vl-btn-video::before {
  width: 80px;
  height: 80px;
  background-position: 0px -144px;
}
.ico-btn-video,
.page6 .media-wrap >.list[data='video'] >.item .img-wrap::after,
.page6 .media-wrap >.list[data='video'] >.item .img-wrap .p6vl-btn-video::after {
  width: 28px;
  height: 34px;
  background-position: -358px -37px;
}
.ico-glzx-icon2-1 {
  width: 61px;
  height: 68px;
  background-position: -232px 0px;
}
.ico-glzx-icon2-2 {
  width: 61px;
  height: 68px;
  background-position: -232px -70px;
}
.ico-glzx-icon2-3 {
  width: 61px;
  height: 68px;
  background-position: -232px -140px;
}
.ico-glzx-icon2-4 {
  width: 61px;
  height: 68px;
  background-position: -295px 0px;
}
.ico-glzx-icon2-5 {
  width: 61px;
  height: 68px;
  background-position: -295px -70px;
}
.ico-glzx-icon2-6 {
  width: 61px;
  height: 68px;
  background-position: -295px -140px;
}
.ico-house {
  width: 40px;
  height: 33px;
  background-position: 0px -296px;
}
.ico-lantern {
  width: 28px;
  height: 35px;
  background-position: -358px 0px;
}
.ico-li1,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item .detail .con .sub-list >.item::before {
  width: 11px;
  height: 11px;
  background-position: -375px -171px;
}
.ico-line1 {
  width: 262px;
  height: 5px;
  background-position: -90px -258px;
}
.ico-scroll {
  width: 24px;
  height: 32px;
  background-position: -358px -109px;
}
.ico-select-active,
.page4 .role-wrap .role-content .attr-list >.item:hover .select,
.page4 .role-wrap .role-content .attr-list >.item.active .select {
  width: 15px;
  height: 15px;
  background-position: -358px -171px;
}
.ico-select,
.page4 .role-wrap .role-content .attr-list >.item .select {
  width: 15px;
  height: 15px;
  background-position: -358px -188px;
}
.ico-title-dec2,
.page5 .strategy-wrap .wrap1 .con .title-wrap .title::before,
.page5 .strategy-wrap .wrap1 .con .title-wrap .title::after {
  width: 102px;
  height: 21px;
  background-position: -108px -226px;
}
.ico-txt,
.page4 .cloth-wrap .detail-list >.item .des::before {
  display: inline-block;
  background-image: url(../images/txt.png);
  background-repeat: no-repeat;
  background-size: 158px 159px;
}
.ico-title-szjj,
.page4 .cloth-wrap .detail-list >.item .des::before {
  width: 116px;
  height: 26px;
  background-position: 0px 0px;
}
.ico-title-wdtj {
  width: 156px;
  height: 31px;
  background-position: 0px -28px;
}
.ico-title-yytr {
  width: 158px;
  height: 31px;
  background-position: 0px -61px;
}
.ico-title-zqrk {
  width: 151px;
  height: 31px;
  background-position: 0px -94px;
}
.ico-title-glzx {
  width: 157px;
  height: 32px;
  background-position: 0px -127px;
}
.ico-accordion,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item .intro {
  display: inline-block;
  background-image: url(../images/accordion.png);
  background-repeat: no-repeat;
  background-size: 878px 852px;
}
.ico-accordion-bg1-active,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item:nth-child(1):hover .intro,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item:nth-child(1).active .intro {
  width: 86px;
  height: 425px;
  background-position: 0px 0px;
}
.ico-accordion-bg1,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item:nth-child(1) .intro {
  width: 86px;
  height: 425px;
  background-position: -88px 0px;
}
.ico-accordion-bg2-active,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item:nth-child(2):hover .intro,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item:nth-child(2).active .intro {
  width: 86px;
  height: 425px;
  background-position: -176px 0px;
}
.ico-accordion-bg2,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item:nth-child(2) .intro {
  width: 86px;
  height: 425px;
  background-position: -264px 0px;
}
.ico-accordion-bg3-active,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item:nth-child(3):hover .intro,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item:nth-child(3).active .intro {
  width: 86px;
  height: 425px;
  background-position: -352px 0px;
}
.ico-accordion-bg3,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item:nth-child(3) .intro {
  width: 86px;
  height: 425px;
  background-position: -440px 0px;
}
.ico-accordion-bg4-active,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item:nth-child(4):hover .intro,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item:nth-child(4).active .intro {
  width: 86px;
  height: 425px;
  background-position: -528px 0px;
}
.ico-accordion-bg4,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item:nth-child(4) .intro {
  width: 86px;
  height: 425px;
  background-position: -616px 0px;
}
.ico-accordion-bg5-active,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item:nth-child(5):hover .intro,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item:nth-child(5).active .intro {
  width: 86px;
  height: 425px;
  background-position: -704px 0px;
}
.ico-accordion-bg5,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item:nth-child(5) .intro {
  width: 86px;
  height: 425px;
  background-position: -792px 0px;
}
.ico-accordion-bg6-active,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item:nth-child(6):hover .intro,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item:nth-child(6).active .intro {
  width: 86px;
  height: 425px;
  background-position: 0px -427px;
}
.ico-accordion-bg6,
.page5 .strategy-wrap .sub-wrap .wrap2 .accordion-list >.accordion-item:nth-child(6) .intro {
  width: 86px;
  height: 425px;
  background-position: -88px -427px;
}
body{ background: #f5f8f9; }
img {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 1200px) {
  .topbar-wrapper {
    display: none;
  }
}
.hid {
  display: none !important;
}
.footer-wrapper {
  overflow: auto;
  position: relative;
}
.footer-wrapper .LT-footer.light {
  background-color: transparent;
}
.content {
  position: relative;
  min-width: 800px;
}
.page-wrap {
  position: relative;
}
.page-wrap .bg-wrap {
  width: 100%;
  height: 100%;
  background-position: center 0;
  background-size: cover;
}
.no-webp .page-wrap .bg-wrap {
  background-image: url(../images/bg.jpg?v=446be53c);
}
.webp .page-wrap .bg-wrap {
  background-image: url(../webp/bg.webp?v=f8fb158c);
}
.kv-wrap{ position: relative; }
.page-wrap .bg-wrap .kv-wrap .kv {
  width: 100%;
  height: 720px;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-wrap .page-content {
  position: relative;
}
@media only screen and (max-width: 1350px) {
  .page-wrap .bg-wrap .kv-wrap .kv {
    height: 650px;
  }
}
.download-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 538px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
}
.download-wrap .code-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #92d6e2;
  border-radius: 15px;
  width: 150px;
  height: 150px;
  background-color: #fff;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
      -ms-flex-align: center;
      -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.download-wrap .code-wrap .code {
  width: 140px;
  height: 140px;
}
.download-wrap .op-wrap {
  margin-left: 10px;
}
.download-wrap .op-wrap .btn {
  display: block;
}
.download-wrap .op-wrap .btn:hover {
  -webkit-filter: brightness(110%);
          filter: brightness(110%);
}
.download-wrap .op-wrap .btn+.btn {
  margin-top: 10px;
}
.download-wrap .server-wrap {
  margin-left: 10px;
  width: 140px;
  height: 150px;
}
.download-wrap .server-wrap .server {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1350px) {
  .page1 {
    height: 600px;
  }
  .page1 .download-wrap {
    top: 400px;
    -webkit-transform: translateX(-50%) scale(0.8);
            transform: translateX(-50%) scale(0.8);
  }
}
.page2 {
  overflow: hidden;
  padding-top: 6px;
  padding-bottom: 100px;
}
.page2 .news-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-box-align: start;
  -webkit-box-pack: center;
      -ms-flex-align: start;
      -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.page2 .news-wrap .news-swiper-wrap {
  position: relative;
  width: 700px;
  height: 394px;
}
.page2 .news-wrap .news-swiper-wrap::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 708px;
  height: 402px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: '';
  will-change: transform;
}
.page2 .news-wrap .news-swiper-wrap::before {
  background-image: url(../images/news_border.png);
}
.page2 .news-wrap .news-swiper-wrap .news-swiper {
  width: 700px;
  height: 394px;
  background-color: #fff;
}
.page2 .news-wrap .news-swiper-wrap .news-swiper .swiper-slide img{ width: 698px; height: 392px; border: 1px solid #bda460;}
.page2 .news-wrap .news-list-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 30px;
  width: 550px;
  height: 394px;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page2 .news-wrap .news-list-wrap .nav-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-bottom: 6px;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
      -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.page2 .news-wrap .news-list-wrap .nav-wrap::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px solid rgba(189,164,96,0.5);
  border-bottom: 1px solid #bda460;
  width: 100%;
  height: 1px;
  content: '';
}
.page2 .news-wrap .news-list-wrap .nav-wrap .type-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
      -ms-flex-align: center;
}
.page2 .news-wrap .news-list-wrap .nav-wrap .type-list >.item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 88px;
  height: 36px;
  cursor: pointer;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
      -ms-flex-align: center;
      -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.page2 .news-wrap .news-list-wrap .nav-wrap .type-list >.item+.item {
  margin-left: 4px;
}
.page2 .news-wrap .news-list-wrap .nav-wrap .type-list >.item:hover::before,
.page2 .news-wrap .news-list-wrap .nav-wrap .type-list >.item.active::before {
  display: block;
}
.page2 .news-wrap .news-list-wrap .nav-wrap .type-list >.item:hover .txt,
.page2 .news-wrap .news-list-wrap .nav-wrap .type-list >.item.active .txt {
  color: #fff;
}
.page2 .news-wrap .news-list-wrap .nav-wrap .type-list >.item::before {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.page2 .news-wrap .news-list-wrap .nav-wrap .type-list >.item .txt {
  overflow: hidden;
  position: relative;
  font-size: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333;
}
.page2 .news-wrap .news-list-wrap .nav-wrap .btn-more {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
      -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.page2 .news-wrap .news-list-wrap .nav-wrap .btn-more:hover {
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
.page2 .news-wrap .news-list-wrap .news-content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page2 .news-wrap .news-list-wrap .news-content-wrap .top-news-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-bottom: 1px dashed #ccc;
  padding: 16px 0;
  width: 100%;
  cursor: pointer;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
      -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.page2 .news-wrap .news-list-wrap .news-content-wrap .top-news-wrap:hover .des-wrap {
  -webkit-filter: brightness(110%);
          filter: brightness(110%);
}
.page2 .news-wrap .news-list-wrap .news-content-wrap .top-news-wrap .jump {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.page2 .news-wrap .news-list-wrap .news-content-wrap .top-news-wrap .cover-wrap {
  overflow: hidden;
  border-radius: 10px;
  width: 180px;
  height: 86px;
  float: left;
  margin-right: 15px;
}
.page2 .news-wrap .news-list-wrap .news-content-wrap .top-news-wrap .cover-wrap .cover {
  width: 100%;
  height: 100%;
  pointer-events: none;
      -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.page2 .news-wrap .news-list-wrap .news-content-wrap .top-news-wrap .des-wrap {
  margin-left: 24px;
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page2 .news-wrap .news-list-wrap .news-content-wrap .top-news-wrap .des-wrap .titles {
  overflow: hidden;
  font-size: 18px;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #bda460;
}
.page2 .news-wrap .news-list-wrap .news-content-wrap .top-news-wrap .des-wrap .des {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 12px;
  font-size: 16px;
  line-height: 1.5;
  text-overflow: ellipsis;
  color: #999;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page2 .news-wrap .news-list-wrap .news-content-wrap .news-sub-list-wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page2 .news-wrap .news-list-wrap .news-content-wrap .news-sub-list-wrap .news-list {
  display: none;
  height: 100%;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page2 .news-wrap .news-list-wrap .news-content-wrap .news-sub-list-wrap .news-list.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page2 .news-wrap .news-list-wrap .news-content-wrap .news-sub-list-wrap .news-list .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 42px;
  cursor: pointer;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
      -ms-flex-align: center;
}
.page2 .news-wrap .news-list-wrap .news-content-wrap .news-sub-list-wrap .news-list .item:hover .type,
.page2 .news-wrap .news-list-wrap .news-content-wrap .news-sub-list-wrap .news-list .item:hover .title,
.page2 .news-wrap .news-list-wrap .news-content-wrap .news-sub-list-wrap .news-list .item:hover .time {
  -webkit-filter: brightness(110%);
          filter: brightness(110%);
}
.page2 .news-wrap .news-list-wrap .news-content-wrap .news-sub-list-wrap .news-list .item+.item {
  border-top: 1px dashed #e5e7e8;
}
.page2 .news-wrap .news-list-wrap .news-content-wrap .news-sub-list-wrap .news-list .item .jump {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.page2 .news-wrap .news-list-wrap .news-content-wrap .news-sub-list-wrap .news-list .item .type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
  color: #bfa46c;
  pointer-events: none;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
      -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.page2 .news-wrap .news-list-wrap .news-content-wrap .news-sub-list-wrap .news-list .item .type::after {
  display: block;
  margin-left: 6px;
  width: 1px;
  height: 16px;
  background-color: #bfa46c;
  content: '';
}
.page2 .news-wrap .news-list-wrap .news-content-wrap .news-sub-list-wrap .news-list .item .titles {
  overflow: hidden;
  padding: 0 12px;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #777;
  pointer-events: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page2 .news-wrap .news-list-wrap .news-content-wrap .news-sub-list-wrap .news-list .item .time {
  font-size: 16px;
  color: #bbb;
  pointer-events: none;
      -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
@media only screen and (max-width: 1350px) {
  .page2 .news-wrap {
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
        -ms-flex-align: center;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page2 .news-wrap .news-list-wrap {
    margin-top: 30px;
    margin-left: 0;
    width: 700px;
  }
}
.com-page-nav-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0 auto;
  width: 1280px;
  -webkit-transition: width 0.1s linear;
  transition: width 0.1s linear;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
}
.com-page-nav-wrap .title-bg-wrap {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 50px;
  background-image: url(../images/title_bg_c.png);
  background-size: 10px 50px;
  pointer-events: none;
}
.com-page-nav-wrap .title-bg-wrap::before {
  display: block;
  position: absolute;
  top: 0;
  left: -130px;
  width: 130px;
  height: 50px;
  background: url(../images/title_bg_l.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
}
.com-page-nav-wrap .title-bg-wrap::after {
  display: block;
  position: absolute;
  top: 0;
  right: -80px;
  width: 80px;
  height: 50px;
  background: url(../images/title_bg_r.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
}
.com-page-nav-wrap .title-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
      -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.com-page-nav-wrap .title-wrap .ico+.title {
  margin-left: 6px;
}
.com-page-nav-wrap .nav-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-box-pack: end;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
      -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
}
.com-page-nav-wrap .nav-list .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 148px;
  height: 36px;
  cursor: pointer;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
      -ms-flex-align: center;
      -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.com-page-nav-wrap .nav-list .item+.item {
  margin-left: 4px;
}
.com-page-nav-wrap .nav-list .item:hover::before,
.com-page-nav-wrap .nav-list .item.active::before {
  display: block;
}
.com-page-nav-wrap .nav-list .item:hover .txt,
.com-page-nav-wrap .nav-list .item.active .txt {
  color: #fff;
}
.com-page-nav-wrap .nav-list .item::before {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.com-page-nav-wrap .nav-list .item .txt {
  overflow: hidden;
  position: relative;
  font-size: 20px;
  line-height: 1.4;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333;
}
.com-page-nav-wrap .btn-more {
  margin-left: 40px;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.com-page-nav-wrap .btn-more:hover {
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
@media only screen and (max-width: 1350px) {
  .com-page-nav-wrap {
    width: 80%;
  }
  .com-page-nav-wrap .title-wrap {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
.page3 {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 100px;
}
.page3 .project-wrap {
  margin: 0 auto;
  margin-top: 26px;
  width: 1280px;
  -webkit-transition: width 0.1s linear;
  transition: width 0.1s linear;
}
.page3 .project-wrap .project-content .project-list {
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.page3 .project-wrap .project-content .project-list.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page3 .project-wrap .project-content .project-list .item {
  position: relative;
  width: 306px;
  height: 163px;
  float: left;
      -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.page3 .project-wrap .project-content .project-list .item+.item {
  margin-left: 10px;
}
.page3 .project-wrap .project-content .project-list .item:hover {
  -webkit-filter: brightness(102%);
          filter: brightness(102%);
}
.page3 .project-wrap .project-content .project-list .item .jump {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.page3 .project-wrap .project-content .project-list .item img {
  width: 100%;
  height: 100%;
  pointer-events: none;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1350px) {
  .page3 .project-wrap {
    overflow: auto;
    padding-bottom: 10px;
    width: 90%;
  }
  .page3 .project-wrap::-webkit-scrollbar {
/*---滚动条整体样式--*/
    width: 10px;
    height: 10px;
  }
  .page3 .project-wrap::-webkit-scrollbar-thumb {
/*---滑块部分--*/
    border-radius: 10px;
    background-color: rgba(0,0,0,0.3);
  }
  .page3 .project-wrap::-webkit-scrollbar-track-piece {
/*---轨道部分--*/
    background-color: transparent;
  }
}
.page4 {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 100px;
}
.page4 .com-page-nav-wrap {
  z-index: 1;
}
.page4 .con-wrap {
  margin-top: 105px;
  overflow: hidden;
}
.page4 .con-wrap .con-item {
  display: none;
}
.page4 .con-wrap .con-item.active {
  display: block;
}
.page4 .role-wrap {
  position: relative;
  height: 650px;
}
.page4 .role-wrap .video-bg-wrap {
  overflow: hidden;
  height: 100%;
}
.page4 .role-wrap .video-bg-wrap .video-wrap.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page4 .role-wrap .video-bg-wrap .video-wrap .role-video {
  position: relative;
  right: -500px;
  height: 100%;
}
.page4 .role-wrap .role-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page4 .role-wrap .role-content .role {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -640px;
  width: 973px;
  height: 730px;
  pointer-events: none;
}
.page4 .role-wrap .role-content .role::before {
  display: block;
  position: absolute;
  right: -10px;
  bottom: 0;
  width: 1298px;
  height: 313px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
}
.page4 .role-wrap .role-content .detail-wrap .detail-item .type-list >.item .title {
  margin-left: 7px;
  font-size: 18px;
  color: #fff;
}
.page4 .role-wrap .role-content .detail-wrap .detail-item .detail-list-wrap {
  padding: 10px 30px 10px 50px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page4 .role-wrap .role-content .detail-wrap .detail-item .detail-list {
  height: 100%;
}
.page4 .role-wrap .role-content .detail-wrap .detail-item .detail-list >.item {
  display: none;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0 40px;
  width: 100%;
  height: 100%;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
      -ms-flex-align: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.page4 .role-wrap .role-content .detail-wrap .detail-item .detail-list >.item.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page4 .role-wrap .role-content .detail-wrap .detail-item .detail-list >.item .text {
  margin: auto 0;
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
  text-align: justify;
}
.page4 .role-wrap .role-content .detail-wrap .detail-item .detail-list >.item.sub-page {
  height: 100%;
}
.page4 .role-wrap .role-content .detail-wrap .detail-item .detail-list >.item.sub-page .text {
  display: none;
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scrollbar-color: rgba(0,0,0,0.3) rgba(0,0,0,0);
  scrollbar-width: thin;
}
.page4 .role-wrap .role-content .detail-wrap .detail-item .detail-list >.item.sub-page .text::-webkit-scrollbar {
/*---滚动条整体样式--*/
  width: 4px;
  height: 4px;
}
.page4 .role-wrap .role-content .detail-wrap .detail-item .detail-list >.item.sub-page .text::-webkit-scrollbar-thumb {
/*---滑块部分--*/
  border-radius: 10px;
  background-color: rgba(0,0,0,0.3);
}
.page4 .role-wrap .role-content .detail-wrap .detail-item .detail-list >.item.sub-page .text::-webkit-scrollbar-track-piece {
/*---轨道部分--*/
  background-color: transparent;
}
.page4 .role-wrap .role-content .detail-wrap .detail-item .detail-list >.item.sub-page .text.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page4 .role-wrap .role-content .detail-wrap .detail-item .detail-list >.item.sub-page .text .text-con {
  margin: auto 0;
}
.page4 .role-wrap .role-content .detail-wrap .detail-item .detail-list >.item .circle {
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 100%;
  text-align: center;
}
.page4 .role-wrap .role-content .detail-wrap .detail-item .detail-list >.item .circle span {
  display: inline-block;
  margin: 0 2px;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #fff;
  cursor: pointer;
}
.page4 .role-wrap .role-content .detail-wrap .detail-item .detail-list >.item .circle span.active {
  background: #dec463;
}
.page4 .pet-wrap {
  overflow: hidden;
  height: 5.5rem;
}
.page4 .pet-wrap .pet-swiper-wrap {
  height: 100%;
}
.page4 .pet-wrap .pet-list >.item:hover {
  -webkit-filter: brightness(102%);
          filter: brightness(102%);
}
.page4 .pet-wrap .pet-list >.item:hover img {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}
.page4 .pet-wrap .pet-list >.item .jump {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.page4 .pet-wrap .pet-list >.item img {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  pointer-events: none;
  -o-object-fit: contain;
     object-fit: contain;
}
.page4 .cloth-wrap {
  position: relative;
  height: 650px;
  background-image: url(../images/jdsz_bg.jpg);
  background-size: 100% 100%;
}
.page4 .cloth-wrap .cloth-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page4 .cloth-wrap .cloth-img .item {
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -954px;
  width: 1255px;
}
.page4 .cloth-wrap .cloth-img .item .jump {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 650px;
}
.page4 .cloth-wrap .cloth-img .item img {
  width: 100%;
}
.page4 .cloth-wrap .cloth-img .item.active {
  display: block;
  -webkit-animation: clothMoveIn 0.5s ease-in-out;
          animation: clothMoveIn 0.5s ease-in-out;
}
@-webkit-keyframes clothMoveIn {
  0% {
    opacity: 0.5;
    -webkit-transform: translateX(-150px);
            transform: translateX(-150px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes clothMoveIn {
  0% {
    opacity: 0.5;
    -webkit-transform: translateX(-150px);
            transform: translateX(-150px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.page4 .cloth-wrap .detail-list {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 160px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 200px;
  width: 340px;
  height: 100%;
}
.page4 .cloth-wrap .detail-list >.item {
  display: none;
}
.page4 .cloth-wrap .detail-list >.item.active {
  display: block;
  -webkit-animation: clothDetailMoveIn 0.5s ease-in-out;
          animation: clothDetailMoveIn 0.5s ease-in-out;
}
@-webkit-keyframes clothDetailMoveIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes clothDetailMoveIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.page4 .cloth-wrap .detail-list >.item .title-wrap {
  height: 84px;
}
.page4 .cloth-wrap .detail-list >.item .title-wrap >img {
  height: 100%;
  pointer-events: none;
}
.page4 .cloth-wrap .detail-list >.item .des {
  position: relative;
  margin-top: 30px;
  padding-top: 40px;
  font-size: 16px;
  line-height: 1.5;
  color: #487783;
}
.page4 .cloth-wrap .detail-list >.item .des::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.page4 .cloth-wrap .nav-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 520px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 64px 0;
  height: 100%;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-pack: justify;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.page4 .cloth-wrap .nav-list >.item {
  width: 110px;
  height: 110px;
  cursor: pointer;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.page4 .cloth-wrap .nav-list >.item:hover,
.page4 .cloth-wrap .nav-list >.item.active {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}
.page4 .cloth-wrap .nav-list >.item+.item {
  margin-top: 10px;
}
.page4 .cloth-wrap .nav-list >.item >img {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media only screen and (max-width: 1350px) {
  .page4 .role-wrap .role-content .attr-list {
    left: 100px;
    margin-left: 0;
  }
  .page4 .role-wrap .role-content .detail-wrap {
    margin-left: -50px;
  }
  .page4 .pet-wrap {
    overflow: auto;
  }
  .page4 .pet-wrap .pet-swiper-wrap {
    display: none;
  }
  .page4 .pet-wrap .pet-list {
    display: none;
  }
  .page4 .pet-wrap .pet-list.with-ipad {
    display: block;
  }
  .page4 .cloth-wrap .cloth-img .item {
    margin-left: -1050px;
  }
  .page4 .cloth-wrap .detail-list {
    right: 150px;
    left: auto;
    margin-left: 0;
  }
  .page4 .cloth-wrap .nav-list {
    right: 20px;
    left: auto;
    margin-left: 0;
  }
}
@media only screen and (max-width: 1100px) {
  .page4 .role-wrap {
    margin-bottom: 100px;
  }
  .page4 .role-wrap .role-content .role {
    margin-left: -450px;
  }
  .page4 .role-wrap .role-content .gender-list {
    top: 50px;
    right: 50px;
    bottom: auto;
    left: auto;
    margin-left: 0;
  }
  .page4 .role-wrap .role-content .detail-wrap {
    top: auto;
    bottom: -100px;
    margin-left: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .page4 .cloth-wrap {
    height: 550px;
  }
  .page4 .cloth-wrap .detail-list {
    right: 100px;
    padding-top: 100px;
  }
  .page4 .cloth-wrap .nav-list {
    padding: 30px 0;
  }
  .page4 .cloth-wrap .nav-list >.item {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  .page4 .cloth-wrap .cloth-img {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  .page4 .cloth-wrap .cloth-img .item {
    margin-left: -1000px;
  }
}
.page5 {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 100px;
/* 手风琴数据 */
}
.page5 .strategy-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  margin-top: 44px;
  width: 1280px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.page5 .strategy-wrap .wrap1 {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  width: 340px;
  min-height: 490px;
      -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.page5 .strategy-wrap .wrap1 .bg .bg-con {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.page5 .strategy-wrap .wrap1 .con {
  position: relative;
  padding-bottom: 20px;
}
.page5 .strategy-wrap .wrap1 .con .title-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.page5 .strategy-wrap .wrap1 .con .title-wrap .title {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  color: #bfa46c;
}
.page5 .strategy-wrap .wrap1 .con .title-wrap .title::before,
.page5 .strategy-wrap .wrap1 .con .title-wrap .title::after {
  position: absolute;
  top: 50%;
  content: '';
}
.page5 .strategy-wrap .wrap1 .con .title-wrap .title::before {
  left: -90px;
  -webkit-transform: rotate(-180deg) translateY(20%);
          transform: rotate(-180deg) translateY(20%);
}
.page5 .strategy-wrap .wrap1 .con .title-wrap .title::after {
  right: -90px;
  -webkit-transform: translateY(-60%);
          transform: translateY(-60%);
}
.page5 .strategy-wrap .wrap1 .con .list {
  text-align: center;
}
.page5 .strategy-wrap .wrap1 .con .list >.item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  margin-top: 16px;
  padding-bottom: 24px;
  width: 30%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.page5 .strategy-wrap .wrap1 .con .list >.item:hover {
  -webkit-filter: brightness(105%);
          filter: brightness(105%);
}
.page5 .strategy-wrap .wrap1 .con .list >.item .str-icon {
  width: 61px;
  height: 62px;
  background-size: 100% 100%;
}
.page5 .strategy-wrap .wrap1 .con .list >.item .str-icon.ico-glzx-icon1-1 {
  background-image: url("../images/glzx_icon1_1.png");
}
.page5 .strategy-wrap .wrap1 .con .list >.item .str-icon.ico-glzx-icon1-2 {
  background-image: url("../images/glzx_icon1_2.png");
}
.page5 .strategy-wrap .wrap1 .con .list >.item .str-icon.ico-glzx-icon1-3 {
  background-image: url("../images/glzx_icon1_3.png");
}
.page5 .strategy-wrap .wrap1 .con .list >.item .str-icon.ico-glzx-icon1-4 {
  background-image: url("../images/glzx_icon1_4.png");
}
.page5 .strategy-wrap .wrap1 .con .list >.item .str-icon.ico-glzx-icon1-5 {
  background-image: url("../images/glzx_icon1_5.png");
}
.page5 .strategy-wrap .wrap1 .con .list >.item .str-icon.ico-glzx-icon1-6 {
  background-image: url("../images/glzx_icon1_6.png");
}
.page5 .strategy-wrap .wrap1 .con .list >.item .str-icon.ico-glzx-icon1-7 {
  background-image: url("../images/glzx_icon1_7.png");
}
.page5 .strategy-wrap .wrap1 .con .list >.item .str-icon.ico-glzx-icon1-8 {
  background-image: url("../images/glzx_icon1_8.png");
}
.page5 .strategy-wrap .wrap1 .con .list >.item .str-icon.ico-glzx-icon1-9 {
  background-image: url("../images/glzx_icon1_9.png");
}
.page5 .strategy-wrap .wrap1 .con .list >.item .str-icon.ico-glzx-icon1-10 {
  background-image: url("../images/glzx_icon1_10.png");
}
.page5 .strategy-wrap .wrap1 .con .list >.item .str-icon.ico-glzx-icon1-11 {
  background-image: url("../images/glzx_icon1_11.png");
}
.page5 .strategy-wrap .wrap1 .con .list >.item .str-icon.ico-glzx-icon1-12 {
  background-image: url("../images/glzx_icon1_12.png");
}
.page5 .strategy-wrap .wrap1 .con .list >.item .str-icon.ico-glzx-icon1-13 {
  background-image: url("../images/glzx_icon1_13.png");
}
.page5 .strategy-wrap .wrap1 .con .list >.item .str-icon.ico-glzx-icon1-14 {
  background-image: url("../images/glzx_icon1_14.png");
}
.page5 .strategy-wrap .wrap1 .con .list >.item .str-icon.ico-glzx-icon1-15 {
  background-image: url("../images/glzx_icon1_15.png");
}
.page5 .strategy-wrap .wrap1 .con .list >.item .jump {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.page5 .strategy-wrap .wrap1 .con .list >.item .des {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 50%;
  max-width: 90%;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #777;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}
.page5 .strategy-wrap .sub-wrap {
  display: block;
  float: right;
  width: 918px;
}
.page5 .strategy-wrap .sub-wrap .wrap3 {
      -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.page5 .strategy-wrap .sub-wrap .wrap3 .list {
  display: block;
}
.page5 .strategy-wrap .sub-wrap .wrap3 .list .item {
  overflow: hidden;
  position: relative;
  border-radius: 16px;
  width: 294px;
  height: 150px;
  margin-right: 10px;
  margin-bottom: 20px;
  float: left;
      -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.page5 .strategy-wrap .sub-wrap .wrap3 .list .item:hover {
  -webkit-filter: brightness(105%);
          filter: brightness(105%);
}
.page5 .strategy-wrap .sub-wrap .wrap3 .list .item .jump {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.page5 .strategy-wrap .sub-wrap .wrap3 .list .item >img {
  width: 100%;
  height: 100%;
  pointer-events: none;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1350px) {
  .page5 .strategy-wrap {
    width: 1000px;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-align: center;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
        -ms-flex-align: center;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .page5 .strategy-wrap .wrap1 {
    width: 900px;
    min-height: auto;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    will-change: transform;
  }
  .page5 .strategy-wrap .wrap1 .con .list .item {
    width: 20%;
  }
  .page5 .strategy-wrap .sub-wrap {
    width: 100%;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
  }
  .page5 .strategy-wrap .sub-wrap .wrap2 {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    will-change: transform;
  }
  .page5 .strategy-wrap .sub-wrap .wrap3 {
    width: 900px;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    will-change: transform;
  }
}
@media only screen and (max-width: 1100px) {
  .page5 .strategy-wrap {
    width: 800px;
  }
  .page5 .strategy-wrap .wrap1 {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  .page5 .strategy-wrap .sub-wrap .wrap2 {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  .page5 .strategy-wrap .sub-wrap .wrap3 {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@media only screen and (max-width: 1350px) {
  .page6 .media-wrap {
    width: 90%;
  }
}

a {
  -webkit-tap-highlight-color: transparent;
}
.modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 0;
  background-color: rgba(0,0,0,0.8);
  opacity: 0;
  overscroll-behavior: contain;
  -ms-scroll-chaining: contain;
}
.modal.modal-hide {
  opacity: 0;
  -webkit-animation: fadeOut 0s linear forwards;
          animation: fadeOut 0s linear forwards;
}
.modal.modal-hide .modal-wrapper {
  opacity: 0;
/* 此处可自定义动画 */
  -webkit-animation: fadeOut 0s linear forwards;
          animation: fadeOut 0s linear forwards;
}
.modal.modal-active {
  opacity: 1;
  -webkit-animation: fadeIn 0.3s linear forwards;
          animation: fadeIn 0.3s linear forwards;
}
.modal.modal-active .modal-wrapper {
  opacity: 1;
/* 此处可自定义动画 */
  -webkit-animation: fadeIn 0.3s linear forwards;
          animation: fadeIn 0.3s linear forwards;
}
.modal-open {
  position: fixed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.modal-open-scroll-through {
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.btn-close {
  display: block;
  overflow: hidden;
  position: absolute;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.btn-close::before,
.btn-close::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
/*粗细*/
  height: 2px;
/*默认颜色*/
  background-color: #aaa;
  content: '';
}
.btn-close::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.btn-close::after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.btn-close:hover::before,
.btn-close:hover::after {
/*hover颜色*/
  background-color: #eee;
}
.btn-close.close-hid {
  opacity: 0;
}
.modal-wrapper {
  position: relative;
  z-index: 10001;
  margin: auto;
  font-size: 0;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.server-code-modal .btn-close {
  bottom: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.server-code-modal .modal-body {
  overflow: hidden;
  border-radius: 5px;
  background-color: #fff;
}
.server-code-modal .code-wrap {
  width: 200px;
  height: 200px;
}
.server-code-modal .code-wrap >img {
  width: 100%;
  height: 100%;
}
.server-code-modal .des {
  overflow: hidden;
  padding: 0 10px 10px 10px;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000;
}
.p6-picture-modal .modal-body >img {
  max-width: 14.6rem;
  max-height: 8rem;
}
.p6-video-modal .modal-wrapper video {
  max-width: 800px;
  max-height: 700px;
}
#scbar{ display: none; }
.page2{background:url(../images/bg001.jpg) no-repeat center 0;}
.sect02{ width:100%; height:691px; background:url(../images/w2_bg02.jpg) no-repeat center 0; overflow:hidden; }
.wel_t{ width:1200px; height:50px; overflow:hidden; margin:70px auto 56px; overflow: hidden; }
.wel_t span{ display:block; width:620px; height:50px; margin:0 auto; background-image:url(../images/wel_t01.png); background-repeat:no-repeat; text-indent:9999px; overflow:hidden; white-space:nowrap; }
.sect02 .wel_t span{ background-position: 0 0;}
.sect03 .wel_t span{ background-position: 0 -75px;}
.sect04 .wel_t span{ background-position: 0 -149px;}
.sect02box{ width: 936px; margin: 0 auto; }
.sect03{ height:843px; background:url(../images/w2_bg03.jpg) no-repeat center 0; overflow: hidden; }
.sect03 .wel_t{ margin-bottom:30px;}
.gboxlist{ width:1200px; margin:0 auto; overflow:hidden; }
.gboxlist ul li{ width:219px; height:302px; float:left; margin:0 40px 40px;}
.gboxlist ul li.gbl_six{ /*margin-left:180px;*/}
.gboxlist ul li a{ display:block; width:100%; height:302px;}
a.act_link{ display:block; width:100%; height:100%; z-index:1; position:absolute; left:0; top:0}
.box04{ width:1300px; overflow:hidden; margin:20px auto; height:202px;}
.box_cl{ width:936px; height:202px; background:url(../images/b_client_bg.png) no-repeat 0 0;}
.box_quest{ width:463px; height:202px; float:left; overflow:hidden;}
.box_comu{ width:469px; height:202px; float:right; overflow:hidden;}
.box_quest_cont{ width:320px; height:106px; margin:100px 0 0 18px; } 
.box_quest_cont a{ display:block; width:78px; height:24px; border:1px solid #2fbec4; font-size:12px; color:#2fbec4; line-height:24px; text-align:center; float:left; margin:0 18px 6px 0;}
.box_quest_cont a:hover{ background:#2fbec4; color:#fff;}
.box_comu ul{ width:320px; height:80px; margin:108px 0 0 18px;}
.box_comu ul li{ width:60px; height:80px; float:left; margin-right:24px;}
.box_comu ul li a{ display:block; width:100%; height:80px;}
.box_comu ul li a em{ display:block; width:48px; height:48px; margin:0 auto; background-image:url(../images/icon0001.png); background-repeat:no-repeat;  transform:rotateY(0deg); transition: 0.6s;}
.box_comu ul li a:hover em{  transform:rotateY(180deg); transition: 0.6s;}
.box_comu01 em{ background-position:0 -205px;}
.box_comu02 em{ background-position:-55px -205px;}
.box_comu03 em{ background-position:0 -263px;}
.box_comu04 em{ background-position:-55px -263px;}
.box_comu ul li a span{ display:block; width:100%; margin-top:6px; font-size:13px; color:#2fbec4; text-align:center;}
a.act_link{ display:block; width:100%; height:760px; z-index:1; position:absolute; left:0; top:0}