.content-width {
  margin: 0 auto;
  width: 1300px; }

.public-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 80px;
  background: #002FA7; }
  .public-header.transparent {
    background: transparent; }
  .public-header .logo {
    width: 90px;
    height: 56px; }
  .public-header .nav-ul {
    flex: 1; }
    .public-header .nav-ul .nav-li {
      position: relative;
      box-sizing: border-box;
      padding: 0 30px;
      color: #fff;
      font-size: 18px; }
      .public-header .nav-ul .nav-li > span {
        height: 80px;
        line-height: 80px; }
      .public-header .nav-ul .nav-li > a {
        color: #fff;
        font-size: 18px;
        height: 80px;
        line-height: 80px;
        display: block;
        transition: all 0.6s; }
      .public-header .nav-ul .nav-li:hover .sec-ul {
        display: block;
        -webkit-animation: dropdown-animation 0.2s;
        animation: dropdown-animation 0.2s;
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top; }
  .public-header .sec-ul {
    display: none;
    position: absolute;
    top: 81px;
    left: 0;
    z-index: 10;
    min-width: 160px;
    box-sizing: border-box;
    padding: 16px 20px;
    border-radius: 8px;
    background: #002FA7; }
    .public-header .sec-ul .sec-li {
      margin-bottom: 8px;
      color: #fff;
      font-size: 14px; }
      .public-header .sec-ul .sec-li:last-child {
        margin-bottom: 0; }
      .public-header .sec-ul .sec-li > a {
        color: #fff;
        font-size: 14px; }
  .public-header .lang {
    margin-left: 30px;
    width: 26px;
    height: 26px; }
  .public-header .factory-box {
    margin-left: 63px;
    color: #fff;
    font-size: 20px; }
    .public-header .factory-box .icon {
      margin-right: 12px;
      width: 31px;
      height: 16px; }

@-webkit-keyframes dropdown-animation {
  0% {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0); }
  75% {
    -webkit-transform: scaleY(1.1);
    -ms-transform: scaleY(1.1);
    transform: scaleY(1.1); }
  100% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1); } }
@keyframes dropdown-animation {
  0% {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0); }
  75% {
    -webkit-transform: scaleY(1.1);
    -ms-transform: scaleY(1.1);
    transform: scaleY(1.1); }
  100% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1); } }
.public-main {
  padding-top: 80px;
  min-width: 1300px;
  width: 100%;
  min-height: calc(100vh - 750px); }
  .public-main.index {
    padding-top: 0; }

