@-webkit-keyframes border-ani {
  0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1}
  100% {-webkit-transform: scale(2.5);transform: scale(2.5);opacity: 0}
}
@keyframes border-ani {
  0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1}
  100% {-webkit-transform: scale(2.5);transform: scale(2.5);opacity: 0}
}
@-webkit-keyframes shadow-ani {
  0% {-webkit-transform: scale(1);transform: scale(1);opacity: 0}
  100% {-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 1}
}
@keyframes shadow-ani {
  0% {-webkit-transform: scale(1);transform: scale(1);opacity: 0}
  100% {-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 1}
}
#banner-wrap {width: 100%}
.content-wrap {width: 1300px;margin: 0 auto;position: relative}
#banner {width: 100%;margin: 0 auto;position: relative;font-size: 0}
#banner .show-banner-wrap {width: 100%;height: 100%}
#banner .show-banner {width: 100%;height: 100%;display: none}
#banner .banner0 {display: block}
#banner .swiper-slide {position: relative}
#banner .desc-block {position: absolute;top: 23%;left: 0;width: 100%;color: #d960d9;text-align: center}
#banner .desc-block .p2 {margin-top: 20px;font-size: 104px;height: 104px;line-height: 104px;font-weight: 600;font-family: Novecentowide-DemiBold}
#banner .desc-block .p1 {font-size: 136px;height: 136px;line-height: 136px;font-weight: 600;font-family: Novecentowide-DemiBold}
#banner .desc-block .p3 {font-size: 84px;height: 84px;line-height: 84px;margin-top: 70px;font-family: PingFang-SC-Heavy}
#banner .swiper-slide img {width: 100%}
#banner .swiper-container-horizontal > .swiper-pagination-bullets, #banner .swiper-pagination-custom, #banner .swiper-pagination-fraction {bottom: 39px}
#banner .swiper-pagination-bullet {width: 102px;height: 6px;background: #fff;opacity: .3;border-radius: 0}
#banner .swiper-pagination-bullet-active {background: #fff;opacity: 1}
#about-coseast-wrap {width: 100%;padding: 154px 0}
#about-coseast-wrap .about-coseast {width: 1196px;height: 100%;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
#about-coseast-wrap .about-coseast .text-desc {width: 580px;height: 100%;text-align: justify;-ms-flex-negative: 0;flex-shrink: 0;margin-right: 10px}
#about-coseast-wrap .about-coseast .p1 {font-family: Novecentowide-Medium;color: #d960d9;font-weight: 500;font-size: 39px;height: 29px;line-height: 29px}
#about-coseast-wrap .about-coseast .p2 {font-family: PingFang-SC-Bold;font-size: 38px;height: 36px;line-height: 36px;margin-top: 26px;color: #585858}
#about-coseast-wrap .about-coseast .p3 {font-family: PingFang-SC-Regular;font-weight: 400;font-size: 16px;opacity: .9;margin-top: 30px;line-height: 30px}
#about-coseast-wrap .about-coseast .p4 {width: 140px;height: 41px;line-height: 41px;border: 1px solid rgba(0, 0, 0, .35);border-radius: 21px;color: rgba(0, 0, 0, .35);font-family: PingFang-SC-Medium;font-size: 19px;margin-top: 30px;text-align: center;cursor: pointer;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
#about-coseast-wrap .about-coseast .p4 .actived {display: none}
#about-coseast-wrap .about-coseast .p4:hover {color: #fff;background: #ef3140;border: none}
#about-coseast-wrap .about-coseast .p4:hover img {display: none}
#about-coseast-wrap .about-coseast .p4:hover .actived {display: inline-block}
#about-coseast-wrap .about-coseast .p4 img {width: 25px;vertical-align: middle;margin-left: 11px}
#about-coseast-wrap .coseast-front {height: 100%}
#brand-matrix-block {width: 100%;height: 1096px;background: #f3f3f3;padding-top: 94px;padding-bottom: 104px}
#brand-matrix-block .brand-matrix {width: 1404px;margin: 0 auto}
#brand-matrix-block .brand-matrix .p1 {font-size: 39px;font-family: Novecentowide-Medium;height: 27px;line-height: 27px;color: rgba(0, 0, 0, .18);text-align: center;font-weight: 500}
#brand-matrix-block .brand-matrix .p2 {text-align: center;font-size: 38px;font-family: PingFang-SC-Bold;height: 36px;line-height: 36px;color: #585858;margin-top: 28px}
#brand-matrix-block .map-block {margin-top: 109px;position: relative}
#brand-matrix-block .map-block .map {width: 100%}
#brand-matrix-block .map-block .cycle {position: absolute;background: #ef3140;width: 128px;height: 128px;border-radius: 100%;top: 233px;left: 634px;text-align: center;-webkit-box-shadow: 3px 8px 10px 0 rgba(239, 49, 64, .17);box-shadow: 3px 8px 10px 0 rgba(239, 49, 64, .17);font-family: PingFang-SC-Bold;color: #fff}
#brand-matrix-block .map-block .cycle .border-ani, #brand-matrix-block .map-block .cycle .shadow-ani {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;border-radius: 100%}
#brand-matrix-block .map-block .cycle .border-ani {border: 1px solid rgba(0, 0, 0, .18);-webkit-animation: border-ani 3s linear infinite;animation: border-ani 3s linear infinite}
#brand-matrix-block .map-block .cycle .shadow-ani {background: rgba(239, 49, 64, .2);-webkit-animation: shadow-ani 3s linear infinite;animation: shadow-ani 3s linear infinite}
#brand-matrix-block .map-block .c1 {width: 108px;height: 108px;line-height: 108px;font-size: 34px;top: 119px;left: 391px}
#brand-matrix-block .map-block .c2 {width: 103px;height: 103px;line-height: 103px;font-size: 32px;top: 384px;left: 247px}
#brand-matrix-block .map-block .c3 {width: 84px;height: 84px;line-height: 84px;font-size: 21px;top: 206px;left: 1046px}
#brand-matrix-block .map-block .c4 {width: 67px;height: 67px;line-height: 67px;font-size: 19px;top: 336px;left: 882px}
#brand-matrix-block .map-block .c5 {width: 113px;height: 113px;line-height: 113px;font-size: 30px;top: 434px;left: 999px}
#brand-matrix-block .map-block .c6 {width: 40px;height: 40px;line-height: 40px;top: 349px;left: 495px}
#brand-matrix-block .map-block .c7 {width: 30px;height: 30px;line-height: 30px;top: 191px;left: 811px}
#brand-matrix-block .map-block .c8 {width: 50px;height: 50px;line-height: 50px;top: 487px;left: 761px}
#brand-matrix-block2 {width: 100%;height: 662px;background: #fff;padding-top: 109px;padding-bottom: 108px}
#brand-matrix-block2 .brand-matrix {width: 1404px;margin: 0 auto}
#brand-matrix-block2 .brand-matrix .p1 {font-size: 39px;font-family: Novecentowide-Medium;height: 27px;line-height: 27px;color: rgba(0, 0, 0, .18);text-align: center;font-weight: 500}
#brand-matrix-block2 .brand-matrix .p2 {text-align: center;font-size: 38px;font-family: PingFang-SC-Bold;height: 36px;line-height: 36px;color: #585858;margin-top: 28px}
#brand-matrix-block2 .item-block {height: 270px;width: 1200px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 75px}
#brand-matrix-block2 .item-block .item {width: 207px;height: 100%;background: #f3f3f3;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative}
#brand-matrix-block2 .item-block .item .icon, #brand-matrix-block2 .item-block .item .icon-white {height: 53px;position: relative;z-index: 2;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all}
#brand-matrix-block2 .item-block .item .img-wrap {height: 35px;margin-top: 62px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
#brand-matrix-block2 .item-block .item .num {color: #ef3140;font-size: 40px;font-weight: bolder;font-family: DINPro-Medium}
#brand-matrix-block2 .item-block .item .num-white {color: #fff}
#brand-matrix-block2 .item-block .item .num, #brand-matrix-block2 .item-block .item .num-white {position: relative;z-index: 2;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all}
#brand-matrix-block2 .item-block .item .icon-white, #brand-matrix-block2 .item-block .item .num-white {display: none}
#brand-matrix-block2 .item-block .item .item-desc {font-size: 17px;font-family: PingFang-SC-Regular;margin-top: 22px;position: relative;z-index: 2;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all}
#brand-matrix-block2 .item-block .item .bottom-line {position: absolute;bottom: 0;left: 0;width: 100%;height: 9px;background: #ef3140;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all;z-index: 1}
#brand-matrix-block2 .item-block .item:hover .item-desc {color: #fff}
#brand-matrix-block2 .item-block .item:hover .icon, #brand-matrix-block2 .item-block .item:hover .num {display: none}
#brand-matrix-block2 .item-block .item:hover .icon-white, #brand-matrix-block2 .item-block .item:hover .num-white {display: block}
#brand-matrix-block2 .item-block .item:hover .bottom-line {height: 100%}
#brand-matrix-block3 {width: 100%;height: 653px;background: #f3f3f3;padding-top: 94px;padding-bottom: 64px}
#brand-matrix-block3 .brand-matrix {width: 1404px;margin: 0 auto}
#brand-matrix-block3 .brand-matrix .p1 {font-size: 39px;font-family: Novecentowide-Medium;height: 27px;line-height: 27px;color: rgba(0, 0, 0, .18);text-align: center;font-weight: 500}
#brand-matrix-block3 .brand-matrix .p2 {text-align: center;font-size: 38px;font-family: PingFang-SC-Bold;height: 36px;line-height: 36px;color: #585858;margin-top: 28px}
#brand-matrix-block3 .brand-block {height: 135px;width: 1200px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 84px}
#brand-matrix-block3 .brand-block:last-child {margin-top: 49px}
#brand-matrix-block3 .brand-block .item {overflow: hidden;width: 272px;height: 135px;border-radius: 10px}
#brand-matrix-block3 .brand-block .item img {width: 100%;height: 100%;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all}
#brand-matrix-block3 .brand-block .item img:hover {-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%}
@media (min-width: 768px) {
  #banner-wrap {width: 100%}
  .content-wrap {width: 1300px;margin: 0 auto;position: relative}
  #banner {width: 100%;margin: 0 auto;position: relative;font-size: 0}
  #banner .show-banner-wrap {width: 100%;height: 100%}
  #banner .show-banner {width: 100%;height: 100%;display: none}
  #banner .banner0 {display: block}
  #banner .swiper-slide {position: relative}
  #banner .desc-block {position: absolute;top: 11.88333333%;left: 0;width: 100%;color: #d960d9;text-align: center}
  #banner .desc-block .p2 {margin-top: 20px;font-size: 53.73333333px;height: 53.73333333px;line-height: 53.73333333px;font-weight: 600;font-family: Novecentowide-DemiBold}
  #banner .desc-block .p1 {font-size: 70.26666667px;height: 70.26666667px;line-height: 70.26666667px;font-weight: 600;font-family: Novecentowide-DemiBold}
  #banner .desc-block .p3 {font-size: 43.4px;height: 43.4px;line-height: 43.4px;margin-top: 36.16666667px;font-family: PingFang-SC-Heavy}
  #banner .swiper-slide img {width: 100%}
  #banner .swiper-container-horizontal > .swiper-pagination-bullets, #banner .swiper-pagination-custom, #banner .swiper-pagination-fraction {bottom: 39px}
  #banner .swiper-pagination-bullet {width: 102px;height: 6px;background: #fff;opacity: .3;border-radius: 0}
  #banner .swiper-pagination-bullet-active {background: #fff;opacity: 1}
  #about-coseast-wrap {width: 100%;padding: 79.56666667px 0}
  #about-coseast-wrap .about-coseast {width: 617.93333333px;height: 100%;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
  #about-coseast-wrap .about-coseast .text-desc {width: 299.66666667px;height: 100%;text-align: justify;-ms-flex-negative: 0;flex-shrink: 0;margin-right: 10px}
  #about-coseast-wrap .about-coseast .p1 {font-family: Novecentowide-Medium;color: #d960d9;font-weight: 500;font-size: 20.15px;height: 14.98333333px;line-height: 14.98333333px}
  #about-coseast-wrap .about-coseast .p2 {font-family: PingFang-SC-Bold;font-size: 19.63333333px;height: 18.6px;line-height: 18.6px;margin-top: 13.43333333px;color: #585858}
  #about-coseast-wrap .about-coseast .p3 {font-family: PingFang-SC-Regular;font-weight: 400;font-size: 8.26666667px;opacity: .9;margin-top: 15.5px;line-height: 15.5px}
  #about-coseast-wrap .about-coseast .p4 {width: 72.33333333px;height: 21.18333333px;line-height: 21.18333333px;border: 1px solid rgba(0, 0, 0, .35);border-radius: 21px;color: rgba(0, 0, 0, .35);font-family: PingFang-SC-Medium;font-size: 9.81666667px;margin-top: 15.5px;text-align: center;cursor: pointer;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
  #about-coseast-wrap .about-coseast .p4 .actived {display: none}
  #about-coseast-wrap .about-coseast .p4:hover {color: #fff;background: #ef3140;border: none}
  #about-coseast-wrap .about-coseast .p4:hover img {display: none}
  #about-coseast-wrap .about-coseast .p4:hover .actived {display: inline-block}
  #about-coseast-wrap .about-coseast .p4 img {width: 12.91666667px;vertical-align: middle;margin-left: 5.68333333px}
  #about-coseast-wrap .coseast-front {height: 100%}
  #brand-matrix-block {width: 100%;height: 566.26666667px;background: #f3f3f3;padding-top: 48.56666667px;padding-bottom: 53.73333333px}
  #brand-matrix-block .brand-matrix {width: 725.4px;margin: 0 auto}
  #brand-matrix-block .brand-matrix .p1 {font-size: 20.15px;font-family: Novecentowide-Medium;height: 13.95px;line-height: 13.95px;color: rgba(0, 0, 0, .18);text-align: center;font-weight: 500}
  #brand-matrix-block .brand-matrix .p2 {text-align: center;font-size: 19.63333333px;font-family: PingFang-SC-Bold;height: 18.6px;line-height: 18.6px;color: #585858;margin-top: 14.46666667px}
  #brand-matrix-block .map-block {margin-top: 56.31666667px;position: relative}
  #brand-matrix-block .map-block .map {width: 100%}
  #brand-matrix-block .map-block .cycle {position: absolute;background: #ef3140;width: 66.13333333px;height: 66.13333333px;border-radius: 100%;top: 120.38333333px;left: 327.56666667px;text-align: center;-webkit-box-shadow: 3px 8px 10px 0 rgba(239, 49, 64, .17);box-shadow: 3px 8px 10px 0 rgba(239, 49, 64, .17);font-family: PingFang-SC-Bold;color: #fff}
  #brand-matrix-block .map-block .cycle .border-ani, #brand-matrix-block .map-block .cycle .shadow-ani {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;border-radius: 100%}
  #brand-matrix-block .map-block .cycle .border-ani {border: 1px solid rgba(0, 0, 0, .18);-webkit-animation: border-ani 3s linear infinite;animation: border-ani 3s linear infinite}
  #brand-matrix-block .map-block .cycle .shadow-ani {background: rgba(239, 49, 64, .2);-webkit-animation: shadow-ani 3s linear infinite;animation: shadow-ani 3s linear infinite}
  #brand-matrix-block .map-block .c1 {width: 55.8px;height: 55.8px;line-height: 55.8px;font-size: 17.56666667px;top: 61.48333333px;left: 202.01666667px}
  #brand-matrix-block .map-block .c2 {width: 53.21666667px;height: 53.21666667px;line-height: 53.21666667px;font-size: 16.53333333px;top: 198.4px;left: 127.61666667px}
  #brand-matrix-block .map-block .c3 {width: 43.4px;height: 43.4px;line-height: 43.4px;font-size: 10.85px;top: 106.43333333px;left: 540.43333333px}
  #brand-matrix-block .map-block .c4 {width: 34.61666667px;height: 34.61666667px;line-height: 34.61666667px;font-size: 9.81666667px;top: 173.6px;left: 455.7px}
  #brand-matrix-block .map-block .c5 {width: 58.38333333px;height: 58.38333333px;line-height: 58.38333333px;font-size: 15.5px;top: 224.23333333px;left: 516.15px}
  #brand-matrix-block .map-block .c6 {width: 20.66666667px;height: 20.66666667px;line-height: 20.66666667px;top: 180.31666667px;left: 255.75px}
  #brand-matrix-block .map-block .c7 {width: 15.5px;height: 15.5px;line-height: 15.5px;top: 98.68333333px;left: 419.01666667px}
  #brand-matrix-block .map-block .c8 {width: 25.83333333px;height: 25.83333333px;line-height: 25.83333333px;top: 251.61666667px;left: 393.18333333px}
  #brand-matrix-block2 {width: 100%;height: 342.03333333px;background: #fff;padding-top: 56.31666667px;padding-bottom: 55.8px}
  #brand-matrix-block2 .brand-matrix {width: 725.4px;margin: 0 auto}
  #brand-matrix-block2 .brand-matrix .p1 {font-size: 20.15px;font-family: Novecentowide-Medium;height: 13.95px;line-height: 13.95px;color: rgba(0, 0, 0, .18);text-align: center;font-weight: 500}
  #brand-matrix-block2 .brand-matrix .p2 {text-align: center;font-size: 19.63333333px;font-family: PingFang-SC-Bold;height: 18.6px;line-height: 18.6px;color: #585858;margin-top: 14.46666667px}
  #brand-matrix-block2 .item-block {height: 139.5px;width: 620px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 38.75px}
  #brand-matrix-block2 .item-block .item {width: 106.95px;height: 100%;background: #f3f3f3;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative}
  #brand-matrix-block2 .item-block .item .icon, #brand-matrix-block2 .item-block .item .icon-white {height: 27.38333333px;position: relative;z-index: 2;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all}
  #brand-matrix-block2 .item-block .item .img-wrap {height: 18.08333333px;margin-top: 32.03333333px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
  #brand-matrix-block2 .item-block .item .num {color: #ef3140;font-size: 20.66666667px;font-weight: bolder;font-family: DINPro-Medium}
  #brand-matrix-block2 .item-block .item .num-white {color: #fff}
  #brand-matrix-block2 .item-block .item .num, #brand-matrix-block2 .item-block .item .num-white {position: relative;z-index: 2;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all}
  #brand-matrix-block2 .item-block .item .icon-white, #brand-matrix-block2 .item-block .item .num-white {display: none}
  #brand-matrix-block2 .item-block .item .item-desc {font-size: 8.78333333px;font-family: PingFang-SC-Regular;margin-top: 11.36666667px;position: relative;z-index: 2;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all}
  #brand-matrix-block2 .item-block .item .bottom-line {position: absolute;bottom: 0;left: 0;width: 100%;height: 4.65px;background: #ef3140;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all;z-index: 1}
  #brand-matrix-block2 .item-block .item:hover .item-desc {color: #fff}
  #brand-matrix-block2 .item-block .item:hover .icon, #brand-matrix-block2 .item-block .item:hover .num {display: none}
  #brand-matrix-block2 .item-block .item:hover .icon-white, #brand-matrix-block2 .item-block .item:hover .num-white {display: block}
  #brand-matrix-block2 .item-block .item:hover .bottom-line {height: 100%}
  #brand-matrix-block3 {width: 100%;height: 337.38333333px;background: #f3f3f3;padding-top: 48.56666667px;padding-bottom: 33.06666667px}
  #brand-matrix-block3 .brand-matrix {width: 725.4px;margin: 0 auto}
  #brand-matrix-block3 .brand-matrix .p1 {font-size: 20.15px;font-family: Novecentowide-Medium;height: 13.95px;line-height: 13.95px;color: rgba(0, 0, 0, .18);text-align: center;font-weight: 500}
  #brand-matrix-block3 .brand-matrix .p2 {text-align: center;font-size: 19.63333333px;font-family: PingFang-SC-Bold;height: 18.6px;line-height: 18.6px;color: #585858;margin-top: 14.46666667px}
  #brand-matrix-block3 .brand-block {height: 69.75px;width: 620px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 43.4px}
  #brand-matrix-block3 .brand-block:last-child {margin-top: 25.31666667px}
  #brand-matrix-block3 .brand-block .item {overflow: hidden;width: 140.53333333px;height: 69.75px;border-radius: 10px}
  #brand-matrix-block3 .brand-block .item img {width: 100%;height: 100%;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all}
  #brand-matrix-block3 .brand-block .item img:hover {-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%}
}
@media (min-width: 992px) {
  #banner-wrap {width: 100%}
  .content-wrap {width: 1300px;margin: 0 auto;position: relative}
  #banner {width: 100%;margin: 0 auto;position: relative;font-size: 0}
  #banner .show-banner-wrap {width: 100%;height: 100%}
  #banner .show-banner {width: 100%;height: 100%;display: none}
  #banner .banner0 {display: block}
  #banner .swiper-slide {position: relative}
  #banner .desc-block {position: absolute;top: 14.734375%;left: 0;width: 100%;color: #d960d9;text-align: center}
  #banner .desc-block .p2 {margin-top: 20px;font-size: 66.625px;height: 66.625px;line-height: 66.625px;font-weight: 600;font-family: Novecentowide-DemiBold}
  #banner .desc-block .p1 {font-size: 87.125px;height: 87.125px;line-height: 87.125px;font-weight: 600;font-family: Novecentowide-DemiBold}
  #banner .desc-block .p3 {font-size: 53.8125px;height: 53.8125px;line-height: 53.8125px;margin-top: 44.84375px;font-family: PingFang-SC-Heavy}
  #banner .swiper-slide img {width: 100%}
  #banner .swiper-container-horizontal > .swiper-pagination-bullets, #banner .swiper-pagination-custom, #banner .swiper-pagination-fraction {bottom: 39px}
  #banner .swiper-pagination-bullet {width: 102px;height: 6px;background: #fff;opacity: .3;border-radius: 0}
  #banner .swiper-pagination-bullet-active {background: #fff;opacity: 1}
  #about-coseast-wrap {width: 100%;padding: 98.65625px 0}
  #about-coseast-wrap .about-coseast {width: 766.1875px;height: 100%;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
  #about-coseast-wrap .about-coseast .text-desc {width: 371.5625px;height: 100%;text-align: justify;-ms-flex-negative: 0;flex-shrink: 0;margin-right: 10px}
  #about-coseast-wrap .about-coseast .p1 {font-family: Novecentowide-Medium;color: #d960d9;font-weight: 500;font-size: 24.984375px;height: 18.578125px;line-height: 18.578125px}
  #about-coseast-wrap .about-coseast .p2 {font-family: PingFang-SC-Bold;font-size: 24.34375px;height: 23.0625px;line-height: 23.0625px;margin-top: 16.65625px;color: #585858}
  #about-coseast-wrap .about-coseast .p3 {font-family: PingFang-SC-Regular;font-weight: 400;font-size: 10.25px;opacity: .9;margin-top: 19.21875px;line-height: 19.21875px}
  #about-coseast-wrap .about-coseast .p4 {width: 89.6875px;height: 26.265625px;line-height: 26.265625px;border: 1px solid rgba(0, 0, 0, .35);border-radius: 21px;color: rgba(0, 0, 0, .35);font-family: PingFang-SC-Medium;font-size: 12.171875px;margin-top: 19.21875px;text-align: center;cursor: pointer;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
  #about-coseast-wrap .about-coseast .p4 .actived {display: none}
  #about-coseast-wrap .about-coseast .p4:hover {color: #fff;background: #ef3140;border: none}
  #about-coseast-wrap .about-coseast .p4:hover img {display: none}
  #about-coseast-wrap .about-coseast .p4:hover .actived {display: inline-block}
  #about-coseast-wrap .about-coseast .p4 img {width: 16.015625px;vertical-align: middle;margin-left: 7.046875px}
  #about-coseast-wrap .coseast-front {height: 100%}
  #brand-matrix-block {width: 100%;height: 702.125px;background: #f3f3f3;padding-top: 60.21875px;padding-bottom: 66.625px}
  #brand-matrix-block .brand-matrix {width: 899.4375px;margin: 0 auto}
  #brand-matrix-block .brand-matrix .p1 {font-size: 24.984375px;font-family: Novecentowide-Medium;height: 17.296875px;line-height: 17.296875px;color: rgba(0, 0, 0, .18);text-align: center;font-weight: 500}
  #brand-matrix-block .brand-matrix .p2 {text-align: center;font-size: 24.34375px;font-family: PingFang-SC-Bold;height: 23.0625px;line-height: 23.0625px;color: #585858;margin-top: 17.9375px}
  #brand-matrix-block .map-block {margin-top: 69.828125px;position: relative}
  #brand-matrix-block .map-block .map {width: 100%}
  #brand-matrix-block .map-block .cycle {position: absolute;background: #ef3140;width: 82px;height: 82px;border-radius: 100%;top: 149.265625px;left: 406.15625px;text-align: center;-webkit-box-shadow: 3px 8px 10px 0 rgba(239, 49, 64, .17);box-shadow: 3px 8px 10px 0 rgba(239, 49, 64, .17);font-family: PingFang-SC-Bold;color: #fff}
  #brand-matrix-block .map-block .cycle .border-ani, #brand-matrix-block .map-block .cycle .shadow-ani {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;border-radius: 100%}
  #brand-matrix-block .map-block .cycle .border-ani {border: 1px solid rgba(0, 0, 0, .18);-webkit-animation: border-ani 3s linear infinite;animation: border-ani 3s linear infinite}
  #brand-matrix-block .map-block .cycle .shadow-ani {background: rgba(239, 49, 64, .2);-webkit-animation: shadow-ani 3s linear infinite;animation: shadow-ani 3s linear infinite}
  #brand-matrix-block .map-block .c1 {width: 69.1875px;height: 69.1875px;line-height: 69.1875px;font-size: 21.78125px;top: 76.234375px;left: 250.484375px}
  #brand-matrix-block .map-block .c2 {width: 65.984375px;height: 65.984375px;line-height: 65.984375px;font-size: 20.5px;top: 246px;left: 158.234375px}
  #brand-matrix-block .map-block .c3 {width: 53.8125px;height: 53.8125px;line-height: 53.8125px;font-size: 13.453125px;top: 131.96875px;left: 670.09375px}
  #brand-matrix-block .map-block .c4 {width: 42.921875px;height: 42.921875px;line-height: 42.921875px;font-size: 12.171875px;top: 215.25px;left: 565.03125px}
  #brand-matrix-block .map-block .c5 {width: 72.390625px;height: 72.390625px;line-height: 72.390625px;font-size: 19.21875px;top: 278.03125px;left: 639.984375px}
  #brand-matrix-block .map-block .c6 {width: 25.625px;height: 25.625px;line-height: 25.625px;top: 223.578125px;left: 317.109375px}
  #brand-matrix-block .map-block .c7 {width: 19.21875px;height: 19.21875px;line-height: 19.21875px;top: 122.359375px;left: 519.546875px}
  #brand-matrix-block .map-block .c8 {width: 32.03125px;height: 32.03125px;line-height: 32.03125px;top: 311.984375px;left: 487.515625px}
  #brand-matrix-block2 {width: 100%;height: 424.09375px;background: #fff;padding-top: 69.828125px;padding-bottom: 69.1875px}
  #brand-matrix-block2 .brand-matrix {width: 899.4375px;margin: 0 auto}
  #brand-matrix-block2 .brand-matrix .p1 {font-size: 24.984375px;font-family: Novecentowide-Medium;height: 17.296875px;line-height: 17.296875px;color: rgba(0, 0, 0, .18);text-align: center;font-weight: 500}
  #brand-matrix-block2 .brand-matrix .p2 {text-align: center;font-size: 24.34375px;font-family: PingFang-SC-Bold;height: 23.0625px;line-height: 23.0625px;color: #585858;margin-top: 17.9375px}
  #brand-matrix-block2 .item-block {height: 172.96875px;width: 768.75px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 48.046875px}
  #brand-matrix-block2 .item-block .item {width: 132.609375px;height: 100%;background: #f3f3f3;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative}
  #brand-matrix-block2 .item-block .item .icon, #brand-matrix-block2 .item-block .item .icon-white {height: 33.953125px;position: relative;z-index: 2;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all}
  #brand-matrix-block2 .item-block .item .img-wrap {height: 22.421875px;margin-top: 39.71875px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
  #brand-matrix-block2 .item-block .item .num {color: #ef3140;font-size: 25.625px;font-weight: bolder;font-family: DINPro-Medium}
  #brand-matrix-block2 .item-block .item .num-white {color: #fff}
  #brand-matrix-block2 .item-block .item .num, #brand-matrix-block2 .item-block .item .num-white {position: relative;z-index: 2;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all}
  #brand-matrix-block2 .item-block .item .icon-white, #brand-matrix-block2 .item-block .item .num-white {display: none}
  #brand-matrix-block2 .item-block .item .item-desc {font-size: 10.890625px;font-family: PingFang-SC-Regular;margin-top: 14.09375px;position: relative;z-index: 2;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all}
  #brand-matrix-block2 .item-block .item .bottom-line {position: absolute;bottom: 0;left: 0;width: 100%;height: 5.765625px;background: #ef3140;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all;z-index: 1}
  #brand-matrix-block2 .item-block .item:hover .item-desc {color: #fff}
  #brand-matrix-block2 .item-block .item:hover .icon, #brand-matrix-block2 .item-block .item:hover .num {display: none}
  #brand-matrix-block2 .item-block .item:hover .icon-white, #brand-matrix-block2 .item-block .item:hover .num-white {display: block}
  #brand-matrix-block2 .item-block .item:hover .bottom-line {height: 100%}
  #brand-matrix-block3 {width: 100%;height: 418.328125px;background: #f3f3f3;padding-top: 60.21875px;padding-bottom: 41px}
  #brand-matrix-block3 .brand-matrix {width: 899.4375px;margin: 0 auto}
  #brand-matrix-block3 .brand-matrix .p1 {font-size: 24.984375px;font-family: Novecentowide-Medium;height: 17.296875px;line-height: 17.296875px;color: rgba(0, 0, 0, .18);text-align: center;font-weight: 500}
  #brand-matrix-block3 .brand-matrix .p2 {text-align: center;font-size: 24.34375px;font-family: PingFang-SC-Bold;height: 23.0625px;line-height: 23.0625px;color: #585858;margin-top: 17.9375px}
  #brand-matrix-block3 .brand-block {height: 86.484375px;width: 768.75px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 53.8125px}
  #brand-matrix-block3 .brand-block:last-child {margin-top: 31.390625px}
  #brand-matrix-block3 .brand-block .item {overflow: hidden;width: 174.25px;height: 86.484375px;border-radius: 10px}
  #brand-matrix-block3 .brand-block .item img {width: 100%;height: 100%;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all}
  #brand-matrix-block3 .brand-block .item img:hover {-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%}
}
@media (min-width: 1230px) {
  #banner-wrap {width: 100%}
  .content-wrap {width: 1300px;margin: 0 auto;position: relative}
  #banner {width: 100%;margin: 0 auto;position: relative;font-size: 0}
  #banner .show-banner-wrap {width: 100%;height: 100%}
  #banner .show-banner {width: 100%;height: 100%;display: none}
  #banner .banner0 {display: block}
  #banner .swiper-slide {position: relative}
  #banner .desc-block {position: absolute;top: 17.609375%;left: 0;width: 100%;color: #d960d9;text-align: center}
  #banner .desc-block .p2 {margin-top: 20px;font-size: 79.625px;height: 79.625px;line-height: 79.625px;font-weight: 600;font-family: Novecentowide-DemiBold}
  #banner .desc-block .p1 {font-size: 104.125px;height: 104.125px;line-height: 104.125px;font-weight: 600;font-family: Novecentowide-DemiBold}
  #banner .desc-block .p3 {font-size: 64.3125px;height: 64.3125px;line-height: 64.3125px;margin-top: 53.59375px;font-family: PingFang-SC-Heavy}
  #banner .swiper-slide img {width: 100%}
  #banner .swiper-container-horizontal > .swiper-pagination-bullets, #banner .swiper-pagination-custom, #banner .swiper-pagination-fraction {bottom: 39px}
  #banner .swiper-pagination-bullet {width: 102px;height: 6px;background: #fff;opacity: .3;border-radius: 0}
  #banner .swiper-pagination-bullet-active {background: #fff;opacity: 1}
  #about-coseast-wrap {width: 100%;padding: 117.90625px 0}
  #about-coseast-wrap .about-coseast {width: 915.6875px;height: 100%;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
  #about-coseast-wrap .about-coseast .text-desc {width: 444.0625px;height: 100%;text-align: justify;-ms-flex-negative: 0;flex-shrink: 0;margin-right: 10px}
  #about-coseast-wrap .about-coseast .p1 {font-family: Novecentowide-Medium;color: #d960d9;font-weight: 500;font-size: 29.859375px;height: 22.203125px;line-height: 22.203125px}
  #about-coseast-wrap .about-coseast .p2 {font-family: PingFang-SC-Bold;font-size: 29.09375px;height: 27.5625px;line-height: 27.5625px;margin-top: 19.90625px;color: #585858}
  #about-coseast-wrap .about-coseast .p3 {font-family: PingFang-SC-Regular;font-weight: 400;font-size: 12.25px;opacity: .9;margin-top: 22.96875px;line-height: 22.96875px}
  #about-coseast-wrap .about-coseast .p4 {width: 107.1875px;height: 31.390625px;line-height: 31.390625px;border: 1px solid rgba(0, 0, 0, .35);border-radius: 21px;color: rgba(0, 0, 0, .35);font-family: PingFang-SC-Medium;font-size: 14.546875px;margin-top: 22.96875px;text-align: center;cursor: pointer;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
  #about-coseast-wrap .about-coseast .p4 .actived {display: none}
  #about-coseast-wrap .about-coseast .p4:hover {color: #fff;background: #ef3140;border: none}
  #about-coseast-wrap .about-coseast .p4:hover img {display: none}
  #about-coseast-wrap .about-coseast .p4:hover .actived {display: inline-block}
  #about-coseast-wrap .about-coseast .p4 img {width: 19.140625px;vertical-align: middle;margin-left: 8.421875px}
  #about-coseast-wrap .coseast-front {height: 100%}
  #brand-matrix-block {width: 100%;height: 839.125px;background: #f3f3f3;padding-top: 71.96875px;padding-bottom: 79.625px}
  #brand-matrix-block .brand-matrix {width: 1074.9375px;margin: 0 auto}
  #brand-matrix-block .brand-matrix .p1 {font-size: 29.859375px;font-family: Novecentowide-Medium;height: 20.671875px;line-height: 20.671875px;color: rgba(0, 0, 0, .18);text-align: center;font-weight: 500}
  #brand-matrix-block .brand-matrix .p2 {text-align: center;font-size: 29.09375px;font-family: PingFang-SC-Bold;height: 27.5625px;line-height: 27.5625px;color: #585858;margin-top: 21.4375px}
  #brand-matrix-block .map-block {margin-top: 83.453125px;position: relative}
  #brand-matrix-block .map-block .map {width: 100%}
  #brand-matrix-block .map-block .cycle {position: absolute;background: #ef3140;width: 98px;height: 98px;border-radius: 100%;top: 178.390625px;left: 485.40625px;text-align: center;-webkit-box-shadow: 3px 8px 10px 0 rgba(239, 49, 64, .17);box-shadow: 3px 8px 10px 0 rgba(239, 49, 64, .17);font-family: PingFang-SC-Bold;color: #fff}
  #brand-matrix-block .map-block .cycle .border-ani, #brand-matrix-block .map-block .cycle .shadow-ani {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;border-radius: 100%}
  #brand-matrix-block .map-block .cycle .border-ani {border: 1px solid rgba(0, 0, 0, .18);-webkit-animation: border-ani 3s linear infinite;animation: border-ani 3s linear infinite}
  #brand-matrix-block .map-block .cycle .shadow-ani {background: rgba(239, 49, 64, .2);-webkit-animation: shadow-ani 3s linear infinite;animation: shadow-ani 3s linear infinite}
  #brand-matrix-block .map-block .c1 {width: 82.6875px;height: 82.6875px;line-height: 82.6875px;font-size: 26.03125px;top: 91.109375px;left: 299.359375px}
  #brand-matrix-block .map-block .c2 {width: 78.859375px;height: 78.859375px;line-height: 78.859375px;font-size: 24.5px;top: 294px;left: 189.109375px}
  #brand-matrix-block .map-block .c3 {width: 64.3125px;height: 64.3125px;line-height: 64.3125px;font-size: 16.078125px;top: 157.71875px;left: 800.84375px}
  #brand-matrix-block .map-block .c4 {width: 51.296875px;height: 51.296875px;line-height: 51.296875px;font-size: 14.546875px;top: 257.25px;left: 675.28125px}
  #brand-matrix-block .map-block .c5 {width: 86.515625px;height: 86.515625px;line-height: 86.515625px;font-size: 22.96875px;top: 332.28125px;left: 764.859375px}
  #brand-matrix-block .map-block .c6 {width: 30.625px;height: 30.625px;line-height: 30.625px;top: 267.203125px;left: 378.984375px}
  #brand-matrix-block .map-block .c7 {width: 22.96875px;height: 22.96875px;line-height: 22.96875px;top: 146.234375px;left: 620.921875px}
  #brand-matrix-block .map-block .c8 {width: 38.28125px;height: 38.28125px;line-height: 38.28125px;top: 372.859375px;left: 582.640625px}
  #brand-matrix-block2 {width: 100%;height: 506.84375px;background: #fff;padding-top: 83.453125px;padding-bottom: 82.6875px}
  #brand-matrix-block2 .brand-matrix {width: 1074.9375px;margin: 0 auto}
  #brand-matrix-block2 .brand-matrix .p1 {font-size: 29.859375px;font-family: Novecentowide-Medium;height: 20.671875px;line-height: 20.671875px;color: rgba(0, 0, 0, .18);text-align: center;font-weight: 500}
  #brand-matrix-block2 .brand-matrix .p2 {text-align: center;font-size: 29.09375px;font-family: PingFang-SC-Bold;height: 27.5625px;line-height: 27.5625px;color: #585858;margin-top: 21.4375px}
  #brand-matrix-block2 .item-block {height: 206.71875px;width: 918.75px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 57.421875px}
  #brand-matrix-block2 .item-block .item {width: 158.484375px;height: 100%;background: #f3f3f3;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative}
  #brand-matrix-block2 .item-block .item .icon, #brand-matrix-block2 .item-block .item .icon-white {height: 40.578125px;position: relative;z-index: 2;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all}
  #brand-matrix-block2 .item-block .item .img-wrap {height: 26.796875px;margin-top: 47.46875px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
  #brand-matrix-block2 .item-block .item .num {color: #ef3140;font-size: 30.625px;font-weight: bolder;font-family: DINPro-Medium}
  #brand-matrix-block2 .item-block .item .num-white {color: #fff}
  #brand-matrix-block2 .item-block .item .num, #brand-matrix-block2 .item-block .item .num-white {position: relative;z-index: 2;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all}
  #brand-matrix-block2 .item-block .item .icon-white, #brand-matrix-block2 .item-block .item .num-white {display: none}
  #brand-matrix-block2 .item-block .item .item-desc {font-size: 13.015625px;font-family: PingFang-SC-Regular;margin-top: 16.84375px;position: relative;z-index: 2;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all}
  #brand-matrix-block2 .item-block .item .bottom-line {position: absolute;bottom: 0;left: 0;width: 100%;height: 6.890625px;background: #ef3140;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all;z-index: 1}
  #brand-matrix-block2 .item-block .item:hover .item-desc {color: #fff}
  #brand-matrix-block2 .item-block .item:hover .icon, #brand-matrix-block2 .item-block .item:hover .num {display: none}
  #brand-matrix-block2 .item-block .item:hover .icon-white, #brand-matrix-block2 .item-block .item:hover .num-white {display: block}
  #brand-matrix-block2 .item-block .item:hover .bottom-line {height: 100%}
  #brand-matrix-block3 {width: 100%;height: 499.953125px;background: #f3f3f3;padding-top: 71.96875px;padding-bottom: 49px}
  #brand-matrix-block3 .brand-matrix {width: 1074.9375px;margin: 0 auto}
  #brand-matrix-block3 .brand-matrix .p1 {font-size: 29.859375px;font-family: Novecentowide-Medium;height: 20.671875px;line-height: 20.671875px;color: rgba(0, 0, 0, .18);text-align: center;font-weight: 500}
  #brand-matrix-block3 .brand-matrix .p2 {text-align: center;font-size: 29.09375px;font-family: PingFang-SC-Bold;height: 27.5625px;line-height: 27.5625px;color: #585858;margin-top: 21.4375px}
  #brand-matrix-block3 .brand-block {height: 103.359375px;width: 918.75px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 64.3125px}
  #brand-matrix-block3 .brand-block:last-child {margin-top: 37.515625px}
  #brand-matrix-block3 .brand-block .item {overflow: hidden;width: 208.25px;height: 103.359375px;border-radius: 10px}
  #brand-matrix-block3 .brand-block .item img {width: 100%;height: 100%;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all}
  #brand-matrix-block3 .brand-block .item img:hover {-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%}
}
@media (min-width: 1470px) {
  #banner-wrap {width: 100%}
  .content-wrap {width: 1300px;margin: 0 auto;position: relative}
  #banner {width: 100%;margin: 0 auto;position: relative;font-size: 0}
  #banner .show-banner-wrap {width: 100%;height: 100%}
  #banner .show-banner {width: 100%;height: 100%;display: none}
  #banner .banner0 {display: block}
  #banner .swiper-slide {position: relative}
  #banner .desc-block {position: absolute;top: 23%;left: 0;width: 100%;color: #d960d9;text-align: center}
  #banner .desc-block .p2 {margin-top: 20px;font-size: 104px;height: 104px;line-height: 104px;font-weight: 600;font-family: Novecentowide-DemiBold}
  #banner .desc-block .p1 {font-size: 136px;height: 136px;line-height: 136px;font-weight: 600;font-family: Novecentowide-DemiBold}
  #banner .desc-block .p3 {font-size: 84px;height: 84px;line-height: 84px;margin-top: 70px;font-family: PingFang-SC-Heavy}
  #banner .swiper-slide img {width: 100%}
  #banner .swiper-container-horizontal > .swiper-pagination-bullets, #banner .swiper-pagination-custom, #banner .swiper-pagination-fraction {bottom: 39px}
  #banner .swiper-pagination-bullet {width: 102px;height: 6px;background: #fff;opacity: .3;border-radius: 0}
  #banner .swiper-pagination-bullet-active {background: #fff;opacity: 1}
  #about-coseast-wrap {width: 100%;padding: 154px 0}
  #about-coseast-wrap .about-coseast {width: 1196px;height: 100%;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
  #about-coseast-wrap .about-coseast .text-desc {width: 580px;height: 100%;text-align: justify;-ms-flex-negative: 0;flex-shrink: 0;margin-right: 10px}
  #about-coseast-wrap .about-coseast .p1 {font-family: Novecentowide-Medium;color: #d960d9;font-weight: 500;font-size: 39px;height: 29px;line-height: 29px}
  #about-coseast-wrap .about-coseast .p2 {font-family: PingFang-SC-Bold;font-size: 38px;height: 36px;line-height: 36px;margin-top: 26px;color: #585858}
  #about-coseast-wrap .about-coseast .p3 {font-family: PingFang-SC-Regular;font-weight: 400;font-size: 16px;opacity: .9;margin-top: 30px;line-height: 30px}
  #about-coseast-wrap .about-coseast .p4 {width: 140px;height: 41px;line-height: 41px;border: 1px solid rgba(0, 0, 0, .35);border-radius: 21px;color: rgba(0, 0, 0, .35);font-family: PingFang-SC-Medium;font-size: 19px;margin-top: 30px;text-align: center;cursor: pointer;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
  #about-coseast-wrap .about-coseast .p4 .actived {display: none}
  #about-coseast-wrap .about-coseast .p4:hover {color: #fff;background: #ef3140;border: none}
  #about-coseast-wrap .about-coseast .p4:hover img {display: none}
  #about-coseast-wrap .about-coseast .p4:hover .actived {display: inline-block}
  #about-coseast-wrap .about-coseast .p4 img {width: 25px;vertical-align: middle;margin-left: 11px}
  #about-coseast-wrap .coseast-front {height: 100%}
  #brand-matrix-block {width: 100%;height: 1096px;background: #f3f3f3;padding-top: 94px;padding-bottom: 104px}
  #brand-matrix-block .brand-matrix {width: 1404px;margin: 0 auto}
  #brand-matrix-block .brand-matrix .p1 {font-size: 39px;font-family: Novecentowide-Medium;height: 27px;line-height: 27px;color: rgba(0, 0, 0, .18);text-align: center;font-weight: 500}
  #brand-matrix-block .brand-matrix .p2 {text-align: center;font-size: 38px;font-family: PingFang-SC-Bold;height: 36px;line-height: 36px;color: #585858;margin-top: 28px}
  #brand-matrix-block .map-block {margin-top: 109px;position: relative}
  #brand-matrix-block .map-block .map {width: 100%}
  #brand-matrix-block .map-block .cycle {position: absolute;background: #ef3140;width: 128px;height: 128px;border-radius: 100%;top: 233px;left: 634px;text-align: center;-webkit-box-shadow: 3px 8px 10px 0 rgba(239, 49, 64, .17);box-shadow: 3px 8px 10px 0 rgba(239, 49, 64, .17);font-family: PingFang-SC-Bold;color: #fff}
  #brand-matrix-block .map-block .cycle .border-ani, #brand-matrix-block .map-block .cycle .shadow-ani {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;border-radius: 100%}
  #brand-matrix-block .map-block .cycle .border-ani {border: 1px solid rgba(0, 0, 0, .18);-webkit-animation: border-ani 3s linear infinite;animation: border-ani 3s linear infinite}
  #brand-matrix-block .map-block .cycle .shadow-ani {background: rgba(239, 49, 64, .2);-webkit-animation: shadow-ani 3s linear infinite;animation: shadow-ani 3s linear infinite}
  #brand-matrix-block .map-block .c1 {width: 108px;height: 108px;line-height: 108px;font-size: 34px;top: 119px;left: 391px}
  #brand-matrix-block .map-block .c2 {width: 103px;height: 103px;line-height: 103px;font-size: 32px;top: 384px;left: 247px}
  #brand-matrix-block .map-block .c3 {width: 84px;height: 84px;line-height: 84px;font-size: 21px;top: 206px;left: 1046px}
  #brand-matrix-block .map-block .c4 {width: 67px;height: 67px;line-height: 67px;font-size: 19px;top: 336px;left: 882px}
  #brand-matrix-block .map-block .c5 {width: 113px;height: 113px;line-height: 113px;font-size: 30px;top: 434px;left: 999px}
  #brand-matrix-block .map-block .c6 {width: 40px;height: 40px;line-height: 40px;top: 349px;left: 495px}
  #brand-matrix-block .map-block .c7 {width: 30px;height: 30px;line-height: 30px;top: 191px;left: 811px}
  #brand-matrix-block .map-block .c8 {width: 50px;height: 50px;line-height: 50px;top: 487px;left: 761px}
  #brand-matrix-block2 {width: 100%;height: 662px;background: #fff;padding-top: 109px;padding-bottom: 108px}
  #brand-matrix-block2 .brand-matrix {width: 1404px;margin: 0 auto}
  #brand-matrix-block2 .brand-matrix .p1 {font-size: 39px;font-family: Novecentowide-Medium;height: 27px;line-height: 27px;color: rgba(0, 0, 0, .18);text-align: center;font-weight: 500}
  #brand-matrix-block2 .brand-matrix .p2 {text-align: center;font-size: 38px;font-family: PingFang-SC-Bold;height: 36px;line-height: 36px;color: #585858;margin-top: 28px}
  #brand-matrix-block2 .item-block {height: 270px;width: 1200px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 75px}
  #brand-matrix-block2 .item-block .item {width: 207px;height: 100%;background: #f3f3f3;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative}
  #brand-matrix-block2 .item-block .item .icon, #brand-matrix-block2 .item-block .item .icon-white {height: 53px;position: relative;z-index: 2;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all}
  #brand-matrix-block2 .item-block .item .img-wrap {height: 35px;margin-top: 62px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
  #brand-matrix-block2 .item-block .item .num {color: #ef3140;font-size: 40px;font-weight: bolder;font-family: DINPro-Medium}
  #brand-matrix-block2 .item-block .item .num-white {color: #fff}
  #brand-matrix-block2 .item-block .item .num, #brand-matrix-block2 .item-block .item .num-white {position: relative;z-index: 2;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all}
  #brand-matrix-block2 .item-block .item .icon-white, #brand-matrix-block2 .item-block .item .num-white {display: none}
  #brand-matrix-block2 .item-block .item .item-desc {font-size: 17px;font-family: PingFang-SC-Regular;margin-top: 22px;position: relative;z-index: 2;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all}
  #brand-matrix-block2 .item-block .item .bottom-line {position: absolute;bottom: 0;left: 0;width: 100%;height: 9px;background: #ef3140;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all;z-index: 1}
  #brand-matrix-block2 .item-block .item:hover .item-desc {color: #fff}
  #brand-matrix-block2 .item-block .item:hover .icon, #brand-matrix-block2 .item-block .item:hover .num {display: none}
  #brand-matrix-block2 .item-block .item:hover .icon-white, #brand-matrix-block2 .item-block .item:hover .num-white {display: block}
  #brand-matrix-block2 .item-block .item:hover .bottom-line {height: 100%}
  #brand-matrix-block3 {width: 100%;height: 653px;background: #f3f3f3;padding-top: 94px;padding-bottom: 64px}
  #brand-matrix-block3 .brand-matrix {width: 1404px;margin: 0 auto}
  #brand-matrix-block3 .brand-matrix .p1 {font-size: 39px;font-family: Novecentowide-Medium;height: 27px;line-height: 27px;color: rgba(0, 0, 0, .18);text-align: center;font-weight: 500}
  #brand-matrix-block3 .brand-matrix .p2 {text-align: center;font-size: 38px;font-family: PingFang-SC-Bold;height: 36px;line-height: 36px;color: #585858;margin-top: 28px}
  #brand-matrix-block3 .brand-block {height: 135px;width: 1200px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 84px}
  #brand-matrix-block3 .brand-block:last-child {margin-top: 49px}
  #brand-matrix-block3 .brand-block .item {overflow: hidden;width: 272px;height: 135px;border-radius: 10px}
  #brand-matrix-block3 .brand-block .item img {width: 100%;height: 100%;-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all}
  #brand-matrix-block3 .brand-block .item img:hover {-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%}
}