@charset "UTF-8";
.banner img { width: 100%; }

.banner .swiper-slide .banner-content { position: absolute; color: #fff; font-family: Source Han Sans CN; font-weight: 800; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; left: 0; top: 0; }

.banner .swiper-slide .banner-content .banner-title1 { font-size: 48px; opacity: 0.85; }

.banner .swiper-slide .banner-content .banner-title2 { font-size: 72px; margin: 10px 0 0; }

.banner .swiper-slide .banner-content .banner-title3 { font-size: 24px; opacity: 0.6; letter-spacing: 4px; }

.banner .swiper-slide .banner-content .banner-title4 { font-size: 48px; opacity: 0.9; margin-top: 10px; display: inline-block; padding-bottom: 40px; border-bottom: 2px solid #fff; }

.index-floor { padding: 60px 0; }

.index-floor:nth-child(2n - 1) { background-color: #fafafa; }

.index-floor:first-child(1) { background-color: #fff; }

.index-title { text-align: center; font-size: 38px; margin-bottom: 60px; }

.service { padding-bottom: 0; }

.service .service-swiper { background: url(../images/service.jpg) no-repeat center/cover; }

.service .swiper-button-prev, .service .swiper-button-next { background-color: #626262; width: 58px; height: 58px; left: 0; }

.service .swiper-button-prev::after, .service .swiper-button-next::after { color: #fff; font-size: 26px; }

.service .swiper-button-next { background-color: #1784e5; right: 0; left: auto; }

.service .service-item { color: #fff; background: no-repeat center / cover; }

.service .service-item::after { padding-bottom: 114%; }

.service .service-item .service-item-main, .service .service-item .service-item-content { padding: 10% 7% 7%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }

.service .service-item .service-item__en { font-size: 36px; color: #fff; opacity: 0.33; }

.service .service-item .service-item__title { font-size: 42px; font-weight: bold; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 10px;    margin-bottom: 15px; }

.service .service-item .service-item__icon { width: 50px; height: 50px; object-fit: contain; }

.service .service-item .service-item__desc { margin: 15px 0 30px; font-size: 15px; line-height: 1.8;  }

.service .service-item .service-item-content { opacity: 0; transform: translateY(-50px); transition: all 0.3s; }

.service .service-item .service-item-content .service-item__title { margin-top: 20px; border: none; }

.service .service-item .service-item-content .service-item-navs { display: flex; flex-wrap: wrap; }

.service .service-item .service-item-content .service-item-nav { margin-top: 26px; font-size: 20px; display: block; width: 33%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 10px; }

.service .service-item .service-item-content .service-item-nav:hover { text-decoration: underline; }

.service .service-item .service-item-content .service-item__divier { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

@media (max-width: 1550px) { .service .service-item .service-item-navs .service-item-nav { font-size: 16px; margin-top: 20px; }
  .service .service-item .service-item__title, .service .service-item .service-item-content .service-item__title { font-size: 26px; margin-top: 30px; }
  .service .service-item .service-item__desc { margin: 10px 0 15px; } }

.service .service-item .service-item-main { display: flex; flex-direction: column; justify-content: space-between; }

.service .service-item:hover .service-item-main { display: none; }

.service .service-item:hover .service-item-content { opacity: 1; transform: translateY(0); background-color: rgba(36, 104, 208, 0.95); }

.index-tabs { height: 65px; display: flex; justify-content: space-between; border: 1px solid #e7e7e7; border-radius: 33px; }

.index-tab { display: flex; align-items: center; justify-content: center; font-size: 18px; height: 100%; border-radius: 33px; width: 246px; cursor: pointer; }

.index-tab.active { border: 1px solid #1784e5; color: #1784e5; }

.swiper-footer { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; align-items: center; }

.swiper-footer .swiper-button-next, .swiper-footer .swiper-button-prev { position: static; width: 44px; height: 44px; border-radius: 50%; background-color: #ebebeb; margin: 0;     outline: none;}

.swiper-footer .swiper-button-next::after, .swiper-footer .swiper-button-prev::after { font-size: 14px; color: #414141; font-weight: bold; }

.swiper-footer .swiper-pagination { position: static; margin: 0 20px; display: flex; align-items: center; }

.swiper-footer .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #ebebeb; opacity: 1; margin: 0 4px;     outline: none;}

.swiper-footer .swiper-pagination .swiper-pagination-bullet-active { background-color: #1784e5; width: 14px; height: 14px; border-radius: 2px; }

.case > .u-container { position: relative; }

.case-swiper { margin-top: 60px; box-shadow: 0px 0px 27px 0px rgba(205, 205, 205, 0.3); }

.case-item { display: flex; }

.case-item > .v-flex { width: 44%; }

.case-item > .v-flex::after { padding-bottom: 79.2%; }

.case-item > .v-flex img { transition: transform 0.5s; }

.case-item .case-item__content {flex: 1;padding: 2% 6% 1% 6%;background-color: #fff;overflow: hidden;}

.case-item .case-item__title { 
  font-size: 28px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.case-item .case-item__tags { display: flex; background-color: #f7f7f7; border-radius: 26px; height: 52px; margin: 36px 0; }

.case-item .case-item__tag { display: flex; align-items: center; justify-content: center; width: 25%; height: 100%; text-align: center; color: #666; font-size: 16px; cursor: pointer; }

.case-item .case-item__tag.active { color: #fff; background-color: #1784e5; border-radius: 26px; }

.case-item .case-item__desc { line-height: 26px; font-size: 16px; }

.case-item .case-item__more {display: flex;align-items: center;width: 118px;height: 45px;border: 1px solid #1784e5;border-radius: 26px;color: #1784e5;justify-content: center;margin-top: 11px;}

.case-item .case-item__more::after { content: ""; display: inline-block; margin-left: 20px; width: 0; height: 0; border: 5px solid; border-color: transparent transparent transparent #1784e5; }

.research .index-tabs { width: 80%; margin: 0 auto 40px; }

.research .u-container { position: relative; padding-bottom: 110px; }

.research .swiper-footer { bottom: 0; }

.research-swiper { box-shadow: 0px 0px 27px 0px rgba(205, 205, 205, 0.3); }

.research-swiper.research-swiper--last { box-shadow: none; }

.research-swiper > .swiper-wrapper > .swiper-slide { height: 564px; }

.research-ploy { display: flex; color: #666; }

.research-ploy .research-ploy-left { display: flex; width: 50%; padding: 50px 25px 50px 40px; height: 100%; align-items: center; color: #1c1c1c; }

.research-ploy .research-ploy-left .research-ploy-left-cover { width: 42%; margin-right: 40px; }

.research-ploy .research-ploy-content { flex: 1; padding: 2%; background-color: #fff; border-left: 1px solid #e7e7e7; }

.research-ploy .research-ploy-title { font-size: 28px; }

.research-ploy .research-ploy-desc { margin: 24px 0; line-height: 1.6; font-size: 16px; color: #666; }

.research-ploy .research-ploy-tags { margin-bottom: 40px; }

.research-ploy .research-ploy-tag, .research-ploy .research-news-item__tag { display: inline-block; padding: 6px 15px; border-radius: 20px; background-color: #f5f5f5; margin-right: 16px; font-size: 14px; }

.research-ploy .research-news-item { display: flex; border-bottom: 1px dashed #e4e4e4; padding: 11px 0; align-items: center; font-size: 16px; }

.research-ploy .research-news-item:last-child { border-bottom: none; }

.research-ploy .research-news-item .research-news-item__text { flex: 1; margin-right: 10px; }

.research-ploy .research-ploy-left-date { font-size: 44px; font-weight: bold; }

.research-ploy .research-ploy-left-year { font-size: 28px; display: inline-block; border-bottom: 4px solid #1784e5; padding: 20px 0 40px; }

.research-book { display: flex; align-items: center; padding: 4.8%; }

.research-book .research-book-left { flex: 1; margin-right: 15%; }

.research-book .research-book-cover { width: 18.8%; object-fit: contain;    margin-right: 3%; }
.research-book .research-book-cover img {
    width: 100%;
}
.research-book .research-book-item { padding: 20px 0; border-bottom: 2px dashed #e4e4e4; color: #4e4e4e; font-size: 16px; cursor: pointer; }

.research-book .research-book-item:last-child { border-bottom: none; }

.research-book .research-book-item .research-book-item__title { font-size: 24px; font-weight: bold; }

.research-book .research-book-item .research-book-item__desc { display: none;    line-height: 28px; margin: 20px 0;text-indent: 2rem; }

.research-book .research-book-item .research-book-item__date { display: none; }

.research-book .research-book-item.active { padding: 30px 0; }

.research-book .research-book-item.active .research-book-item__desc, .research-book .research-book-item.active .research-book-item__date { display: block; }

.research-book .research-book-item.active .research-book-item__title { font-size: 24px; }

.research-technology { display: flex; color: #666; }

.research-technology > .v-flex { width: 44%; }

.research-technology > .v-flex::after { padding-bottom: 94%; }

.research-technology .research-technology-content { flex: 1; padding: 4% 5%; background-color: #fff; }

.research-technology .research-technology-title { font-size: 28px; }

.research-technology .research-technology-desc { margin: 24px 0; line-height: 1.6; font-size: 16px; }

.research-technology .research-technology-tag, .research-technology .research-news-item__tag { display: inline-block; padding: 6px 15px; border-radius: 20px; background-color: #f5f5f5; margin-right: 16px; font-size: 14px; }

.research-technology .research-technology-list { display: flex; flex-wrap: wrap; border-top: 1px solid #eee; margin-top: 30px; }

.research-technology .research-technology-item { width: calc(50% - 18px); margin-top: 30px; color: #505050;     display: flex;align-items: center;}

.research-technology .research-technology-item:nth-child(2n) { margin-left: 36px; }

.research-technology .research-technology-item::before { content: "·"; font-weight: bold; margin-right: 10px; font-size: 1.3rem; color: #1784e5;}
.research-technology .wuuue {
  color: #1784e5;
}
.research-technology .research-news-list { margin-top: 24px; padding-top: 15px; border-top: 1px solid #e4e4e4; }

.research-technology .research-news-item { display: flex; border-bottom: 1px dashed #e4e4e4; padding: 10px 0; align-items: center; font-size: 16px; }

.research-technology .research-news-item:last-child { border-bottom: none; }

.research-technology .research-news-item .research-news-item__text { flex: 1; margin-right: 10px; }

.research-solution { display: flex; flex-wrap: wrap; }

.research-solution .research-solution-item { color: #fff; width: calc(33.33% - 12px); margin-left: 18px; background: no-repeat center / cover; transition: all 0.3s; }

.research-solution .research-solution-item:first-child, .research-solution .research-solution-item:nth-child(2) { margin-bottom: 18px; }

.research-solution .research-solution-item:hover .research-solution-item__cover { transform: scale(1.1); }

.research-solution .research-solution-item:first-child, .research-solution .research-solution-item:nth-child(3) { margin-left: 0; }

.research-solution .research-solution-item::after { padding-bottom: 57.6%; }

.research-solution .research-solution-item:first-child { width: calc(66.66% - 6px); }

.research-solution .research-solution-item:first-child::after { padding-bottom: 30.7%; }

.research-solution .research-solution-item .research-solution-item__cover { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }

.research-solution .research-solution-item .research-solution-item__content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding: 33px 24px; }

.research-solution .research-solution-item .research-solution-item__title { font-size: 24px; font-weight: bold; margin-bottom: 16px; }

.research-solution .research-solution-item .research-solution-item__desc { font-size: 16px; line-height: 1.6; /*max-width: 508px; */}

.news .news-card { display: flex; box-shadow: 0px 0px 27px 0px rgba(205, 205, 205, 0.3); }

.news .news-swiper { width: 50%; padding-bottom: 170px; margin: 0; }

.news .news-swiper .news-swiper-item { display: flex; padding: 55px 55px 0; }

.news .news-swiper .news-left-cover { width: 40%; margin-right: 40px; }

.news .news-swiper .news-left-cover::after { padding-bottom: 120.6%; }

.news .news-swiper .news-left-cover:hover img { transform: scale(1.2); }

.news .news-swiper .news-left-cover img { transition: transform 0.5s; }

.news .news-swiper .news-swiper-item__content { flex: 1; overflow: hidden; }

.news .news-swiper .news-swiper-item__title { font-size: 22px; color: #1c1c1c; line-height: 1.6; }

.news .news-swiper .news-swiper-item__tags { margin: 30px 0 60px; }

.news .news-swiper .news-swiper-item__tag { display: inline-block; padding: 6px 15px; border-radius: 20px; background-color: #f5f5f5; margin-right: 16px; }

.news .news-swiper .news-swiper-item__date { font-size: 44px; color: #1c1c1c; font-weight: bold; }

.news .news-swiper .news-swiper-item__year { font-size: 22px; display: inline-block; padding: 20px 0 40px; border-bottom: 4px solid #1784e5; }

.news .news-right { width: 50%; padding: 40px 40px 0; border-left: 1px solid #e7e7e7; }

.news .news-right .news-right-swiper { height: 400px; }

.news .news-right .news-item { 
    font-size: 16px;
    /* display: flex; */
    /* justify-content: space-between; */
    position: relative;
    line-height: 40px;
    height: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
     overflow: hidden;
	padding: 4px 0 4px 20px;
  display: block;
  border-bottom: 1px dashed #e4e4e4;
}

.news .news-right .news-item::before {
	    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #c7c7c7;
	}

.news .news-right .news-item .news-item__title { flex: 1; color: #505050; }

.news .news-right .news-item .news-item__date { color: #a4a4a4; margin-left: 10px; }

.news .news-right .news-right-ad img { width: 100%; margin-top: 15px; }

.about .about-card { display: flex; }

/* .about .about-card .about__cover { width: 50%; } */
.erfg {
  width: 50%;
}
.about .about-card .about__content { flex: 1; padding-left: 70px; color: #807f7f; line-height: 1.6; padding-top: 30px; }

.about .about-card .about__title { font-size: 35px; color: #1784e5; font-weight: bold; margin-bottom: 15px; }

.about .about-card .about-list { display: flex; flex-wrap: wrap; }

.about .about-card .about-item { width: calc(50% - 18px); padding: 27px 0; }

.about .about-card .about-item:nth-child(1) { width: 100%; }

.about .about-card .about-item:nth-child(2) { margin-right: 36px; }

.about .about-card .about-item .about-item__desc { line-height: 2; }

.about .about-card .about-item .about-item__title { font-size: 25px; border-bottom: 1px solid #1784e5; color: #1784e5; font-weight: bold; padding-bottom: 10px; margin-bottom: 20px; }

.knowledge { padding-bottom: 100px; }

.knowledge .knowledge-tabs { display: flex; justify-content: space-between; }

.knowledge .knowledge-tabs .knowledge-tab { width: calc(50% - 18px); }

.knowledge .knowledge-en { color: #333; font-size: 36px; }

.knowledge .knowledge-title { 
color: #333;
 font-size: 30px;
    color: #333;
    font-size: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.knowledge .knowledge-title a {
    color: #b9b9b9;
    font-size: 16px;
}
.knowledge .knowledge-image { width: 100%; margin: 55px 0 30px; }

.knowledge .knowledge-image::after { padding-bottom: 36.8%; }

.knowledge .knowledge-image:hover img { transform: scale(1.1); }

.knowledge .knowledge-image img { transition: transform 0.3s; }

.knowledge .knowledge-item { display: flex; color: #807f7f; font-size: 18px; padding: 20px 4px; border-bottom: 2px dashed #807f7f; }

.knowledge .knowledge-item .knowledge-item__text { flex: 1; }

.knowledge .knowledge-item .knowledge-item__date { color: #a4a4a4; }
.news .news-swiper .news-swiper-item__title:hover {
    color: #3f7ec5;
}
.about-item__title img {
    width: 100%;
}

.yewqfj {
    width: 100%!important;
    margin: 0;
}

@media (max-width: 1550px) { .index-floor { padding-top: 10px; padding-bottom: 10px; }
  .service { padding-top: 60px; } }