.public-footer {
  padding: 70px 0 0;
  width: 100%;
  min-width: 1300px;
  border-top: 18px solid #012FA7;
  overflow: hidden; }
  .public-footer.index {
    border-top: none; }
  .public-footer .footer-item {
    position: relative;
    padding: 60px 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 22%;
    height: 520px;
    background: #C9CACA;
    border-radius: 16px; }
    .public-footer .footer-item:hover {
      background: #002FA7;
      transition: all 0.3s; }
      .public-footer .footer-item:hover .symbol {
        opacity: 1;
        transform: translateY(0px) rotate(40deg) skew(-16deg);
        transition: all 0.6s; }
      .public-footer .footer-item:hover .name {
        color: #fff;
        transition: all 0.3s; }
      .public-footer .footer-item:hover ul li a {
        color: #fff;
        transition: all 0.3s; }
      .public-footer .footer-item:hover .icon {
        filter: brightness(100);
        transition: all 0.3s; }
    .public-footer .footer-item .symbol {
      position: absolute;
      top: -68px;
      right: 26px;
      z-index: 10;
      transform: translateY(-100px);
      padding: 9px;
      width: 70px;
      height: 100px;
      background: #fff;
      opacity: 0;
      transition: all 0.3s; }
      .public-footer .footer-item .symbol .sym-border {
        width: 100%;
        height: 100%;
        border-right: 8px solid #012FA7;
        border-bottom: 8px solid #012FA7; }
    .public-footer .footer-item .name {
      margin-bottom: 20px;
      font-size: 36px;
      color: #727171;
      line-height: 36px;
      text-align: center; }
    .public-footer .footer-item ul {
      margin: 0 auto;
      height: 280px;
      text-align: center; }
      .public-footer .footer-item ul li a {
        font-size: 22px;
        color: #727171;
        line-height: 30px; }
    .public-footer .footer-item .icon {
      margin: 0 auto;
      width: 100px;
      height: 100px; }
  .public-footer .footer-copy {
    margin-top: 70px;
    width: 100%;
    height: 30px;
    background: #012FA7; }
    .public-footer .footer-copy p {
      font-size: 10px;
      color: #FFFFFF;
      line-height: 30px;
      text-align: center; }

.public-banner {
  min-width: 1300px;
  width: 100%;
  height: auto; }

.tab-wrapper {
  width: 100%;
  height: 95px;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #002FA7;
  overflow-x: auto; }
  .tab-wrapper .tab-item {
    margin-right: 50px;
    font-size: 26px;
    color: #6C6C6C;
    line-height: 26px; }
    .tab-wrapper .tab-item.sel, .tab-wrapper .tab-item:hover {
      color: #002FA7; }

.block-title {
  padding-top: 70px;
  width: 100%; }
  .block-title .title {
    margin-top: 30px;
    font-size: 37px;
    color: #002FA7;
    line-height: 41px;
    animation: fadeInUp;
    animation-duration: 0.6s; }
  .block-title .sub {
    font-size: 41px;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #002FA7;
    line-height: 56px;
    animation: fadeInUp;
    animation-duration: 0.6s; }
  .block-title .line {
    margin-left: 345px;
    width: 84px;
    height: 8px;
    background: #002FA7; }
  .block-title .title-box {
    display: flex;
    align-items: flex-end; }

.block-richtext {
  margin: 24px 0 65px; }
  .block-richtext.research {
    margin-top: 10px; }
  .block-richtext .title {
    margin: 0 auto;
    width: 80%;
    font-size: 50px;
    color: #002FA7;
    line-height: 75px;
    text-align: center; }
  .block-richtext .cont-box {
    white-space: pre-wrap;
    flex: 1;
    font-size: 26px;
    color: #323232;
    line-height: 50px; }
  .block-richtext .pic-box {
    margin-left: 58px;
    margin-right: 40px;
    width: 648px;
    background: #EFEFEF; }
    .block-richtext .pic-box .pic {
      margin-bottom: 56px;
      width: 648px;
      height: auto; }
      .block-richtext .pic-box .pic:last-child {
        margin-bottom: 0; }
    .block-richtext .pic-box .pic-abo {
      transform: translate(40px, -22px); }
  .block-richtext .pic-auto-box {
    display: flex;
    flex-wrap: wrap; }
    .block-richtext .pic-auto-box .pic {
      margin-bottom: 30px;
      width: 100%;
      height: auto; }
    .block-richtext .pic-auto-box.col-2 .pic {
      margin-right: 2%;
      width: 49%; }
      .block-richtext .pic-auto-box.col-2 .pic:nth-child(2n) {
        margin-right: 0; }
    .block-richtext .pic-auto-box.col-3 .pic {
      margin-right: 2%;
      width: 32%; }
      .block-richtext .pic-auto-box.col-3 .pic:nth-child(3n) {
        margin-right: 0; }
    .block-richtext .pic-auto-box.col-4 .pic {
      margin-right: 2%;
      width: 23.5%; }
      .block-richtext .pic-auto-box.col-4 .pic:nth-child(4n) {
        margin-right: 0; }
    .block-richtext .pic-auto-box.col-5 .pic {
      margin-right: 2%;
      width: 18.4%; }
      .block-richtext .pic-auto-box.col-5 .pic:nth-child(5n) {
        margin-right: 0; }
    .block-richtext .pic-auto-box.col-6 .pic {
      margin-right: 2%;
      width: 15%; }
      .block-richtext .pic-auto-box.col-6 .pic:nth-child(6n) {
        margin-right: 0; }

.swiper-dev-wrapper {
  position: relative; }
  .swiper-dev-wrapper .swiper-develop {
    position: relative;
    margin-bottom: 100px; }
    .swiper-dev-wrapper .swiper-develop .swiper-wrapper {
      position: relative; }
    .swiper-dev-wrapper .swiper-develop .img {
      width: 100%;
      height: auto; }
  .swiper-dev-wrapper .swiper-button-next::after,
  .swiper-dev-wrapper .swiper-button-prev::after {
    content: none; }
  .swiper-dev-wrapper .swiper-button-next,
  .swiper-dev-wrapper .swiper-button-prev {
    width: 15px;
    height: 32px; }
  .swiper-dev-wrapper .swiper-button-prev {
    left: -20px; }
  .swiper-dev-wrapper .swiper-button-next {
    right: -20px; }
  .swiper-dev-wrapper .swiper-button-next img {
    transform: rotate(180deg); }
  @media screen and (max-width: 1300px) {
    .swiper-dev-wrapper .swiper-button-next,
    .swiper-dev-wrapper .swiper-button-prev {
      display: none; } }

.culture-box {
  margin: 77px 0 87px;
  width: 100%; }
  .culture-box .culture-item {
    margin-bottom: 50px;
    position: relative; }
    .culture-box .culture-item:last-child {
      margin-bottom: 0; }
    .culture-box .culture-item img {
      width: 100%;
      height: auto; }
    .culture-box .culture-item .front {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      transition: all 0.6s; }
    .culture-box .culture-item .back {
      opacity: 0;
      transition: all 0.6s; }
    .culture-box .culture-item:hover .front {
      opacity: 0;
      transition: all 0.6s; }
    .culture-box .culture-item:hover .back {
      opacity: 1;
      transition: all 0.6s; }

.swiper-honor-wrapper {
  position: relative;
  margin-top: 80px; }
  .swiper-honor-wrapper:last-child {
    margin-bottom: 126px; }
  .swiper-honor-wrapper .year {
    margin-bottom: 15px;
    font-size: 42px;
    color: #002FA7;
    line-height: 58px; }
  .swiper-honor-wrapper .swiper-honor {
    position: relative; }
    .swiper-honor-wrapper .swiper-honor .swiper-wrapper {
      position: relative;
      box-sizing: border-box;
      padding: 13px 10px; }
    .swiper-honor-wrapper .swiper-honor .swiper-slide {
      position: relative;
      box-sizing: border-box;
      padding: 20px 20px 0;
      height: 394px;
      background: #EFEFEF;
      transition: all 0.3s; }
      .swiper-honor-wrapper .swiper-honor .swiper-slide:hover {
        background: #FFFFFF;
        box-shadow: -3px -2px 6px 0px rgba(0, 0, 0, 0.2), 3px 5px 8px 1px rgba(0, 0, 0, 0.3);
        transform: translateY(-8px);
        transition: all 0.3s;
        border-bottom: 8px solid #002FA7; }
        .swiper-honor-wrapper .swiper-honor .swiper-slide:hover .preview {
          opacity: 1;
          transition: all 0.3s; }
    .swiper-honor-wrapper .swiper-honor .img {
      margin: 0 auto;
      width: 100%;
      height: 277px;
      object-fit: contain; }
    .swiper-honor-wrapper .swiper-honor .line {
      margin: 13px 0;
      width: 100%;
      height: 4px; }
    .swiper-honor-wrapper .swiper-honor .name {
      font-size: 24px;
      color: #2A2A2A;
      text-align: center;
      line-height: 28px; }
    .swiper-honor-wrapper .swiper-honor .preview {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 5;
      width: 72px;
      height: 75px;
      opacity: 0;
      transition: all 0.3s; }
  .swiper-honor-wrapper .swiper-button-next::after,
  .swiper-honor-wrapper .swiper-button-prev::after {
    content: none; }
  .swiper-honor-wrapper .swiper-button-next,
  .swiper-honor-wrapper .swiper-button-prev {
    width: 15px;
    height: 32px; }
  .swiper-honor-wrapper .swiper-button-prev {
    left: -20px; }
  .swiper-honor-wrapper .swiper-button-next {
    right: -20px; }
  .swiper-honor-wrapper .swiper-button-next img {
    transform: rotate(180deg); }
  @media screen and (max-width: 1300px) {
    .swiper-honor-wrapper .swiper-button-next,
    .swiper-honor-wrapper .swiper-button-prev {
      display: none; } }

.preview-dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.3); }
  .preview-dialog .img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 70vh;
    object-fit: contain; }

.block-products {
  margin-top: 62px;
  width: 100%; }
  .block-products .product-item {
    margin-right: 2%;
    margin-bottom: 88px;
    width: 23.4%; }
    .block-products .product-item:nth-child(4n) {
      margin-right: 0; }
    .block-products .product-item .thumb {
      margin-bottom: 20px;
      width: 100%;
      height: 386px;
      object-fit: cover; }
    .block-products .product-item .name {
      font-size: 22px;
      color: #303030;
      text-align: center;
      line-height: 30px;
      word-break: break-all; }
  @media screen and (max-width: 1000px) {
    .block-products .product-item {
      width: 32%; }
      .block-products .product-item:nth-child(4n) {
        margin-right: 2%; }
      .block-products .product-item:nth-child(3n) {
        margin-right: 0; } }

.block-contact {
  margin: 79px 0 139px; }
  .block-contact .title {
    margin-bottom: 90px;
    font-size: 44px;
    color: #002FA7;
    text-align: center; }
  .block-contact .contact-box {
    display: flex; }
  .block-contact .contact-item {
    width: 33.3%; }
    .block-contact .contact-item:last-child {
      cursor: pointer; }
    .block-contact .contact-item .icon {
      margin-bottom: 15px;
      width: 140px;
      height: 140px; }
    .block-contact .contact-item .hint {
      margin-bottom: 49px;
      font-size: 18px;
      color: #002FA7;
      text-align: center;
      line-height: 1.23; }
    .block-contact .contact-item .cont {
      font-size: 40px;
      color: #002FA7;
      text-align: center;
      line-height: 50px; }
  @media screen and (max-width: 1300px) {
    .block-contact .contact-box {
      flex-direction: column;
      align-items: center; }
      .block-contact .contact-box .contact-item {
        margin-bottom: 80px;
        width: 80%; }
        .block-contact .contact-box .contact-item .hint {
          margin-bottom: 0; } }

.block-news {
  margin: 55px 0 40px; }

.news-box {
  margin-right: 2%;
  margin-bottom: 60px;
  width: 32%;
  background: #EFEFEF;
  transition: all 0.3s; }
  .news-box:nth-child(3n) {
    margin-right: 0; }
  .news-box:hover {
    background: #002FA7;
    transition: all 0.3s; }
    .news-box:hover .month {
      color: #fff;
      transition: all 0.3s; }
    .news-box:hover .year {
      color: #fff;
      transition: all 0.3s; }
    .news-box:hover .title {
      color: #fff;
      transition: all 0.3s; }
    .news-box:hover .img-box img {
      transform: scale(1.2);
      transition: all 0.3s; }
  .news-box .news-top {
    padding: 15px 25px 0;
    height: 165px; }
  .news-box .month {
    font-size: 38px;
    color: #2D2D2D;
    line-height: 44px;
    transition: all 0.3s; }
  .news-box .year {
    font-size: 26px;
    color: #2D2D2D;
    line-height: 27px;
    transition: all 0.3s; }
  .news-box .title {
    margin-top: 20px;
    font-size: 26px;
    color: #2D2D2D;
    line-height: 34px;
    transition: all 0.3s; }
  .news-box .img-box {
    width: 100%;
    height: 265px;
    overflow: hidden; }
    .news-box .img-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all 0.3s; }

.swiper-banner {
  position: relative;
  --swiper-pagination-color: #FFD701; }
  .swiper-banner .swiper-slide {
    position: relative; }
  .swiper-banner .img {
    width: 100%;
    height: inherit;
    object-fit: cover; }
  .swiper-banner .btn {
    position: absolute;
    bottom: 180px;
    right: 16%;
    z-index: 5;
    display: block;
    width: 112px;
    height: 34px;
    border-radius: 17px;
    background: #FFD902;
    font-size: 16px;
    color: #002FA7;
    font-weight: bold;
    text-align: center;
    line-height: 34px;
    transition: all 0.3s ease-in-out 0s; }
    .swiper-banner .btn:hover {
      background: #002FA7;
      color: #fff;
      transition: all 0.3s ease-in-out 0s; }
  .swiper-banner .video-box {
    position: relative; }
    .swiper-banner .video-box .play {
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translateX(-50%);
      z-index: 10;
      width: 60px;
      height: 60px;
      cursor: pointer; }
    .swiper-banner .video-box .video {
      width: 100%;
      height: inherit;
      object-fit: cover; }
  .swiper-banner .swiper-button-next::after,
  .swiper-banner .swiper-button-prev::after {
    content: none; }
  .swiper-banner .swiper-button-next,
  .swiper-banner .swiper-button-prev {
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%); }
  .swiper-banner .swiper-button-prev {
    left: 40px; }
  .swiper-banner .swiper-button-next {
    right: 40px; }
  .swiper-banner .swiper-button-next img {
    transform: rotate(180deg); }

.block-honor {
  width: 100%;
  min-width: 1300px; }
  .block-honor .honor-title {
    margin: 100px 0 60px;
    text-align: center; }
    .block-honor .honor-title .sub {
      margin-bottom: 10px;
      font-size: 62px;
      color: #002FA7;
      line-height: 62px; }
    .block-honor .honor-title .title {
      font-size: 44px;
      color: #7D7D7D; }
  .block-honor .img {
    width: 100%;
    height: auto; }

.block-product {
  padding: 100px 0 60px;
  width: 100%;
  background: #FAF7FA; }
  .block-product .honor-title {
    margin-bottom: 50px;
    width: 100%; }
    .block-product .honor-title .sub {
      font-size: 62px;
      color: #002FA7;
      line-height: 62px; }
    .block-product .honor-title .title {
      font-size: 44px;
      color: #7D7D7D; }
  .block-product .swiper-product-wrapper {
    position: relative;
    margin-bottom: 40px;
    padding: 0 50px; }
    .block-product .swiper-product-wrapper .swiper-product {
      position: relative; }
      .block-product .swiper-product-wrapper .swiper-product .swiper-wrapper {
        position: relative; }
      .block-product .swiper-product-wrapper .swiper-product .img {
        margin-bottom: 10px;
        width: 100%;
        height: auto; }
      .block-product .swiper-product-wrapper .swiper-product .name {
        font-size: 32px;
        font-weight: bold;
        color: #002FA7;
        text-align: center; }
    .block-product .swiper-product-wrapper .swiper-button-next::after,
    .block-product .swiper-product-wrapper .swiper-button-prev::after {
      content: none; }
    .block-product .swiper-product-wrapper .swiper-button-next,
    .block-product .swiper-product-wrapper .swiper-button-prev {
      width: 52px;
      height: 175px;
      transform: translateY(-50%); }
    .block-product .swiper-product-wrapper .swiper-button-prev {
      left: -50px; }
    .block-product .swiper-product-wrapper .swiper-button-next {
      right: -50px; }
    .block-product .swiper-product-wrapper .swiper-button-next img {
      transform: rotate(180deg); }
  @media screen and (max-width: 1300px) {
    .block-product .swiper-button-next,
    .block-product .swiper-button-prev {
      display: none; } }
  .block-product .more {
    margin-right: 50px;
    width: 180px;
    height: auto; }

.block-news {
  width: 100%; }
  .block-news .news-left {
    margin: 60px 60px 0 0;
    position: relative; }
    .block-news .news-left .news-cate {
      position: absolute;
      top: 76px;
      left: 0;
      z-index: 10;
      padding: 50px 20px 0;
      min-width: 220px;
      height: 265px;
      background: #002FA7;
      border-radius: 18px; }
      .block-news .news-left .news-cate .cate-item {
        margin-bottom: 30px;
        font-size: 29px;
        font-weight: 800;
        color: #FFF; }
        .block-news .news-left .news-cate .cate-item .icon {
          margin-right: 11px;
          width: 28px;
          height: 28px; }
    .block-news .news-left .top {
      margin-left: 102px;
      width: 567px;
      height: 310px; }
      .block-news .news-left .top:hover.img-box img {
        transform: scale(1.2);
        transition: all 0.3s ease-in-out 0s; }
    .block-news .news-left .btm {
      margin-left: 93px;
      width: 510px;
      height: 252px;
      transform: translateY(-18px);
      z-index: 2; }
      .block-news .news-left .btm:hover.img-box img {
        transform: scale(1.2);
        transition: all 0.3s ease-in-out 0s; }
    .block-news .news-left .img-box {
      border-radius: 30px;
      overflow: hidden; }
      .block-news .news-left .img-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.3s; }
  .block-news .news-right {
    flex: 1; }
    .block-news .news-right .honor-title {
      margin-bottom: 37px;
      width: 100%; }
      .block-news .news-right .honor-title .sub {
        font-size: 62px;
        color: #002FA7;
        line-height: 62px; }
      .block-news .news-right .honor-title .title {
        font-size: 44px;
        color: #7D7D7D; }
    .block-news .news-right .news-item {
      margin-bottom: 94px;
      padding: 14px 20px;
      display: block;
      width: 100%;
      height: 130px;
      background: #002FA7;
      border-radius: 30px;
      font-size: 36px;
      font-weight: 500;
      color: #FFF;
      line-height: 50px;
      transition: all 0.3s ease-in-out 0s; }
      .block-news .news-right .news-item:nth-last-child(2) {
        margin-bottom: 0; }
      .block-news .news-right .news-item:hover {
        background: #FFD902;
        color: #002FA7;
        transition: all 0.3s ease-in-out 0s; }
    .block-news .news-right .more {
      margin-top: 45px;
      width: 180px;
      height: auto; }

.block-group {
  position: relative;
  margin: 62px auto 100px;
  padding: 10px 10px 10px 20px;
  background: #FAF7FA; }
  .block-group .group-left {
    margin-right: 88px; }
    .block-group .group-left .honor-title {
      margin: 60px 0 50px; }
      .block-group .group-left .honor-title .sub {
        font-size: 43px;
        color: #002FA7;
        line-height: 43px; }
      .block-group .group-left .honor-title .title {
        font-size: 43px;
        color: #7D7D7D; }
    .block-group .group-left .icon-box {
      margin-bottom: 66px; }
      .block-group .group-left .icon-box img {
        width: 110px;
        height: 110px; }
      .block-group .group-left .icon-box p {
        margin: 0 20px;
        width: 2px;
        height: 60px;
        background: #EAE8EB; }
    .block-group .group-left .more {
      width: 180px;
      height: auto; }
  .block-group .group-right .thumb {
    margin-top: 120px;
    width: 329px;
    height: 284px;
    border-radius: 0 0 0 30px;
    object-fit: cover; }
  .block-group .group-right .info-box {
    padding: 40px 30px 0;
    width: 296px;
    height: 430px;
    background: #002FA7;
    border-radius: 30px; }
    .block-group .group-right .info-box .title {
      margin-bottom: 10px;
      font-size: 36px;
      color: #F1F9FF;
      line-height: 50px;
      text-align: center; }
    .block-group .group-right .info-box .desc {
      font-size: 18px;
      color: #F1F9FF;
      line-height: 30px;
      display: -webkit-box;
      -webkit-line-clamp: 10;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
  .block-group .bg-img {
    width: 100%;
    height: auto; }
  .block-group .more-abo {
    position: absolute;
    left: 30px;
    bottom: 30px;
    z-index: 2; }
    .block-group .more-abo img {
      width: 180px;
      height: auto; }

.block-research {
  position: relative;
  margin-bottom: 85px;
  width: 100%;
  min-width: 1300px; }
  .block-research .circle-wrapper {
    padding: 70px 0 0 0;
    width: 44%; }
    .block-research .circle-wrapper .circle-box {
      position: relative;
      width: 50%;
      height: 22vw; }
      .block-research .circle-wrapper .circle-box .bg {
        width: 100%;
        height: 100%; }
      .block-research .circle-wrapper .circle-box .circle-item {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        z-index: 5;
        width: 26%;
        height: 26%;
        background: #fff;
        border-radius: 50%;
        overflow: hidden; }
        .block-research .circle-wrapper .circle-box .circle-item:nth-child(1) {
          top: -12%;
          left: 27%;
          border: 6px solid #E45B6C; }
        .block-research .circle-wrapper .circle-box .circle-item:nth-child(2) {
          top: 2.6%;
          right: 0;
          border: 6px solid #96D6F2; }
        .block-research .circle-wrapper .circle-box .circle-item:nth-child(3) {
          top: 36.4%;
          right: -12%;
          border: 6px solid #27457B; }
        .block-research .circle-wrapper .circle-box .circle-item:nth-child(4) {
          bottom: -3.2%;
          right: 12%;
          border: 6px solid #A7C75A; }
        .block-research .circle-wrapper .circle-box .circle-item:nth-child(5) {
          bottom: 0;
          left: 1%;
          border: 6px solid #E1AD3F; }
        .block-research .circle-wrapper .circle-box .circle-item:nth-child(6) {
          top: 25.2%;
          left: -14%;
          border: 6px solid #005AA7; }
        .block-research .circle-wrapper .circle-box .circle-item:hover img {
          transform: scale(1.2);
          transition: all 0.3s ease-in-out 0s; }
        .block-research .circle-wrapper .circle-box .circle-item img {
          width: 77%;
          height: 77%;
          transition: all 0.3s ease-in-out 0s; }
    @media screen and (max-width: 1300px) {
      .block-research .circle-wrapper .circle-box {
        height: 286px; } }
  .block-research .right-box {
    width: 50%; }
    .block-research .right-box .honor-title {
      margin-bottom: 30px; }
      .block-research .right-box .honor-title .sub {
        max-width: 640px;
        font-size: 60px;
        color: #002FA7;
        line-height: 64px;
        text-align: right; }
        .block-research .right-box .honor-title .sub > span {
          font-size: 43px;
          color: #7D7D7D; }
    .block-research .right-box .thumb {
      width: 100%;
      height: auto;
      border-radius: 30px 0 0 30px; }
  .block-research .desc {
    margin: 30px 0 35px;
    font-size: 22px;
    color: #898989;
    line-height: 34px;
    text-align: center; }
  .block-research .btm-imgs {
    margin: 0 auto;
    align-items: flex-end; }
    .block-research .btm-imgs .number {
      margin-left: 180px;
      width: 956px;
      height: auto; }
    .block-research .btm-imgs .more {
      width: 180px;
      height: auto; }
  .block-research .bg-img {
    width: 100%;
    height: auto; }
  .block-research .circle-abo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%; }
  .block-research .more-abo {
    position: absolute;
    right: 15%;
    bottom: 0;
    z-index: 2; }
    .block-research .more-abo img {
      width: 180px;
      height: auto; }
  @media screen and (max-width: 1300px) {
    .block-research .more-abo {
      right: 0; } }

.block-news-img {
  position: relative;
  margin-top: 100px;
  margin-bottom: 130px; }
  .block-news-img .img {
    width: 100%;
    height: auto; }
  .block-news-img .more-abo {
    position: absolute;
    right: 0;
    bottom: -45px;
    z-index: 2; }
    .block-news-img .more-abo img {
      width: 180px;
      height: auto; }

/*# sourceMappingURL=main.css.map */