@media (max-width: 1200px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}
.pageBannerWrap {
    position: relative;
    overflow: hidden;
    z-index: 13;
}
.pageBannerWrapStyle .pageBannerInfo .info,
.pageBannerWrapStyle .pageBannerInfo .title,
.pageBannerWrapStyle .insidePagesList li.on a {
    color: #c6a166;
}
.pageBannerWrapStyle .insidePagesList li:after {
    background: #c6a166;
}
.pageBannerBg {
    max-width: 100%;
    height: 70vh;
    margin: 0 auto;
}
.pageBannerBg.change {
    height: calc(100vh - 150px);
}
.pageBannerBg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pageBannerInfo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 70px);
    display: flex;
    align-items: center;
}
.pageBannerInfo .info {
    display: block;
    margin-bottom: 12px;
    color: #fff;
    font: 28px / 1.2 Alibaba-PuHuiTi-Regular;
    opacity: 0.5;
}
.pageBannerInfo .title {
    font: bold 46px / 1.4 Alibaba-PuHuiTi-Medium;
    color: #fff;
    letter-spacing: 4px;
}
.pageBannerInfo.change .info {
    opacity: 0.6;
    margin-bottom: 20px;
}
.pageBannerInfo.change .title {
    font-size: 48px;
}
.insidePagesNav {
    background: rgba(255, 255, 255, 0.9);
    height: 70px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.insidePagesNav > div {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}
.insidePagesCrumbs {
    display: flex;
    align-items: center;
}
.insidePagesCrumbs .item {
    overflow: hidden;
}
.insidePagesCrumbs .item a {
    display: block;
}
.insidePagesCrumbs .item a .icon-svg {
    position: relative;
    top: 1px;
    fill: #162e40;
    width: 20px;
    height: 20px;
}
.insidePagesCrumbs .item .icon-svg.arrows {
    position: relative;
    top: 3px;
    margin: 0 18px;
    width: 22px;
    height: 22px;
}
.insidePagesCrumbs .item .text {
    color: var(--xlc-text-default);
    font: 17px / 1.2 Alibaba-PuHuiTi-Regular;
}
.insidePagesCrumbs.changeStyle .item a .icon-svg,
.insidePagesCrumbs.changeStyle .item .icon-svg.arrows {
    fill: #fff;
}
.insidePagesCrumbs.changeStyle .item .text {
    color: #fff;
}
.insidePagesList {
    margin-right: -12px;
    height: 100%;
    display: flex;
    align-items: center;
}
.insidePagesList li {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}
.insidePagesList li + li {
    margin-left: 50px;
}
.insidePagesList li a {
    display: block;
    padding: 0 12px;
    color: var(--xlc-text-default);
    font: 17px / 1.2 Alibaba-PuHuiTi-Regular;
}
.insidePagesList li:after {
    position: absolute;
    content: "";
    display: block;
    bottom: 0;
    height: 4px;
    width: 100%;
    background: var(--xlc-bg-blue-1);
    z-index: 1;
    opacity: 0;
    transition: all 0.3s ease;
}
.insidePagesList li.on:after {
    opacity: 1;
}

.insidePagesList li.on a {
    color: var(--xlc-bg-blue-1);
}

.pageContentMain {
    position: relative;
    overflow: hidden;
}
.pageContentMain .pageContent {
    position: relative;
    z-index: 4;
}
.other_contentBox {
    overflow: hidden;
}
.other_contentBox p {
    text-align: justify;
    color: #8698a6;
    font: 18px / 2 Alibaba-PuHuiTi-Regular;
}
.other_contentBox h3 {
    margin-top: 2em;
    color: #1c3d57;
    font: 24px / 2 Alibaba-PuHuiTi-Regular;
}
.other_contentBox h4 {
    color: #1c3d57;
    font: 18px / 2 Alibaba-PuHuiTi-Regular;
    text-align: justify;
}
.other_contentBox .line {
    margin: 3em 0 2.5em;
    width: 100%;
    height: 1px;
    background: #c8ced5;
}
.other_contentBox .box {
    padding: 0 4em;
}
.other_contentBg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 100%;
}
.other_contentBg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.websiteMapWrap {
    position: relative;
    overflow: hidden;
}
.websiteMapBox {
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.websiteMapBox .item {
    min-height: 60px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}
.websiteMapBox .item .title {
    overflow: hidden;
}
.websiteMapBox .item .title a {
    display: block;
    width: 10em;
}
.websiteMapBox .item .title a h4 {
    font: 26px / 1 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
}
.websiteMapBox .item ul {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}
.websiteMapBox .item ul li {
    margin: 10px;
}
.websiteMapBox .item ul li a {
    display: block;
    width: 180px;
    height: 50px;
    font: 18px / 1 Alibaba-PuHuiTi-Regular;
    background: #e5e8eb;
    color: var(--xlc-text-default);
    border-radius: 20px;
    transition: all 0.3s ease-out;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.websiteMapBox .item ul li a:hover {
    color: #fff;
    background: var(--xlc-text-blue-1);
}
.other_contentBg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}
.other_contentBg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contactUsWrap {
    position: relative;
    overflow: hidden;
}
.contactUsBg {
    max-width: 1920px;

    height: 1000px;
    margin: 0 auto;
    overflow: hidden;
}
.contactUsBg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contactUsBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.my-map {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}
.my-map .icon {
    background: url(https://a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat;
}
.my-map .icon-cir {
    height: 40px;
    width: 43px;
}
.my-map .icon-cir-blue {
    background-position: -11px -55px;
}
.amap-container {
    height: 100%;
}
.myinfowindow {
    width: 240px;
    min-height: 50px;
}
.myinfowindow h5 {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    width: 220px;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
}
.myinfowindow div {
    margin-top: 10px;
    min-height: 40px;
    line-height: 20px;
    font-size: 13px;
    color: #6f6f6f;
}
.contactUsBox {
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.contactUsBox > div {
    display: flex;
}
.contactUsBox .boxes {
    margin-top: 80px;
    padding: 34px 0 45px;
    width: 100%;
    height: 420px;
    background: #fff;
    border-radius: 12px;
    box-shadow: rgb(0 128 226 / 10%) 0px 10px 30px 15px;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    align-items: center;
}
.contactUsBox .boxes:nth-child(1),
.contactUsBox .boxes:nth-child(3) {
    width: 30%;
}
.contactUsBox .boxes:nth-child(2) {
    width: 36%;
}

.contactUsBox .boxes:nth-child(2) {
    margin-left: 20px;
    margin-right: 20px;
}
.contactUsBox .boxes .icon {
    flex: none;
    margin-bottom: 30px;
    display: block;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contactUsBox .boxes .icon-location {
    background: url(/assets/theme/jthink/images/map_icon1.png) no-repeat center;
}
.contactUsBox .boxes .icon-code {
    background: url(/assets/theme/jthink/images/map_icon2.png) no-repeat center;
}
.contactUsBox .boxes .icon-contact {
    background: url(/assets/theme/jthink/images/map_icon3.png) no-repeat center;
}
.contactUsBox .boxes:nth-child(1) .tit {
    margin-bottom: 30px;
}
.contactUsBox .boxes .tit {
    display: block;
    font: bold 26px / 1 Alibaba-PuHuiTi-Medium;
    color: var(--xlc-text-default-bold);
}
.contactUsBox .boxes p {
    font: 18px / 1.8 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    white-space: pre;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contactUsBox .boxes p a {
    display: block;
}
.contactUsBox .boxes .btns {
    margin-top: 50px;
    width: 153px;
    height: 49px;
    border-radius: 40px;
    background: var(--xlc-bg-blue-1);
    box-shadow: rgb(0 128 226 / 10%) 0px 6px 25px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
}
.contactUsBox .boxes .btns span {
    font: 16px / 1 Alibaba-PuHuiTi-Regular;
    color: #fff;
}
.contactUsBox .boxes .btns .icon-location {
    margin-left: 10px;
    width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contactUsBox .boxes .btns .icon-svg {
    width: 18px;
    height: 18px;
    fill: var(--xlc-bg-blue-1);
}

.contactUsBox .boxes .codeMod {
    display: flex;
}
.contactUsBox .boxes .codeMod .item {
    text-align: center;
}
.contactUsBox .boxes .codeMod .item span {
    margin-bottom: 30px;
}
.contactUsBox .boxes .codeMod .item .pic {
    box-shadow: rgb(0 128 226 / 10%) 0px 6px 25px 10px;
}
.contactUsBox .boxes .codeMod .item .pic img {
    width: 100%;
}
.contactUsBox .boxes .codeMod .line {
    display: block;
    margin: 0 50px;
    height: 210px;
    width: 1px;
    background: #e6eff9;
}
.contactUsBox .boxes:nth-child(3) .tit {
    margin-bottom: 40px;
}
.contactUsBox .boxes .phone {
    margin: 10px 0;
    font: 40px / 1 GILROY-BOLD;
    color: var(--xlc-bg-blue-1);
}

/* group */
.groupCeoWrap {
    height: 979px;
    position: relative;
    overflow: hidden;
}
.groupCeoBg {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.groupCeoBg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.groupCeoBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}
.groupCeoBox > div {
    position: relative;
    display: flex;
}
.groupCeoBox .sendword {
    margin-top: 30px;
    padding-right: 50px;
    width: 60%;
    position: relative;
    z-index: 10;
}
.groupCeoBox .sendword h2 {
    margin-bottom: 24px;
    font: bold 36px / 1 Alibaba-PuHuiTi-Medium;
    color: var(--xlc-text-default-bold);
}
.groupCeoBox .sendword p {
    margin-bottom: 10px;
    text-align: justify;
    font: 17px / 2 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
}
.groupCeoBox .sendword .info {
}
.groupCeoBox .ceoImg {
    position: absolute;
    right: 0;
    top: 0;
}
.groupCeoBox .ceoImg .ceobg {
    position: relative;
    right: -240px;
}
.groupCeoBox .ceoImg .ceobg img {
    display: block;
}

.groupCeoBox .ceoImg .ceo {
    position: absolute;
    bottom: 0;
    right: -45px;
}

.groupChronicleWrap {
    position: relative;
    height: 1080px;
    background: url(/assets/theme/jthink/images/groupChronicle_bg.jpg) no-repeat center top;
    background-size: cover;
    overflow: hidden;
}
.groupChronicleWrap > div {
    height: 100%;
}
.groupChronicleWrap.change {
    height: 944px;
}
.groupChronicleBox {
    position: relative;
    height: 100%;
    display: flex;
}
.groupChronicleBox .boxes {
    height: 100%;
}
.groupChronicleBox .boxes1 {
    width: 36%;
    background: #fff;
    box-shadow: rgb(0 128 226 / 10%) 0px 10px 30px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.groupChronicleBox .boxes2 {
    width: 64%;
}

.groupChronicleBox .boxes1-fluid {
    width: 24%;
    background: #fff;
    box-shadow: rgb(0 128 226 / 10%) 0px 10px 30px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.groupChronicleBox .boxes2-fluid {
    width: 76%;
}

.groupChronicleArrows {
    position: absolute;
    top: 0;
    left: 100px;
    z-index: 9;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.groupChronicleArrows.fluid {
    left: 4%;
}
.groupChronicleArrows .line {
    margin: 12px 0;
    display: block;
    width: 30px;
    height: 1px;
    background: #bac4cc;
}
.groupChronicleArrows .icon-svg {
    width: 24px;
    height: 24px;
    fill: #b9c4cc;
    transition: all 0.3s ease;
}
.groupChronicleArrows .icon_l,
.groupChronicleArrows .icon_r {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.groupChronicleArrows .icon_l.swiper-button-disabled,
.groupChronicleArrows .icon_r.swiper-button-disabled {
    opacity: 0.1;
}
.groupChronicleArrows .icon_l:hover .icon-svg,
.groupChronicleArrows .icon_r:hover .icon-svg {
    fill: #0279da;
}

.groupChronicleYear {
    height: 190px;
    width: 100%;
    border-top: 1px #e6eaed solid;
    border-bottom: 1px #e6eaed solid;
    border-right: 4px #0666c3 solid;
}
.groupChronicleYear.fluid {
    border-right: 0;
    border-left: 6px #0666c3 solid;
}
.groupChronicleYear ul li {
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.groupChronicleYear ul li span {
    font: 32px / 1 GILROY-BOLD;
    color: var(--xlc-text-default);
    opacity: 0.4;
    transition: all 0.3s ease;
}
.groupChronicleYear ul li span strong {
    font: 18px / 1 Alibaba-PuHuiTi-Regular;
    transition: all 0.3s ease;
}

.groupChronicleYear ul li.swiper-slide-active span {
    font: 52px / 1 GILROY-BOLD;
    opacity: 1;
    color: var(--xlc-bg-blue-1);
}
.groupChronicleYear ul li.swiper-slide-active span strong {
    font: 29px / 1 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-bg-blue-1);
}

.groupChroinclSwiper {
    width: 100%;
    height: 100%;
}

.groupChroinclSwiper .swiper-wrapper .swiper-slide .summaryMod {
    opacity: 0;
    transition: all 0.8s ease-out;
    transform: translateY(100px);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    /* height: 0; */
}
.groupChroinclSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .summaryMod {
    opacity: 1;
    /* height: auto; */
    transform: translateY(0);
    /* overflow: scroll; */
}
.groupChroinclSwiper .swiper-wrapper .swiper-slide .summaryMod ul {
    transition: all 0.3s ease-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0;
}
.groupChroinclSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .summaryMod ul {
    opacity: 1;
}
.summaryMod {
    position: relative;
    padding-left: 84px;
    padding-top: 50px;
    padding-bottom: 50px;
    width: calc(100% + 100px);
    height: 100%;
    overflow: scroll;
}
.summaryMod::-webkit-scrollbar {
    display: none;
}

.summaryMod ul li {
    margin-right: 100px;
}
.summaryMod ul li .item {
    padding: 50px 40px;
    width: 100%;
    height: 300px;
    border-radius: 20px;
    box-shadow: rgb(239 244 251) 0px 30px 30px 30px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.summaryMod ul li .item .info {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.summaryMod ul li .item .info .month {
    font: 80px / 1.4 GILROY-BOLD;
    color: #132540;
}
.summaryMod ul li .item .info .month strong {
    position: relative;
    top: -5px;
    margin-left: 14px;
    font: bold 40px / 1.4 Alibaba-PuHuiTi-Bold;
}
.summaryMod ul li .item .info .day {
    font: bold 18px / 1.6 Alibaba-PuHuiTi-Medium;
}
.summaryMod ul li .item .info p {
    font: 16px / 1.6 Alibaba-PuHuiTi-Regular;
    text-align: justify;
}

.summaryMod ul li .item .pic {
    margin-left: 50px;
    width: 330px;
    height: 200px;
    border-radius: 14px;
    overflow: hidden;
}
.summaryMod ul li .item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.newsSwiperWrap {
    overflow: hidden;
}
.newsSwiperBox {
    position: relative;
}

.newsSwiperBox ul li .pic {
    margin-right: 160px;
    height: 540px;
    border-radius: 20px;
    overflow: hidden;
}
.newsSwiperBox ul li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newsSwiperBox ul li .info {
    position: absolute;
    top: 60px;
    right: 0;
    border-radius: 30px;
    width: 540px;
    height: 540px;
    padding: 60px 60px 50px;
    border-radius: 36px;
    background: #0665c2 url(../images/newsIndex_swiperTextBg.jpg);
    background-size: cover;
    overflow: hidden;
    opacity: 0;
}

.newsSwiperBox ul li .info .time {
    color: #fff;
    font: 20px / 1.2 GILROY-MEDIUM;
    transition: all 0.5s ease-out 0.2s;
}
.newsSwiperBox ul li .info .tit {
    text-align: justify;
    margin: 10px 0 30px;
    color: #fff;
    font: 28px / 1.4 Alibaba-PuHuiTi-Regular;
    transition: all 0.5s ease-out 0.4s;
}
.newsSwiperBox ul li .info p {
    text-align: justify;
    color: #fff;
    font: 16px / 1.6 Alibaba-PuHuiTi-Regular;
    transition: all 0.5s ease-out 0.6s;
}
.newsSwiperBox ul li .info .time,
.newsSwiperBox ul li .info .tit,
.newsSwiperBox ul li .info p {
    opacity: 0;
    transform: translateY(60px);
}
.newsSwiperBox ul li.swiper-slide-active .info {
    opacity: 1;
}
.newsSwiperBox ul li.swiper-slide-active .info .time,
.newsSwiperBox ul li.swiper-slide-active .info .tit,
.newsSwiperBox ul li.swiper-slide-active .info p {
    opacity: 1;
    transform: translateY(0);
}
.newsSwiperBox .swiperInfo {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 540px;
    padding: 0 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.newsSwiperBox .swiperInfo .operation {
    display: flex;
    align-items: center;
}
.newsSwiperBox .swiperInfo .operation > div {
    margin-left: 10px;
}

.newsListWrap {
    overflow: hidden;
}
.newsListUl {
    margin: 10px 0 60px;
    padding-bottom: 4px;
    border-bottom: 4px #0276c9 solid;
    overflow: hidden;
}
.newsListUl li {
    border-top: 2px #e6eaed solid;
    padding: 60px 0;
}
.newsListUl li .items {
    display: flex;
    align-items: center;
}
.newsListUl li .items .info {
    flex: 1;
    width: 0;
}
.newsListUl li .items .info .textTop {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.newsListUl li .items .info .textTop .tit {
    color: var(--xlc-text-default-bold);
    font: bold 26px / 1 Alibaba-PuHuiTi-Medium;
}
.newsListUl li .items .info .textTop .time {
    flex: none;
    margin-left: 1em;
    color: var(--xlc-text-blue-1);
    font: 18px / 1 GILROY-BOLD, Alibaba-PuHuiTi-Regular;
}
.newsListUl li .items .info p {
    color: var(--xlc-text-default);
    font: 18px / 1.8 GILROY-BOLD, Alibaba-PuHuiTi-Regular;
    opacity: 0.7;
    text-align: justify;
}
.newsListUl li .items .pic {
    flex: inherit;
    margin-left: 60px;
    width: 440px;
    height: 240px;
    border-radius: 20px;
    overflow: hidden;
}
.newsListUl li .items .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pageTurnerBox {
    display: block;
}
.pageTurnerBox ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pageTurnerBox ul li {
    margin: 0 5px;
}
.pageTurnerBox ul li a .icon-svg {
    width: 22px;
    height: 22px;
}
.pageTurnerBox ul li a .icon-svg-l {
    transform: rotate(180deg);
}
.pageTurnerBox ul li a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px #bac2c7 solid;
    color: var(--xlc-text-default);
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.pageTurnerBox ul li:hover a,
.pageTurnerBox ul li.on a {
    color: #fff;
    background: var(--xlc-bg-blue);
    border-color: var(--xlc-bg-blue);
}
.pageTurnerBox ul li:hover a .icon-svg {
    fill: #fff;
}
.pageTurnerBox ul li:first-child a,
.pageTurnerBox ul li:last-child a {
    border-radius: 20px;
    width: 50px;
    border-color: var(--xlc-text-default-bold);
}

.newsViewpointWrap {
    background: #f5f5f5;
    overflow: hidden;
}
.newsViewpointUl {
    margin: 0 -23px 50px;
    padding-bottom: 50px;
    border-bottom: 4px var(--xlc-bg-blue) solid;
    display: flex;
    flex-wrap: wrap;
}
.newsViewpointUl li {
    width: 33.33%;
}
.newsViewpointUl li .items {
    margin: 0 23px 46px;
    background: #fff;
    border-radius: 26px;
    display: block;
    overflow: hidden;
    transition: all 0.3s ease;
}
.newsViewpointUl li .items .pic {
    height: 240px;
    overflow: hidden;
}
.newsViewpointUl li .items .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newsViewpointUl li .items .info {
    padding: 40px;
    overflow: hidden;
}
.newsViewpointUl li .items .info .tit {
    margin-bottom: 20px;
    font: 24px / 1.4 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    text-align: justify;
}
.newsViewpointUl li .items .info p {
    height: 5em;
    text-align: justify;
    font: 18px / 1.6 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    opacity: 0.5;
    overflow: hidden;
}
.newsViewpointUl li .items .info .btns {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.newsViewpointUl li .items .info .btns .time {
    font: 18px / 1 GILROY-BOLD;
    color: var(--xlc-text-default);
    opacity: 0.5;
}
.newsViewpointUl li .items:hover {
    transform: translateY(-10px);
    box-shadow: rgb(0 128 226 / 10%) 0px 10px 30px 15px;
}
.newsViewpointUl li .items:hover .info .btns .look {
    background: var(--xlc-bg-blue-1);
    color: #fff;
}

.newsDynamicWrap {
    overflow: hidden;
}
.newsDynamicUl {
    margin: 0 -23px 50px;
    padding-bottom: 50px;
    border-bottom: 4px var(--xlc-bg-blue) solid;
    display: flex;
    flex-wrap: wrap;
}
.newsDynamicUl li {
    width: 33.33%;
}
.newsDynamicUl li .items {
    position: relative;
    margin: 0 23px 46px;
    padding: 45px 50px 55px;
    height: 450px;
    background: #fff;
    border: 1px #d6ebfa solid;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    transition: all 0.3s ease;
}
.newsDynamicUl li .items::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    background: url(/assets/theme/jthink/images/li_bg.jpg) no-repeat top right;
    background-size: cover;
    height: 100%;
    width: 100%;
    z-index: 1;
    transition: all 0.3s ease;
}
.newsDynamicUl li .items .boxes {
    position: relative;
    z-index: 2;
}
.newsDynamicUl li .items .boxes:nth-child(2) {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.newsDynamicUl li .items .boxes .tit {
    font: 22px / 1.6 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
}
.newsDynamicUl li .items .boxes .time {
    display: block;
    margin-top: 20px;
    color: var(--xlc-text-blue-2);
    font: bold 18px / 1 Alibaba-PuHuiTi-Medium;
}
.newsDynamicUl li .items p {
    flex: 1;
    height: 5em;
    width: 100%;
    font: 16px / 1.6 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    opacity: 0.7;
    text-align: justify;
    overflow: hidden;
}
.newsDynamicUl li .items .look {
    margin-left: 30px;
    transition: all 0.3s ease;
}
.newsDynamicUl li .items:hover::after {
    background: #0080e2 url(../images/li_bg_hover.png) no-repeat top right;
    background-size: cover;
}
.newsDynamicUl li .items:hover {
    transform: translateY(-10px);
    box-shadow: rgb(0 128 226 / 10%) 0px 10px 30px 15px;
}
.newsDynamicUl li .items:hover {
    background: var(--xlc-bg-blue-2);
}
.newsDynamicUl li .items .tit,
.newsDynamicUl li .items .time,
.newsDynamicUl li .items p {
    transition: all 0.3s ease;
}
.newsDynamicUl li .items:hover .tit,
.newsDynamicUl li .items:hover .time,
.newsDynamicUl li .items:hover p {
    color: #fff;
}
.newsDynamicUl li .items:hover .look {
    background: #fff;
    opacity: 0.9;
    font-family: "Alibaba-PuHuiTi-Medium";
    font-weight: bold;
}

.newsMediaReportWrap {
    display: block;
}
.newsMediaReportBox {
    display: block;
}
.newsMediaReportBox .nmrTop {
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.newsMediaReportBox .nmrTop .tit {
    font: bold 46px / 1 Alibaba-PuHuiTi-Medium;
    color: var(--xlc-text-default-bold);
}
.newsMediaReportBox .nmrTop .numrNum {
    font: bold 24px / 1 GILROY-MEDIUM;
    color: var(--xlc-text-default);
}
.newsMediaReportBox .nmrTop .numrNum .swiper-pagination-current {
    color: var(--xlc-text-blue-1);
}
.nmrSwiperMod {
    position: relative;
    overflow: hidden;
}

.nmrSwiperMod ul li {
    background: #f6f7f8;
    border-radius: 18px;
    overflow: hidden;
}
.nmrSwiperMod ul li .item {
    height: 540px;
    position: relative;
    display: flex;
    overflow: hidden;
}
.nmrSwiperMod ul li .item > a {
    display: block;
    width: 100%;
    height: 100%;
}
.nmrSwiperMod ul li .pic {
    flex: 1;
    width: 100%;
    height: 100%;
}
.nmrSwiperMod ul li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nmrSwiperMod ul li .info {
    width: 480px;
    padding: 55px;
    opacity: 0;
    transition: all 0.3s ease;
}
.nmrSwiperMod ul li .info .time {
    margin-bottom: 38px;
    display: flex;
    align-items: center;
    transition: all 0.5s ease-out 0s;
}
.nmrSwiperMod ul li .info .time .date {
    padding-bottom: 14px;
    position: relative;
    font: bold 90px / 1 GILROY-MEDIUM;
}
.nmrSwiperMod ul li .info .time .date span {
    opacity: 0.3;
    color: var(--xlc-text-default-bold);
}
.nmrSwiperMod ul li .info .time .date::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    content: "";
    display: block;
    background: var(--xlc-text-blue-1);
}
.nmrSwiperMod ul li .info .time .text {
    position: relative;
    top: 12px;
    margin-left: 20px;
    font: bold 24px / 1 GILROY-MEDIUM;
    color: var(--xlc-text-default-bold);
    opacity: 0.3;
    transition: all 0.5s ease-out 0.3s;
}
.nmrSwiperMod ul li .info .tit {
    margin-bottom: 16px;
    font: 24px / 1.6 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    transition: all 0.5s ease-out 0.6s;
}
.nmrSwiperMod ul li .info p {
    font: 18px / 1.6 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    opacity: 0.5;
    text-align: justify;
    height: 6.3em;
    overflow: hidden;
    transition: all 0.5s ease-out 0.9s;
}
.nmrSwiperMod ul li .info .source {
    margin-top: 80px;
    display: flex;
    align-items: center;
    transition: all 0.5s ease-out 1.2s;
}
.nmrSwiperMod ul li .info .source span {
    font: 18px / 1.6 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    opacity: 0.5;
}
.nmrSwiperMod ul li .info .source .img {
    display: block;
}
.nmrSwiperMod ul li .info .source .img img {
    width: auto !important;
    height: auto !important;
}

.nmrSwiperMod .operation {
    position: absolute;
    bottom: 55px;
    right: 60px;
    z-index: 1;
    display: flex;
    align-items: center;
}
.nmrSwiperMod .operation > div {
    margin-left: 10px;
}
.nmrSwiperMod ul li .info .time,
.nmrSwiperMod ul li .info .tit,
.nmrSwiperMod ul li .info p,
.nmrSwiperMod ul li .info .source {
    transform: translateY(60px);
    opacity: 0;
}
.nmrSwiperMod ul li.swiper-slide-active .info {
    opacity: 1;
}
.nmrSwiperMod ul li.swiper-slide-active .info .time,
.nmrSwiperMod ul li.swiper-slide-active .info .tit,
.nmrSwiperMod ul li.swiper-slide-active .info p,
.nmrSwiperMod ul li.swiper-slide-active .info .source {
    transform: translateY(0);
    opacity: 1;
}

.newsmrListWrap {
    background: #f7f7f7;
    overflow: hidden;
}
.newsmrListUl {
    margin-bottom: 60px;
    border-bottom: 4px var(--xlc-bg-blue) solid;
}
.newsmrListUl li {
    overflow: hidden;
}
.newsmrListUl li + li {
    margin-top: 20px;
}
.newsmrListUl li .items {
    height: 320px;
    padding: 70px 60px 60px;
    border-radius: 30px;
    background: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;
}
.newsmrListUl li .items .box {
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.newsmrListUl li .items .box .tit {
    font: 24px / 1.6 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
}
.newsmrListUl li .items .box .source {
    font: 18px / 1.6 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    opacity: 0.5;
}
.newsmrListUl li .items p {
    font: 18px / 1.6 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    opacity: 0.5;
    text-align: justify;
}
.newsmrListUl li .items .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.newsmrListUl li .items .info .time {
    color: var(--xlc-text-default);
    opacity: 0.5;
    font: 18px / 1 Alibaba-PuHuiTi-Regular;
}

.newsmrListUl li .items:hover {
    background: var(--xlc-bg-blue-1);
}
.newsmrListUl li .items:hover .tit,
.newsmrListUl li .items:hover .source,
.newsmrListUl li .items:hover p,
.newsmrListUl li .items:hover .time,
.newsmrListUl li .items:hover .look {
    color: #fff;
}
.newsmrListUl li .items:hover .look {
    background: #fff;
    color: var(--xlc-text-blue-1);
}

.detailsNavWrap {
    padding: 55px 0;
}
.detailsNavBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.newsDetailsWrap {
    overflow: hidden;
}
.newsDetailsWrap .only {
    display: block;
}
.newsDetailsTopBox {
    margin-bottom: 50px;
    border-bottom: 2px #d0d5d9 solid;
    overflow: hidden;
}
.newsDetailsTopBox > .tit {
    color: var(--xlc-text-default-bold);
    font: bold 30px / 1.6 Alibaba-PuHuiTi-Medium;
    margin-bottom: 14px;
}
.newsDetailsTopBox > .titBig {
    color: var(--xlc-text-default);
    font: 42px / 1.5 Alibaba-PuHuiTi-Regular;
}
.newsDetailsTopBox .source {
    display: block;
    font: 18px / 1 Alibaba-PuHuiTi-Regular;
    opacity: 0.4;
    color: var(--xlc-text-default);
}
.newsDetailsTopBox .box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.newsDetailsTopBox .box > div {
    display: flex;
}
.newsDetailsTopBox .box > div .source {
    margin-right: 20px;
}
.newsDetailsTopBox .box .leftCase {
    display: flex;
}
.newsDetailsTopBox .box .leftCase > div {
    display: flex;
    align-items: center;
}
.newsDetailsTopBox .box .leftCase > div span {
    margin-right: 20px;
}
.detailsNavBox.only {
    padding: 0 120px;
}
.newsDetailsTopBox.only,
.newsDetailsConBox.only {
    margin-left: 240px;
    margin-right: 240px;
}
.newsDetailsConBox {
    overflow: hidden;
}
.particularlyText {
    position: relative;
    padding: 35px;

    background: #0276c9;
    border-radius: 20px;
    overflow: hidden;
}
.particularlyText.gray {
    background: #f7f7f7;
}
.particularlyText p {
    text-align: justify;
    color: #fff;
    opacity: 0.7;
    font: 16px / 2 Alibaba-PuHuiTi-Regular;
}
.particularlyText.gray p {
    color: #000;
}

.particularlyText .ballUl li {
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
}
.particularlyText .ballUl li:nth-child(1) {
    right: 30%;
    bottom: 15%;
    width: 10px;
    height: 10px;
    background: #4e9fd9;
    border: 1px #5fa9dd solid;
}
.particularlyText .ballUl li:nth-child(2) {
    right: 20%;
    bottom: 15%;
    width: 10px;
    height: 10px;

    border: 1px #5fa9dd solid;
}
.particularlyText .ballUl li:nth-child(3) {
    right: 8%;
    bottom: 10%;
    width: 10px;
    height: 10px;
    background: #65dff1;
    border: 1px #65dff1 solid;
}

.newsDetailsMain {
    border-bottom: 4px #0276c9 solid;
    padding: 0 50px 60px;
    overflow: hidden;
}

.newsDetailsMain.change {
    padding: 0 0 60px;
}
.newsDetailsMain h4 {
    color: #000020;
    margin-top: 40px;
    font: bold 20px / 2 Alibaba-PuHuiTi-Medium;
}
.newsDetailsMain p {
    text-align: justify;

    margin-top: 14px;
    color: #818e9b;
    font: 18px / 2 Alibaba-PuHuiTi-Regular;
}
.newsDetailsMain video {
    margin-top: 20px;
    width: 100% !important;
    height: auto !important;
}
.newsDetailsMain img {
    margin: 40px 0 0;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 18px;
    background: #f4f4f4;
    padding: 10px;
}
.newsDetailsNavBar {
    padding: 38px 0 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.newsDetailsNavBar .boxes {
    display: flex;
    align-items: center;
}
.newsDetailsNavBar a {
    width: 198px;
    height: 58px;
    border: 1px #d0d5d9 solid;
    font: 18px / 1 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.newsDetailsNavBar a + a {
    margin-left: 10px;
}
.newsDetailsNavBar a:hover {
    background: var(--xlc-bg-blue);
    color: #fff;
    border-color: var(--xlc-bg-blue);
}

.newsDetailsStyleWrap {
    background: #f5f5f5;
}
.newsDetailsStyle {
    width: 100%;
    display: flex;
}
.newsDetailsStyle > .boxes {
    position: relative;
}
.newsDetailsStyle > .boxes:nth-child(1) {
    width: 100%;
    background: #fff;
    padding: 50px 50px 0;
    margin-right: 20px;
    border-radius: 20px;
}
.newsDetailsStyle > .boxes:nth-child(2) {
    display: inline-block;
}

.newsHotMod {
    padding: 50px 40px;
    border-radius: 20px;
    background: #fff;
    transition: all 0.3s ease;
    position: sticky;
    top: 150px;
}
.newsHotMod .tit {
    margin-bottom: 30px;
    position: relative;
    height: 50px;
    font: bold 36px / 1 Alibaba-PuHuiTi-Medium;
    color: var(--xlc-text-default-bold);
    display: flex;
    align-items: center;
}
.newsHotMod .tit::after {
    position: absolute;
    top: 0;
    left: -40px;
    content: "";
    display: block;
    width: 5px;
    height: 100%;
    background: #027ddb;
}
.newsHotMod .pic {
    width: 100%;
    height: 160px;
    border-radius: 20px;
    overflow: hidden;
}
.newsHotMod .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newsHotMod .list {
    margin-top: 10px;
    overflow: hidden;
}
.newsHotMod .list li {
    position: relative;
    margin-top: 20px;
    padding-left: 26px;
}
.newsHotMod .list li::after {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    content: "";
    background: #0764c0;
    border-radius: 50%;
}
.newsHotMod .list li a {
    text-align: justify;
    font: 18px / 1.6 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    opacity: 0.7;
}

.partyBuildingBannerWrap {
    position: relative;
    height: 600px;
    overflow: hidden;
}
.partyBuildingBannerBg {
    width: 100%;
    height: 100%;
}
.partyBuildingBannerBg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.partyBuildingBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.partyBuildingBox > div {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.partyBuildingText {
    position: relative;
    display: flex;
    overflow: hidden;
    z-index: 2;
}
.partyBuildingText .pic {
    flex: 1;
    width: 55%;
}
.partyBuildingText .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.partyBuildingText .info {
    padding: 60px;
    width: 45%;
    background: linear-gradient(90deg, #faf1f2, #fff);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.partyBuildingText .info .tit {
    margin-bottom: 26px;
    font: bold 32px / 1 Alibaba-PuHuiTi-Medium;
    color: var(--xlc-text-default-bold);
}
.partyBuildingText .info p {
    text-align: justify;
    font: 18px / 1.8 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    opacity: 0.7;
}
.partyBuildingSquare {
    position: relative;
    background: var(--xlc-bg-khaki-1);
    height: 40px;
    width: 80%;
    margin: 0 auto;
    z-index: 1;
}

.partyBuildingUl {
    margin: 0 -23px 50px;
    padding-bottom: 50px;
    border-bottom: 4px var(--xlc-bg-blue) solid;
    display: flex;
    flex-wrap: wrap;
}
.partyBuildingUl li {
    width: 33.33%;
}
.partyBuildingUl li .items {
    position: relative;
    margin: 0 23px 46px;
    padding: 45px 50px 55px;
    height: 450px;
    background: #fff;
    border: 1px #f8eee5 solid;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    transition: all 0.3s ease;
}
.partyBuildingUl li .items::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    background-size: cover;
    height: 100%;
    width: 100%;
    z-index: 1;
    transition: all 0.3s ease;
}
.partyBuildingUl li .items .boxes {
    position: relative;
    z-index: 2;
}
.partyBuildingUl li .items .boxes:nth-child(2) {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.partyBuildingUl li .items .boxes .tit {
    font: 24px / 1.6 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
}
.partyBuildingUl li .items .boxes .time {
    display: block;
    margin-top: 20px;
    color: var(--xlc-bg-khaki-1);
    font: bold 18px / 1 Alibaba-PuHuiTi-Medium;
}
.partyBuildingUl li .items p {
    flex: 1;
    height: 5em;
    width: 100%;
    font: 16px / 1.6 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    opacity: 0.7;
    text-align: justify;
    overflow: hidden;
}
.partyBuildingUl li .items .look {
    margin-left: 30px;
    transition: all 0.3s ease;
}
.partyBuildingUl li .items:hover::after {
    background: var(--xlc-bg-khaki-1) url(../images/li_bg2_hover.jpg) no-repeat top right;
    background-size: cover;
}
.partyBuildingUl li .items:hover {
    transform: translateY(-10px);
    box-shadow: rgb(0 128 226 / 10%) 0px 10px 30px 15px;
}
.partyBuildingUl li .items:hover {
    background: var(--xlc-bg-blue-2);
}
.partyBuildingUl li .items .tit,
.partyBuildingUl li .items .time,
.partyBuildingUl li .items p {
    transition: all 0.2s ease;
}
.partyBuildingUl li .items:hover .tit,
.partyBuildingUl li .items:hover .time,
.partyBuildingUl li .items:hover p {
    color: #fff;
}
.partyBuildingUl li .items .look {
    border-color: var(--xlc-bg-khaki-1);
    color: var(--xlc-bg-khaki-1);
}
.partyBuildingUl li .items:hover .look {
    background: #fff;
    opacity: 0.9;
    color: var(--xlc-bg-khaki-1);
    font-family: "Alibaba-PuHuiTi-Medium";
    font-weight: bold;
}
.partydetailsWrap {
    position: relative;
    background: #f5f5f5;
    overflow: hidden;
}
.partydetailsBg {
    height: 599px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.partydetailsBg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.partydetailsBox {
    position: relative;
    text-align: center;
    margin-top: -240px;
    z-index: 12;
}
.partydetailsBox > .tit {
    margin: 10px 0;
    color: #fff;
    font: 40px / 1.6 Alibaba-PuHuiTi-Regular;
}
.partydetailsBox > .time {
    color: #fff;
    font: 18px / 1.2 GILROY-MEDIUM;
}
.partydetailsMain {
    margin-top: 30px;
    padding: 40px 120px;
    background: #fff;
    overflow: hidden;
}

.partydetailsMain .detailsCon {
    padding-bottom: 50px;
    border-bottom: 4px #0276c9 solid;
    overflow: hidden;
}
.partydetailsMain .detailsCon img {
    margin: 28px 0 14px;
    max-width: 100% !important;
    height: auto !important;
}
.partydetailsMain .detailsCon p {
    text-align: justify;
    text-indent: 2em;
    margin-top: 14px;
    color: #818e9b;
    font: 18px / 2 Alibaba-PuHuiTi-Regular;
}
.articleDirection {
    padding: 40px 0 10px;
    text-align: left;
}
.articleDirection a {
    margin: 6px 0;
    display: block;
    opacity: 0.7;
    color: var(--xlc-text-default);
    font: 18px / 1.6 Alibaba-PuHuiTi-Regular;
}
.returnsMod {
    width: 120px;
    height: 120px;
    margin: 50px auto 20px;
    background: var(--xlc-bg-khaki-1);
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.returnsMod .icon-svg {
    fill: #fff;
    width: 40px;
    height: 40px;
}
.returnsMod span {
    color: #fff;
    font: 16px / 1.4 Alibaba-PuHuiTi-Regular;
}
.partydetailsMain .fdBox {
    position: absolute;
    top: 400px;
    right: 40px;
}
.partydetailsMain .socialMod {
    position: sticky;
    top: 100px;
}

.socialListUl {
    margin-bottom: 60px;
    border-bottom: 4px var(--xlc-bg-blue) solid;
}
.socialListUl li {
    overflow: hidden;
}
.socialListUl li + li {
    margin-top: 20px;
}
.socialListUl li .items {
    padding: 40px;
    border-radius: 30px;
    background: #fff;
    overflow: hidden;
    display: flex;
    transition: all 0.3s ease;
}
.socialListUl li .items > .boxes {
    display: flex;
    flex-direction: column;
}
.socialListUl li .items > .boxes:nth-child(1) {
    position: relative;
}
.socialListUl li .items > .boxes:nth-child(2) {
    margin-left: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
}
.socialListUl li .items .box {
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.socialListUl li .items .box .tit {
    font: 24px / 1.6 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    width: 100%;
    flex: 1;
    height: 1.6em;
    overflow: hidden;
}
.socialListUl li .items .box .source {
    font: 18px / 1.6 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    opacity: 0.5;
}
.socialListUl li .items p {
    font: 18px / 1.6 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    opacity: 0.5;
    text-align: justify;
}
.socialListUl li .items .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.socialListUl li .items .info .time {
    color: var(--xlc-text-default);
    opacity: 0.5;
    font: 18px / 1 Alibaba-PuHuiTi-Regular;
}

.socialListUl li .items:hover {
    background: var(--xlc-bg-blue-1);
}
.socialListUl li .items:hover .tit,
.socialListUl li .items:hover .source,
.socialListUl li .items:hover p,
.socialListUl li .items:hover .time,
.socialListUl li .items:hover .look {
    color: #fff;
}
.socialListUl li .items:hover .look {
    background: #fff;
    color: var(--xlc-text-blue-1);
}

.socialListUl li .items .pic {
    width: 440px;
    height: 240px;
    border-radius: 20px;
    overflow: hidden;
}
.socialListUl li .items .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ideaResWrap {
    position: relative;
    height: 841px;
    overflow: hidden;
}
.ideaResBg {
    height: 100%;
}
.ideaResBg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ideaResBox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.ideaResBox > div {
    height: 100%;
    display: flex;
    align-items: center;
}
.ideaResBox .icon {
    margin-bottom: 35px;
    display: block;
    width: 88px;
    height: 113px;
    background: url(/assets/theme/jthink/images/icon-ideaRes.png) no-repeat;
    background-size: 88px;
}
.ideaResBox .tit {
    margin-bottom: 28px;
    font: bold 46px / 1 Alibaba-PuHuiTi-Medium;
    color: var(--xlc-text-default-bold);
}
.ideaResBox .info {
    font: 18px / 2 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    opacity: 0.5;
    text-align: justify;

    transition: all 0.5s ease-out 0.9s;
}
.ideaResBox .boxes:nth-child(2) {
    margin-left: 90px;
    padding: 0 50px 50px;
}
.ideaResBox .pic {
    position: relative;
    width: 480px;
    height: 550px;
    border-radius: 20px;
}
.ideaResBox .pic img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
}
.ideaResBox .pic .border {
    width: 480px;
    height: 550px;
    border-radius: 20px;
    position: absolute;
    bottom: -50px;
    right: -50px;
    border: 2px #017ddf solid;
    z-index: 1;
}
.socialRightFd {
    position: sticky;
    top: 108px;
}
.relatedRecMod {
    padding: 50px 40px;
    border-radius: 20px;
    background: #fff;
    transition: all 0.3s ease;
}
.relatedRecMod .tit {
    margin-bottom: 30px;
    font: bold 26px / 1 Alibaba-PuHuiTi-Medium;
    color: var(--xlc-text-default-bold);
}
.relatedRecMod .list {
    padding-top: 20px;
    border-top: 1px #e6e6e6 solid;
}
.relatedRecMod .list li {
    width: 330px;
    margin-bottom: 10px;
}
.relatedRecMod .list li a {
    position: relative;
    padding-left: 13px;
    display: block;
    font: 16px / 2 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    opacity: 0.5;
}
.relatedRecMod .list li a::after {
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 0;
    width: 2px;
    height: 2px;
    background: #333;
    content: "";
}

.advanceNoticeMod {
    margin-top: 40px;
    border-top: 4px #0666c3 solid;
    background: #fff;
    border-radius: 0 0 20px 20px;
    padding: 50px 40px;
    overflow: hidden;
}
.advanceNoticeMod .tit {
    color: var(--xlc-text-default);
    font: 24px / 1 Alibaba-PuHuiTi-Regular;
    margin-top: 20px;
}
.advanceNoticeMod .tit:first-child {
    margin-top: 0;
}
.advanceNoticeMod .line {
    margin: 10px 0;
    width: 24px;
    height: 1px;
    background: #cccccc;
}
.advanceNoticeMod .text {
    margin: 0 0 10px;
}
.advanceNoticeMod .text a {
    font: 18px / 1 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    opacity: 0.7;
}
.advanceNoticeMod .time {
    font: 14px / 1 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
}
.joinUsTitle {
    margin-bottom: 30px;
    font: bold 46px / 1 Alibaba-PuHuiTi-Medium;
    color: var(--xlc-text-default-bold);
}
.joinUsTitle.white {
    color: #fff;
}
.joinUsSubtitle {
    font: bold 24px / 1.6 Alibaba-PuHuiTi-Medium;
}
.joinUsText {
    margin-top: 25px;
}
.joinUsText p {
    color: var(--xlc-text-default);
    font: 18px / 1.8 Alibaba-PuHuiTi-Regular;
}
.joinUsWrap1 {
    height: 486px;
    background: url(/assets/theme/jthink/images/join_us_bg1.jpg) center;
    background-size: cover;
    overflow: hidden;
}
.joinUsWrap1 > div,
.joinUsWrap2 > div,
.joinUsWrap3 > div,
.joinUsWrap4 > div {
    height: 100%;
}
.joinUsBox1 {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.joinUsBox1 .joinUsSubtitle {
    color: var(--xlc-text-blue-4);
}

.joinUsWrap2 {
    height: 802px;
    background: url(/assets/theme/jthink/images/join_us_bg2.jpg) center;
    background-size: cover;
    overflow: hidden;
}
.joinUsBox2 {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.joinUsStandardUl {
    margin-top: 50px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.joinUsStandardUl li .item {
    position: relative;
    height: 440px;
    width: 440px;
    padding: 50px 30px 80px;
    border-radius: 20px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;
    overflow: hidden;
}
.joinUsStandardUl li .item .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 0.3s ease;
}
.joinUsStandardUl li .item .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.1;
    transition: all 0.3s ease;
}
.joinUsStandardUl li .item .num {
    position: relative;
    font: bold 64px / 1 GILROY-BOLD;
    color: #57778f;
    opacity: 0.3;
    z-index: 3;
    transition: all 0.3s ease;
}
.joinUsStandardUl li .item .info {
    position: relative;
    overflow: hidden;
    z-index: 3;
}
.joinUsStandardUl li .item .info .tit {
    margin-bottom: 20px;
    font: bold 26px / 1 Alibaba-PuHuiTi-Medium;
    color: var(--xlc-text-default-bold);
    transition: all 0.3s ease;
}
.joinUsStandardUl li .item .info p {
    height: 3em;
    color: var(--xlc-text-default);
    font: 18px / 1.6 Alibaba-PuHuiTi-Regular;
    overflow: hidden;
    transition: all 0.3s ease;
}
.joinUsStandardUl li .item:hover .bg {
    background: var(--xlc-bg-blue-5);
}
.joinUsStandardUl li .item:hover .bg img {
    opacity: 0.16;
}
.joinUsStandardUl li .item:hover .num,
.joinUsStandardUl li .item:hover .tit,
.joinUsStandardUl li .item:hover p {
    color: #fff;
}

.joinUsWrap3 {
    height: 1304px;
    background: url(/assets/theme/jthink/images/join_us_bg3.jpg) center;
    background-size: cover;
    overflow: hidden;
}
.joinUsBox3 {
    height: 75%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.joinUsCultivateMod {
    position: relative;
    margin-top: -50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.joinUsCultivateMod .item {
    width: 680px;
    height: 680px;
    border: 1px #2270be solid;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.joinUsCultivateMod .item .icon {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.joinUsCultivateMod .item .icon img {
    width: auto;
}
.joinUsCultivateMod .item .tit {
    margin-bottom: 20px;
    margin-top: 16px;
    font: bold 26px / 1 Alibaba-PuHuiTi-Medium;
    color: var(--xlc-text-default-bold);
}
.joinUsCultivateMod .item p {
    padding-bottom: 120px;
    font: 18px / 1.6 Alibaba-PuHuiTi-Regular;
    width: 430px;
    text-align: justify;
}
.joinUsCultivateMod .pic {
    position: absolute;
    bottom: -325px;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    overflow: hidden;
}
.joinUsCultivateMod .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.joinUsWrap4 {
    height: 1090px;
    background: url(/assets/theme/jthink/images/join_us_bg4.jpg) center;
    background-size: cover;
    overflow: hidden;
}
.joinUsBox4 {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.joinUsBox4 > .boxes {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.joinUsBox4 > .boxes1 {
    position: relative;
}
.joinUsBox4 > .boxes1 .text {
    width: 50%;
    flex: 1;
}
.joinUsBox4 > .boxes1 .text p {
    text-align: justify;
    color: #cad9e7;
    font: 18px / 1.8 Alibaba-PuHuiTi-Regular;
}
.joinUsBox4 > .boxes1 .text p + p {
    margin-top: 22px;
}
.joinUsBox4 > .boxes1 .text p strong {
    font: bold 18px / 1.8 Alibaba-PuHuiTi-Medium;
    color: #fff;
}
.joinUsBox4 > .boxes1 .pic {
    width: 50%;
    margin-left: 60px;
}
.joinUsBox4 > .boxes1 .pic img {
    display: block;
    width: 100%;
}

.joinUsBox4 > .boxes2 {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.joinUsBox4 > .boxes2 .item {
    position: relative;
    width: 49%;
    background: #fff;
    overflow: hidden;
    border-radius: 20px;
}

.joinUsBox4 > .boxes2 .item .learmLink {
    position: absolute;
    bottom: 40px;
    right: 60px;
}
.joinUsBox4 > .boxes2 .item .info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.joinUsBox4 > .boxes2 .item .case i {
    margin-bottom: 10px;
    display: block;
}
.joinUsBox4 > .boxes2 .item .case i img {
    display: block;
}
.joinUsBox4 > .boxes2 .item .case p {
    font: 22px / 1.4 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
}
.joinUsBox4 > .boxes2 .item .case p a {
    font: 22px / 1.4 GILROY-BOLD;
    color: var(--xlc-text-default-bold);
}
.joinUsBox4 > .boxes2 .item .code {
    border: 9px var(--xlc-bg-blue-6) solid;
}

.joinUsWrap5 {
    background: #f5f5f5;
    overflow: hidden;
}

.joinUsBox5 .caseTop {
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}
.joinUsBox5 .caseTop h4 {
    margin-bottom: 0;
}
.joinUsBox5 .list {
    display: flex;
    align-items: center;
}
.joinUsBox5 .list li {
    margin-left: 45px;
    height: 50px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    overflow: hidden;
    border-radius: 20px;
}
.joinUsBox5 .list li.on {
    background: var(--xlc-bg-blue-1);
    color: #fff;
    overflow: hidden;
}
.joinUsBox5 .caseCon {
    overflow: hidden;
}
.joinUsBox5 .caseCon > p {
    color: var(--xlc-text-default);
    margin-bottom: 20px;
    text-align: justify;
    font: 18px / 1.8 Alibaba-PuHuiTi-Regular;
}
.joinUsBox5 .caseCon > img {
    display: block;
    margin: 30px 0;
}
.curriculumSystemMod {
    margin-top: 50px;
    display: flex;
}
.curriculumSystemMod .boxes {
    border: 2px var(--xlc-bg-blue-1) solid;
    border-radius: 15px;
    overflow: hidden;
}
.curriculumSystemMod .boxes:nth-child(1) {
    width: 100%;
    flex: 1;
    margin-right: 40px;
}
.curriculumSystemMod .boxes:nth-child(2) {
    width: 38%;
}
.curriculumSystemMod .boxes .tit {
    height: 80px;
    background: var(--xlc-bg-blue-1);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.curriculumSystemMod .boxes .tit span {
    display: block;
    font: 22px / 1.8 Alibaba-PuHuiTi-Medium;
    color: #fff;
    letter-spacing: 2px;
}
.curriculumSystemMod .boxes ul {
    padding: 60px 50px;
}
.curriculumSystemMod .boxes ul li {
    margin-bottom: 16px;
    color: var(--xlc-text-default);
    font: 18px / 1.4 Alibaba-PuHuiTi-Regular;
}
.curriculumSystemMod .boxes ul li:last-child {
    margin-bottom: 0;
}
.trainingProjectMod {
    border-radius: 18px;
    background: linear-gradient(144deg, #fff, #cfdbe6);
    display: flex;
    overflow: hidden;
}
.trainingProjectMod .boxes {
    padding: 70px 0 50px;
}
.trainingProjectMod .boxes:nth-child(1) {
    width: 100%;
    flex: 1;
    background: linear-gradient(45deg, #095ab5, #0080e2);
}
.trainingProjectMod .boxes:nth-child(2) {
    width: 70%;
}

.trainingProjectMod .tpList {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.trainingProjectMod .tpList li {
    margin-bottom: 20px;
    width: 296px;
    height: 58px;
    border-radius: 22px 0 22px 0;
    font: 18px / 1 Alibaba-PuHuiTi-Regular;
    border: 1px #9ac7ed solid;
    color: #9ac7ed;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}
.trainingProjectMod .tpList li.on {
    border-color: #0666c3;
    background: #fff;
    color: #0666c3;
    border-bottom: 5px #368cd8 solid;
}
.trainingProjectMod .tabcon2 {
    display: none;
}
.trainingProjectMod .tabcon2 .tpInfo {
    padding: 0 60px 0 80px;
    display: flex;
    align-items: center;
}

.trainingProjectMod .tpInfo .item:nth-child(1) {
    margin-right: 90px;
}
.trainingProjectMod .tpInfo .item:nth-child(2) {
    font-size: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.trainingProjectMod .tpInfo .item .tit {
    margin-bottom: 10px;
    color: var(--xlc-text-default-bold);
    font: bold 30px / 1.8 Alibaba-PuHuiTi-Medium;
}
.trainingProjectMod .tpInfo .item p {
    text-align: justify;
    color: var(--xlc-text-default);
    font: 18px / 1.8 Alibaba-PuHuiTi-Regular;
}
.trainingProjectMod .tpInfo .pic {
    border-radius: 20px;
    overflow: hidden;
}
.trainingProjectMod .tpInfo .pic + .pic {
    margin-top: 20px;
}
.trainingProjectMod .tpInfo .pic img {
    display: block;
}

.joinUsWrap6 {
    display: block;
}
.joinUsBox6 {
    /* overflow: hidden; */
}
.joinUsBox6 .tit {
    margin-top: 38px;
    text-align: center;
    font: 30px / 1.2 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
}

.joinUsBox6 .list {
    margin-top: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.joinUsBox6 .list li {
    border: 1px #a6abb0 solid;
    margin-left: 45px;
    height: 50px;
    width: 170px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    overflow: hidden;
    border-radius: 20px;
}
.joinUsBox6 .list li.on {
    border-color: var(--xlc-bg-blue-1);
    background: var(--xlc-bg-blue-1);
    color: #fff;
    overflow: hidden;
}

.joinUsBox6 .con {
    margin: 50px 0 60px;
}
.joinUsBox6 .con .boxes {
    text-align: center;
    display: none;
}
.joinUsBox6 .con .boxes img {
    width: auto;
    max-width: 100% !important;
    height: auto !important;
}
.joinUsBox6 .excellentSwiper {
    overflow: hidden;
}
.joinUsBox6 .excellentSwiper .boxInfo {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.joinUsBox6 .excellentSwiper .boxInfo .case {
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 10px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--xlc-icon-blue);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}
.joinUsBox6 .excellentSwiper .boxInfo .case .icon-svg {
    width: 14px;
    height: 14px;
}
.joinUsBox6 .excellentSwiper .boxInfo .prev {
    position: relative;
    left: 2px;
    width: 30px;
    height: 30px;
    fill: #fff;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.joinUsBox6 .excellentSwiper .boxInfo .next {
    position: relative;
    left: 2px;
    width: 30px;
    height: 30px;
    fill: #fff;
 
}
.joinUsBox6 .excellentSwiper .boxInfo .pagination span  {
    margin: 0 6px;
}
.joinUsBox6 .excellent {
    margin-top: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.joinUsBox6 .excellent .item {
    width: 32%;
    height: 350px;
    border-radius: 14px;
    border: 1px #0666c3 solid;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    transition: 0.3s ease all;
}
.joinUsBox6 .excellent .item .num {
    font: 72px / 1.8 GILROY-BOLD;
    opacity: 0.2;
    color: var(--xlc-text-default-bold);
}
.joinUsBox6 .excellent .item .text {
    height: 7em;
    text-align: center;
    overflow: hidden;
}
.joinUsBox6 .excellent .item p {
    font: 26px / 1.6 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
}
.joinUsBox6 .excellent .item .look {
    margin-top: 20px;
    cursor: pointer;
}
.joinUsBox6 .excellent .item:hover {
    background: var(--xlc-bg-blue-1);
}
.joinUsBox6 .excellent .item:hover .num {
    color: #fff;
}
.joinUsBox6 .excellent .item:hover p {
    color: #fff;
}
.joinUsBox6 .excellent .item:hover .look {
    background: #fff;
    color: #0666c3;
}
.recuitmentHeadWrap {
    padding: 55px 0;
}
.recuitmentHeadWrap > div {
    display: flex;
    justify-content: space-between;
}
.recuitmentHead {
    display: block;
}
.recuitmentHead .tit {
    font: 48px / 1.2 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
}
.recuitmentHead .area {
    margin: 14px 0 20px;
    display: flex;
}
.recuitmentHead .area .icon-svg {
    width: 22px;
    height: 22px;
    fill: #0080e2;
}
.recuitmentHead .area p {
    font: 16px / 1.2 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
}
.recuitmentHead.listwrap {
    display: flex;
    flex-wrap: wrap;
}
.recuitmentHead.listwrap .list {
    margin-top: 14px;
}
.recuitmentHead .list {
    margin-top: 25px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.recuitmentHead .list li:first-child {
    padding-left: 0;
}
.recuitmentHead .list li {
    padding: 0 21px;
    position: relative;
    font: 16px / 1.2 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
}
.recuitmentHead .list li + li:after {
    position: absolute;
    content: "";
    left: 0;
    top: 4px;
    width: 1px;
    height: 14px;
    background: #e6e6e6;
}
.recuitmentDetailsWrap {
    position: relative;
}
.recruitmentDetailsBg {
    display: block;
}
.recruitmentDetailsBg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.recruitmentDetailsBox {
    background: url(/assets/theme/jthink/images/recuitment_bg.jpg) no-repeat top center;
    background-size: cover;
}

.recDetMain {
    padding: 40px 0 100px;
    width: 100%;

    display: flex;
}
.recDetMain .boxes:nth-child(1) {
    width: 100%;
    background: #fff;
    height: 780px;
    padding: 50px;
    margin-right: 40px;
    border-radius: 20px;
}
.recDetMain .boxes:nth-child(2) {
    display: inline-block;
}

.jobContentMod {
    display: block;
}
.jobContentMod .tit {
    margin: 30px 0 20px;
    font: bold 24px / 1 Alibaba-PuHuiTi-Medium;
    color: var(--xlc-text-blue-1);
}
.jobContentMod p {
    text-align: justify;
    font: 16px / 2 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
}

.jobListingsMod {
    border-radius: 20px;
    padding: 30px 40px 40px;
    background: #fff;
    position: sticky;
    top: 150px;
}
.jobListingsMod .tit {
    height: 32px;
    position: relative;
    margin-bottom: 30px;
    font: 32px / 1 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
}
.jobListingsMod .tit::after {
    position: absolute;
    top: 2px;
    content: "";
    left: -40px;
    height: 32px;
    width: 4px;
    background: var(--xlc-bg-blue-1);
}
.jobListingsMod .list {
    width: 290px;
}
.jobListingsMod .list li {
    border-top: 1px #e6e6e6 solid;
}
.jobListingsMod .list li a {
    padding: 40px 0;
    display: block;
}
.jobListingsMod .list li a p {
    font: 24px / 1 Alibaba-PuHuiTi-Regular;
}
.jobListingsMod .list li .train {
    margin-top: 20px;
    display: flex;
}
.jobListingsMod .list li .train span {
    padding: 0 16px;
    margin-right: 10px;
    font: 12px / 1 Alibaba-PuHuiTi-Regular;
    border: 1px var(--xlc-text-default) solid;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--xlc-text-default);
}

.monthlyReportUl {
    display: flex;
    flex-wrap: wrap;
    opacity: 1;
    transition: all 0.8s ease-out 0.3s;
    transform: translateY(0);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    display: none;
}
.swiper-slide.swiper-slide-active .monthlyReportUl {
    opacity: 1;
    display: flex;
    transform: translateY(0);
}
.monthlyReportUl li {
    width: 25%;
    height: 316px;

    position: relative;
}
.monthlyReportUl li .item {
    position: absolute;
    padding: 50px 40px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom: 0.005rem #b9c4cb solid;
    border-right: 0.005rem #b9c4cb solid;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;
}

.monthlyReportUl li .item .tit {
    font: 18px / 1.8 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-blue-1);
}

.monthlyReportUl li .item .info {
    display: flex;
    justify-content: space-between;
}
.monthlyReportUl li .item .info .text p {
    font: 18px / 1.8 Alibaba-PuHuiTi-Regular;
    color: #8395a3;
}

.monthlyReportUl li .item .info .learmLink {
    opacity: 0;
    transition: all 0.3s ease;
    transform: translateX(10px);
}
.monthlyReportUl li .item:hover .info .learmLink {
    opacity: 1;
    transform: translateX(0);
}
.monthlyReportUl li .item:hover {
    background: #1e75c9;
}
.monthlyReportUl li .item:hover .tit,
.monthlyReportUl li .item:hover .info .text p {
    color: #fff;
}

.groupMissionWrap {
    position: relative;
    width: 100%;
    height: 1080px;
    background: url(/assets/theme/jthink/images/group_mission_bg1.jpg) no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.groupMission {
    text-align: center;
}
.groupMission .text {
    margin-bottom: 20px;
    font: bold 28px / 1 Alibaba-PuHuiTi-Medium;
    color: var(--xlc-text-default-bold);
}
.groupMission .num {
    color: #0d1625;
    font: bold 90px / 1 Alibaba-PuHuiTi-Medium;
}
.groupMission .num strong {
    font: bold 130px / 1 GILROY-BOLD;
}
.groupMission .outer_circle {
    position: relative;
    width: 254px;
    height: 254px;
    margin: 100px auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.groupMission .inner_circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 254px;
    height: 254px;
    background: url(/assets/theme/jthink/images/outer_circle.png) no-repeat;
    background-size: 254px;
    -webkit-animation: spinner 1.5s infinite linear;
    animation: spinner 1.5s infinite linear;
}
.groupMission .outer_circle p {
    font: bold 28px / 1.3 Alibaba-PuHuiTi-Medium;
}
.groupMission .outer_circle img {
    margin-top: 40px;
    width: auto;
}

.groupMissionSwiperBox {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}
.groupMissionSwiper {
}
.groupMissionSwiper ul {
}
.groupMissionSwiper ul li {
    width: 530px;
    padding: 40px 40px 30px;
    background: #0d1625;
    margin: 0;
}
.groupMissionSwiper ul li .num {
    color: #d9e8fe;
    opacity: 0.4;
    font: bold 56px / 1.4 Alibaba-PuHuiTi-Medium;
}

.groupMissionSwiper ul li .num strong {
    font: bold 64px / 1 GILROY-BOLD;
}
.groupMissionSwiper ul li p {
    margin-top: 20px;
    color: #d9e8fe;
    opacity: 0.4;
    font: bold 18px / 1 Alibaba-PuHuiTi-Medium;
}
.groupMissionSwiper ul li .item {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.groupMissionWrap2 {
    position: relative;
    width: 100%;
    height: 1080px;
    background: url(/assets/theme/jthink/images/group_mission_bg1.jpg) no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.groupMissionWrap2 > div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.groupMissionSwiper2 {
    display: block;
}
.groupMissionSwiper2 ul {
    position: relative;
}
.groupMissionSwiper2 ul li {
    width: 460px;
    overflow: hidden;
    box-shadow: 0 10px 10px 0 rgb(185 185 185 / 20%);
}
.groupMissionSwiper2 ul li .item {
    background: #fff;
    padding: 30px;
    height: 268px;
    transition: all 0.8s ease;
    display: block;
}
.groupMissionSwiper2 ul li .item .num {
    position: absolute;
    top: 14px;
    display: block;
    color: #fff;
    font: 22px / 1 Alibaba-PuHuiTi-Medium;
    opacity: 0.7;
    transition: all 0.8s ease;
}
.groupMissionSwiper2 ul li .item .num strong {
    font: bold 24px / 1 GILROY-BOLD;
}
.groupMissionSwiper2 ul li .item p {
    padding: 0 10px;
    opacity: 0.7;
    margin-top: 56px;
    color: #000;
    font: bold 18px / 1 Alibaba-PuHuiTi-Medium;
    transition: all 0.8s ease 0.05s;
}
.groupMissionSwiper2 ul li .item .info {
    text-align: justify;
    margin-top: 16px;
    color: var(--xlc-text-default);
    opacity: 1;
    font: 16px / 1.6 Alibaba-PuHuiTi-Regular;
    transition: all 0.8s ease 0.07s;
    max-height: 108px;
    overflow-y: scroll;
    display: grid;
    padding: 0 10px;
}

.groupMissionSwiper2 ul li .picBox .border {
    width: 100%;
    height: 22px;
    background: url(/assets/theme/jthink/images/groupMission_film.jpg) no-repeat top center;
    background-size: 100%;
}
.groupMissionSwiper2 ul li .picBox .pic {
    height: 276px;
    overflow: hidden;
}
.groupMissionSwiper2 ul li .picBox .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.8s ease;
}
.groupMissionSwiper2 ul li.swiper-slide-active .item {
    background: #fff;
}
.groupMissionSwiper2 ul li .item .knife {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.groupMissionSwiper2 ul li.swiper-slide-active .item .num {
    opacity: 09;
    transform: translateY(0);
}

.groupMissionSwiper2 ul li.swiper-slide-active .item p {
    color: #18263c;
    opacity: 1;
    transform: translateY(0);
}
.groupMissionSwiper2 ul li.swiper-slide-active .item .info {
    opacity: 0.7;
    transform: translateY(0);
    cursor: auto;
}
.groupMissionSwiper2 ul li.swiper-slide-active .picBox .pic img {
    transform: scale(1.1);
}
.groupMissionWrap2 .operation {
    /* position: absolute; */
    left: 0;
    bottom: 50%;
    /* width: 92%; */
    margin: -12px 4%;
    padding: 0 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.groupMissionWrap2 .operation > div {
    position: absolute;
    top: 48%;
}
.groupMissionWrap2 .operation .next {
    left: 3%;
}
.groupMissionWrap2 .operation .prev {
    right: 3%;
}
.bannerTextTopWrap {
    height: 290px;
    background: url(/assets/theme/jthink/images/bannerTextTopWrap.jpg) no-repeat top center;
    background-size: cover;
    overflow: hidden;
    border-bottom: 2px var(--xlc-bg-blue) solid;
}
.bannerTextTopWrap > div {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bannerTextTopWrap .text {
    text-align: justify;
    font: 18px / 1.8 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
}

.manufacturingWrap {
    padding-top: 50px;
    background: url(/assets/theme/jthink/images/manufacturingWrap_bg.jpg) repeat-y top center;
    background-size: 1920px;
}
.manufacturingWrap > div {
    display: flex;
}
.manufaccturingWrap .boxes {
    position: relative;
}
.manufacturingWrap .boxes:nth-child(2) {
    margin-left: 78px;
}
.manufacturingNav {
    padding-top: 40px;
    width: 368px;
    position: sticky;
    top: 150px;
}

.manufacturingNav .item {
    margin-bottom: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.manufacturingNav .item .icon {
    margin-right: 16px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
}
.manufacturingNav .item.active .icon {
    border: 2px var(--xlc-bg-blue) solid;
}
.manufacturingNav .item.active .icon span {
    width: 16px;
    height: 16px;
    transition: all 0.5s ease;
}
.manufacturingNav .item .icon span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--xlc-bg-blue);
}
.manufacturingNav .item p {
    font: 16px / 1 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    transition: all 0.5s ease;
}
.manufacturingNav .item.active p {
    color: var(--xlc-text-blue-1);
    font-size: 24px;
}

.manufacturingMain {
    overflow: hidden;
}
.companyCase {
    border-bottom: 4px var(--xlc-bg-blue) solid;
    overflow: hidden;
}
.companyCase:last-child {
    border-bottom: 0;
}
.companyCase .tit {
    display: block;
    margin-bottom: 12px;
    margin-top: 30px;
    text-align: center;
    color: var(--xlc-text-default-bold);
    font: bold 36px / 1.4 Alibaba-PuHuiTi-Medium;
}
.companyCase + .companyCase .tit {
    margin-top: 60px;
}
.companyCase .topImg {
    margin: 30px 0 50px;
    position: relative;
    height: 496px;
    border-radius: 20px;
    border: 2px var(--xlc-bg-blue) solid;
    overflow: hidden;
}

.companyCase .topImg .info::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    opacity: 0.8;
    width: 100%;
    height: 100%;
    background: var(--xlc-bg-blue);
    z-index: 1;
}
.companyCase .topImg .info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.companyCase .topImg .info .text {
    position: relative;
    z-index: 2;
    color: #fff;
    letter-spacing: 1px;
    font: 28px / 1.4 Alibaba-PuHuiTi-Medium;
}

.companyCase > p {
    padding: 0 40px;
    margin-bottom: 40px;
    text-align: justify;
    font: 18px / 2.2 Alibaba-PuHuiTi-Regular;
}

.companyCase .companyNum {
    margin: 20px 0 60px;
    display: flex;
    justify-content: space-between;
}
.companyCase .companyNum dl {
    padding-bottom: 26px;
    width: 22%;
    border-bottom: 2px #428cd0 solid;
}
.companyCase .companyNum dl dt {
    margin-bottom: 2px;
    font: 60px / 1 GILROY-BOLD;
    color: var(--xlc-text-blue-0);
}
.companyCase .companyNum dl dt strong {
    font-size: 30px;
}
.companyCase .companyNum dl dd {
    font: 16px / 1 Alibaba-PuHuiTi-Regular;
    color: #879eb4;
}
.companyCase > .pic {
    margin-bottom: 30px;
    width: 100%;
}
.companyCase > .pic img {
    max-width: 100%;
    height: auto !important;
}
.companyCase .imgUl {
    padding: 0 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}
.companyCase .imgUl li {
    position: relative;
}
.companyCase .imgUl li .pic {
    border: 1px var(--xlc-bg-blue) solid;
    border-radius: 34px 0 34px 0;
    overflow: hidden;
}
.companyCase .imgUl li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.companyCase .imgUl li .name {
    display: block;
    text-align: center;
    margin: 14px 0 30px;
    font: 18px / 1.4 Alibaba-PuHuiTi-Medium;
}

.wrap404 {
    height: calc(100vh - 150px);
    background: linear-gradient(45deg, #fff, #e5f0f8);
}
.wrap404 > div {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrap404 .pic {
    margin-right: 60px;
    width: 647px;
}
.wrap404 .pic img {
    width: 100%;
}
.wrap404 .num {
    display: block;
    margin-bottom: 20px;
    font: 80px / 1 GILROY-MEDIUM;
    color: var(--xlc-bg-blue-7);
}
.wrap404 p {
    font: 20px / 1.8 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
}
.wrap404 .learmLink {
    width: 200px;
    height: 60px;
    padding: 0 20px;
    border-radius: 20px 0 20px 0;
    margin-top: 40px;
    border: 1px var(--xlc-bg-blue-7) solid;
    justify-content: space-between;
}
.wrap404 .learmLink span {
    margin-left: 0;
}

.joinUsPopupWrap {
    position: relative;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 100;
    display: none;
    justify-content: flex-end;
    z-index: 10000;
}
.joinUsPopupWrap.active {
    display: flex;
}
.joinUsPopupWrap .maskLayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease;
}
.joinUsPopupWrap.show .maskLayer {
    opacity: 0.8;
}
.joinUsPopupWrap.hide .maskLayer {
    opacity: 0;
}
.joinUsPopupBox {
    background: #fff;
    position: relative;
    z-index: 2;
    width: 65%;
    height: 100%;
    overflow: hidden;
    transition: all 0.5s ease-out;
    transform: translateX(200vh);
}
.joinUsPopupWrap.show .joinUsPopupBox {
    transform: translateX(0);
}
.joinUsPopupWrap.hide .joinUsPopupBox {
    transform: translateX(200vh);
}
.joinUsPopupHead {
    height: 86px;
    background: var(--xlc-bg-blue);
    display: flex;
    align-items: center;
}
.joinUsPopupHead .returnsList {
    height: 100%;
    width: 300px;
    background: #005da0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.joinUsPopupHead .returnsList .icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px #609ac4 solid;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    transition: all 0.3s ease;
}
.joinUsPopupHead .returnsList .icon span {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 8px solid #fff;
}
.joinUsPopupHead .returnsList .text {
    margin-left: 16px;
    font: 17px / 1.4 Alibaba-PuHuiTi-Medium;
    color: #fff;
}

.joinUsPopupMain {
    background: url(/assets/theme/jthink/images/joinUsPopupMain_bg.jpg) no-repeat;
    background-size: cover;
    height: calc(100vh - 86px);
    overflow: scroll;
}

.joinUsPopupMain .topHead {
    margin: 150px 0 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.joinUsPopupMain .topHead .tit {
    margin: 0 25px;
    font: bold 36px / 1.2 Alibaba-PuHuiTi-Medium;
    color: var(--xlc-text-default-bold);
}
.joinUsPopupMain .imgs {
    margin-bottom: 50px;
    padding: 0 150px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.joinUsPopupMain .imgs li {
    margin: 10px;
}
.joinUsPopupMain .imgs li img {
    display: block;
}
.joinUsPopupMain .con {
    padding: 0 230px 50px;
}
.joinUsPopupMain .con h4 {
    margin-bottom: 20px;
    font: bold 26px / 2 Alibaba-PuHuiTi-Medium;
    color: var(--xlc-text-default-bold);
}
.joinUsPopupMain .con p {
    margin-bottom: 20px;
    font: 18px / 2 Alibaba-PuHuiTi-Regular;
    color: #758590;
}

.groupAboutTit {
    color: var(--xlc-text-default-bold);
    font: bold 38px / 1 Alibaba-PuHuiTi-Medium;
}
.groupAboutWrap1 {
    height: 850px;
    background: url(/assets/theme/jthink/images/group_about_bg1.jpg) no-repeat center;
    background-size: 1920px;
    overflow: hidden;
}
.groupAboutWrap1 > div {
    height: 100%;

    display: flex;
    align-items: center;
}
.groupAboutBox1 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.groupAboutBox1 .boxes:nth-child(1) {
}
.groupAboutBox1 .boxes:nth-child(1) .textInfo {
    margin-top: 20px;
    width: 670px;
    height: 516px;
    overflow-y: scroll;
    padding-right: 20px;
    padding-bottom: 20px;
}
.groupAboutBox1 .boxes:nth-child(2) {
    width: 100%;
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.groupAboutBox1 p {
    margin-top: 48px;
    text-align: justify;
    color: var(--xlc-text-default);
    font: 16px / 2 Alibaba-PuHuiTi-Regular;
}
.groupAboutBox1 .vImg {
    width: 520px;
}
.groupAboutBox1 .vImg img {
    width: 100%;
}
.groupAboutWrap2 {
    margin-top: -130px;
    height: 1001px;
    background: url(/assets/theme/jthink/images/group_about_bg2.png) no-repeat center;
    background-size: 1920px;
    overflow: hidden;
}
.groupAboutWrap2 > div {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.groupAboutBox2 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.groupAboutBox2 .groupAboutTit {
    color: #fff;
}
.groupAboutBox2 p {
    color: #fff;
    margin-top: 48px;
    text-align: justify;
    font: 16px / 2 Alibaba-PuHuiTi-Regular;
}
.groupAboutBox2 .boxes:nth-child(1) {
    width: 50%;
    flex: 1;
}
.groupAboutBox2 .map {
    margin-top: 100px;
    position: relative;
    right: -100px;
}
.groupAboutBox2 .map img {
    width: 100%;
}
.groupAboutBox2 .btns {
    margin-top: 20px;
    display: flex;
    align-items: center;
}
.groupAboutBox2 .btns a {
    width: 288px;
    height: 58px;
    padding: 0 20px;
    margin-right: 40px;
    border: 1px #ffffff solid;
    border-radius: 18px 0 18px 0;
    justify-content: space-between;
}
.groupAboutBox2 .btns span {
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    flex: 1;
}
.groupAboutBox3 {
    max-width: 1920px;
    margin: 0 auto;
}
.groupAboutBox3 .pic {
    position: relative;
}
.groupAboutBox3 .pic img {
    width: 100%;
}

.groupCultureWrap1 {
    height: 829px;
    background: url(/assets/theme/jthink/images/groupCultureWrap1_bg.jpg) no-repeat center top;
    background-size: 1920px;
    margin: 0 auto;
    overflow: hidden;
}
.groupCultureWrap1 > div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.groupCultureWrap1 .tit {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}
.groupCultureWrap1 .tit .icon {
    display: block;
    width: 120px;
    height: 120px;
    background: url(/assets/theme/jthink/images/groupCulture1_icon1.png) no-repeat center;
    background-size: 120px;
}
.groupCultureWrap1 .tit span {
    margin-left: 20px;
    color: #0277c9;
    font: bold 28px / 1 Alibaba-PuHuiTi-Medium;
}
.groupCultureWrap1 p {
    font: 50px / 1.6 Alibaba-PuHuiTi-Regular;
}

.groupCultureWrap2 {
    height: 820px;
    max-width: 1920px;
    background: url(/assets/theme/jthink/images/groupCultureWrap2_bg.jpg) no-repeat center top;
    background-size: cover !important;
    margin: 0 auto;
    overflow: hidden;
}
.groupCultureWrap2 > div {
    padding-bottom: 200px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.groupCultureWrap2 .tit {
    margin: 80px 0 30px;
    display: flex;
    align-items: center;
}
.groupCultureWrap2 .tit .icon {
    display: block;
    width: 120px;
    height: 120px;
    background: url(/assets/theme/jthink/images/groupCulture2_icon1.png) no-repeat center;
    background-size: 120px;
}
.groupCultureWrap2 .tit span {
    margin-left: 20px;
    color: #0277c9;
    font: bold 28px / 1 Alibaba-PuHuiTi-Medium;
}
.groupCultureWrap2 p {
    font: 50px / 1.6 Alibaba-PuHuiTi-Regular;
}
.groupCultureWrap2 > div .tit,
.groupCultureWrap2 > div p {
    margin-left: 68%;
}

.groupCultureWrap3 {
    height: 1010px;
    background: url(/assets/theme/jthink/images/groupCultureWrap3_bg.jpg) no-repeat center top;
    background-size: 1920px;
    margin: 0 auto;
    overflow: hidden;
}
.groupCultureWrap3 > div {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.groupCultureWrap3 .tit {
    color: var(--xlc-text-default-bold);
    font: bold 38px / 1 Alibaba-PuHuiTi-Medium;
}

.corporateValuesUl {
    margin: 60px -10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.corporateValuesUl li {
    overflow: hidden;
}
.corporateValuesUl li .item,
.corporateValuesUl li .img {
    width: 335px;
    height: 310px;
    margin: 10px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.corporateValuesUl li .item > div {
    text-align: center;
    margin-top: 18px;
}
.corporateValuesUl li .item .icon {
    position: relative;
    right: -10px;
}
.corporateValuesUl li:nth-child(1) .item {
    background: #0666c3;
}
.corporateValuesUl li:nth-child(3) .item {
    background: #dfa61d;
}
.corporateValuesUl li:nth-child(5) .item {
    background: #06b8c3;
}
.corporateValuesUl li:nth-child(7) .item {
    background: #34aa6c;
}
.corporateValuesUl li .item .tit {
    margin: 18px 0 12px;
    font: bold 28px / 1 Alibaba-PuHuiTi-Medium;
    color: #fff;
}
.corporateValuesUl li .item p {
    margin-top: 10px;
    font: 18px / 1.4 Alibaba-PuHuiTi-Regular;
    color: #fff;
}
.medicalServiceWrap1 {
    position: relative;
    height: 922px;
    background: #1c5ea8 url(../images/medicalServiceWrap1_bg.jpg) no-repeat center top;
    background-size: 1920px;
}
.medicalServiceWrap1 > div {
    height: 100%;
}
.medicalServiceWrap1 .medicalService_l_img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.medicalServiceBox1 {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hospitalQueryMod {
    position: relative;
    width: 460px;
}
.hospitalQueryMod .hqTop {
    height: 225px;
    border-radius: 30px 0 0 0;
    padding: 30px 40px;
    background: #dde7f1;
}
.hospitalQueryMod .hqTop .tit {
    margin-bottom: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hospitalQueryMod .hqTop .tit span {
    font: bold 28px / 1 Alibaba-PuHuiTi-Medium;
}
.hospitalQueryMod .hqTop .icon-svg {
    width: 30px;
    height: 30px;
}
.hospitalQueryMod .hqTop .boxes {
    margin-bottom: 14px;
    width: 100%;
    display: flex;
    align-items: center;
}
.hospitalQueryMod .hqTop .inputBox {
    height: 46px;
    flex: 1;
    width: 100%;
    background: #fff;
    border-radius: 30px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hospitalQueryMod .hqTop .inputBox select,
.hospitalQueryMod .hqTop .inputBox .text {
    width: 100%;
    height: 100%;
    color: var(--xlc-text-default);
    opacity: 0.7;
    font: 16px / 1.4 Alibaba-PuHuiTi-Regular;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.hospitalQueryMod .hqTop .inputBox .text input {
    height: 100%;
    cursor: pointer;
    color: var(--xlc-text-default);
    font: 16px / 1.4 Alibaba-PuHuiTi-Regular;
}
.hospitalQueryMod .hqTop .inputBox .icon {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-top: 8px solid var(--xlc-bg-blue-4);
    border-right: 7px solid transparent;
}
.hospitalQueryMod .hqTop .btn {
    width: 150px;
    height: 46px;
    margin-left: 10px;
    border-radius: 30px;
    background: #0172cb;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.hospitalQueryMod .hqTop .btn .icon-svg {
    position: relative;
    top: 2px;
    fill: #fff;
    width: 20px;
    height: 20px;
    margin-right: 6px;
}
.hospitalQueryMod .hqTop .btn span {
    font: 18px / 1.2 Alibaba-PuHuiTi-Regular;
    color: #fff;
}

.hospitalQueryMod .hqList {
    border-radius: 0 0 30px 30px;
    padding: 20px 48px;
    height: 553px;
    background: rgb(0, 0, 0, 0.2);
    border: 1px #6e8cad solid;
}
.hospitalQueryMod .hqList .tit {
    font: 18px / 1.2 Alibaba-PuHuiTi-Regular;
    color: #fff;
}
.hospitalQueryMod .hqList .list {
    overflow-y: scroll;
    height: 94%;
}
.hospitalQueryMod .hqList .list::-webkit-scrollbar {
    width: 2px;
    height: 4px;
}
.hospitalQueryMod .hqList .list::-webkit-scrollbar-button:vertical {
    display: none;
}
.hospitalQueryMod .hqList .list::-webkit-scrollbar-corner,
.hospitalQueryMod .hqList .list::-webkit-scrollbar-track {
    background-color: #5c7ea4;
}
.hospitalQueryMod .hqList .list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #d0e4f4;
}
.hospitalQueryMod .hqList .list::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #d0e4f4;
}
.hospitalQueryMod .hqList .list::-webkit-scrollbar-thumb:vertical:active {
    background-color: #d0e4f4;
}

.hospitalQueryMod .hqList .list ul {
    margin-right: 36px;
}
.hospitalQueryMod .hqList .list ul li {
    padding-right: 28px;
    padding: 20px 0;
    position: relative;
    min-height: 120px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-bottom: 1px #5b7ba0 dashed;
}

.hospitalQueryMod .hqList .list ul li h4 {
    padding-bottom: 10px;
    margin-bottom: 5px;
    color: #5c7fa7;
    font: bold 16px / 1.4 Alibaba-PuHuiTi-Medium;
}
.hospitalQueryMod .hqList .list ul li p {
    color: #5c7fa7;
    text-align: justify;
    font: 14px / 1.4 Alibaba-PuHuiTi-Regular;
}

.medicalServiceWrap2 {
    height: 300px;
    background: #0e4077 url(../images/medicalServiceWrap2_bg.jpg) no-repeat center top;
    background-size: 1920px;
}
.medicalServiceWrap2 > div {
    height: 100%;
}
.medicalServiceBox2 {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.medicalServiceBox2 .item {
    padding-bottom: 24px;
    border-bottom: 2px #436a95 solid;
    width: 30%;
}
.medicalServiceBox2 .item .num {
    margin-bottom: 6px;
    color: #fff;
    font: bold 80px / 1 GILROY-BOLD;
}
.medicalServiceBox2 .item .num strong {
    font-size: 40px;
}
.medicalServiceBox2 .item p {
    color: #8eabd2;
    font: 18px / 1.4 Alibaba-PuHuiTi-Regular;
}

.medicalServiceMapBox {
    position: relative;
    left: -62px;
}
.medicalServiceMapBox > img {
    position: relative;
    z-index: 1;
}
.medicalServiceMapBox .mapInfo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.medicalServiceMapBox .mapInfo ul {
    position: relative;
}
.medicalServiceMapBox .mapInfo li {
    width: 82px;
    display: flex;
    flex-direction: column;
    z-index: 1;
    position: absolute;
}
.medicalServiceMapBox .mapInfo li:hover {
    z-index: 10;
}
.medicalServiceMapBox .mapInfo li .item {
    height: 30px;
    width: 100%;
    border-radius: 6px;
    background: rgba(104, 224, 249, 0.3);
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    transition: all 0.3s ease;
}
.medicalServiceMapBox .mapInfo li:hover .item {
    border-radius: 6px 6px 0 0;
}
.medicalServiceMapBox .mapInfo li .item .text {
    text-align: center;
    width: 100%;
    flex: 1;
    color: #fff;
}
.medicalServiceMapBox .mapInfo li .item .icon {
    width: 32px;
    height: 100%;
    border-radius: 6px 0 0 6px;
    background: #3dbcd7;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.medicalServiceMapBox .mapInfo li .item .icon span {
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-top: 7px solid #c5ebf3;
    border-right: 6px solid transparent;
    transition: all 0.3s ease;
    transform-origin: center center;
}
.medicalServiceMapBox .mapInfo li:hover .item .icon {
    border-radius: 6px 0 0 0;
}
.medicalServiceMapBox .mapInfo li:hover .item .icon span {
    transform: rotate(180deg);
}
.medicalServiceMapBox .mapInfo li .info {
    border-radius: 0 0 14px 14px;
    width: 230px;
    padding: 18px 16px;
    display: none;
    flex-direction: column;
    background: rgba(61, 188, 215, 0.9);
    transition: all 0.3s ease;
    overflow: hidden;
}
.medicalServiceMapBox .mapInfo li:hover .info {
    display: block;
}
.medicalServiceMapBox .mapInfo li .info .name {
    font: 18px / 1.4 Alibaba-PuHuiTi-Medium;
    color: #fff;
    margin-bottom: 4px;
}
.medicalServiceMapBox .mapInfo li .info p {
    font: 16px / 1.6 Alibaba-PuHuiTi-Regular;
    color: #fff;
    opacity: 0.6;
}

.medicalServiceMapBox .mapInfo li:nth-child(1) {
    top: 240px;
    left: 720px;
}
.medicalServiceMapBox .mapInfo li:nth-child(2) {
    top: 266px;
    left: 500px;
}
.medicalServiceMapBox .mapInfo li:nth-child(3) {
    top: 272px;
    left: 620px;
}
.medicalServiceMapBox .mapInfo li:nth-child(4) {
    top: 600px;
    left: 588px;
}
.medicalServiceMapBox .mapInfo li:nth-child(5) {
    top: 313px;
    left: 610px;
}
.medicalServiceMapBox .mapInfo li:nth-child(6) {
    top: 348px;
    left: 555px;
}
.medicalServiceMapBox .mapInfo li:nth-child(7) {
    top: 350px;
    left: 664px;
}
.medicalServiceMapBox .mapInfo li:nth-child(8) {
    top: 408px;
    left: 480px;
}
.medicalServiceMapBox .mapInfo li:nth-child(9) {
    top: 405px;
    left: 580px;
}
.medicalServiceMapBox .mapInfo li:nth-child(10) {
    top: 410px;
    left: 690px;
}
.medicalServiceMapBox .mapInfo li:nth-child(11) {
    top: 460px;
    left: 395px;
}
.medicalServiceMapBox .mapInfo li:nth-child(12) {
    top: 460px;
    left: 550px;
}
.medicalServiceMapBox .mapInfo li:nth-child(13) {
    top: 450px;
    left: 734px;
}
.medicalServiceMapBox .mapInfo li:nth-child(14) {
    top: 502px;
    left: 462px;
}
.medicalServiceMapBox .mapInfo li:nth-child(15) {
    top: 504px;
    left: 720px;
}
.medicalServiceMapBox .mapInfo li:nth-child(16) {
    top: 532px;
    left: 628px;
}
.medicalServiceMapBox .mapInfo li:nth-child(17) {
    top: 543px;
    left: 538px;
}
.medicalServiceMapBox .mapInfo li:nth-child(18) {
    top: 567px;
    left: 676px;
}
.medicalServiceMapBox .mapInfo li:nth-child(19) {
    top: 617px;
    left: 570px;
}
.groupSongWrap1 {
    position: relative;
    height: 687px;
    background: url(/assets/theme/jthink/images/groupSongWrap1_bg.jpg) no-repeat center top;
    background-size: 1920px;
}
.groupSongWrap1 > div {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.groupSongSwiper {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.groupSongSwiper ul {
    padding-bottom: 140px;
}
.groupSongSwiper ul li {
    transition: all 0.5s ease-out 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0.65);
}
.groupSongSwiper ul li .item {
    position: relative;
}
.groupSongSwiper ul li .item .box {
    display: flex;
    align-items: center;
}
.groupSongSwiper ul li .item .pic {
    position: relative;
    width: 340px;
    height: 340px;
    border-radius: 20px;
    overflow: hidden;
    z-index: 2;
}
.groupSongSwiper ul li .item .icon {
    width: 70px;
    height: 306px;
    background: url(/assets/theme/jthink/images/groupSong-icon-album1.png) no-repeat;
    background-size: 70px;
    z-index: 1;
}
.groupSongSwiper ul li .item .pic img {
    position: relative;
    padding-right: 70px;
    width: 410px;
    height: 340px;
    object-fit: cover;
    transition: all 0.8s ease;
}
.groupSongSwiper ul li .item:hover .pic img {
    transform: scale(1.1);
}
.groupSongSwiper ul li .item .info {
    width: 394px;
    height: 105px;
    background: url(/assets/theme/jthink/images/groupSong-icon-album2.png) no-repeat;
    background-size: 394px;
    overflow: hidden;
}
.groupSongSwiper ul li .item .info .text {
    margin-top: 20px;
    width: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.groupSongSwiper ul li .item .info .text i:first-child {
    background: url(/assets/theme/jthink/images/groupSong-icon-text22.png);
}
.groupSongSwiper ul li .item .info .text i:last-child {
    background: url(/assets/theme/jthink/images/groupSong-icon-text11.png);
}

.groupSongSwiper ul li .item .info .text i {
    display: block;
    width: 23px;
    height: 19px;
    background-size: 23px;
}

.groupSongSwiper ul li.swiper-slide-active .item .info .text i:first-child {
    background: url(/assets/theme/jthink/images/groupSong-icon-text2.png);
}
.groupSongSwiper ul li.swiper-slide-active .item .info .text i:last-child {
    background: url(/assets/theme/jthink/images/groupSong-icon-text1.png);
}

.groupSongSwiper ul li.swiper-slide-active .item .info .text i {
    display: block;
    width: 34px;
    height: 28px;
    background-size: 34px;
}

.groupSongSwiper ul li .item .info .text p {
    margin: 0 20px;
    font: 28px / 1 Alibaba-PuHuiTi-Medium;
    color: #243650;
    transition: all 0.3s ease;
}
.groupSongSwiper ul li.swiper-slide-active .item .info .text p {
    color: #0666c3;
}
.groupSongSwiper ul li.swiper-slide-active {
    transform: scale(1) translateY(140px);
}
.groupSongWrap1 .operation {
    position: absolute;
    left: 0;
    right: 0;
    top: 48%;
    width: 686px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 11;
}

.groupSongWrap2 {
    padding-top: 70px;
    position: relative;
    height: 928px;
    background: url(/assets/theme/jthink/images/groupSongWrap2_bg.jpg) no-repeat center top;
    background-size: 1928px;
    z-index: 4;
}
.groupSongWrap2 > div {
    overflow: hidden;
}
.groupSongWrap2 .groupSongTopImgMod {
    position: absolute;
    top: -57px;
    left: 0;
    right: 0;
    z-index: 5;
    width: 126px;
    height: 121px;
    background: url(/assets/theme/jthink/images/note2.png) no-repeat;
    background-size: 126px;
    margin: 0 auto;
}
.groupSongWrap2 .songTit {
    display: block;
    margin: 28px auto 50px;
    text-align: center;
    height: 50px;
    font: 38px / 1 Alibaba-PuHuiTi-Medium;
    color: #fff;
}

.groupSongBox2 {
    border-radius: 20px;
    display: flex;
    overflow: hidden;
}
.groupSongBox2 .boxes {
    height: 600px;
}
.groupSongBox2 .boxes1 {
    width: 480px;
}

.groupSongBox2 .boxes1 .case {
    overflow: hidden;
}
.groupSongBox2 .boxes1 .case0 {
    overflow: initial;
}
.groupSongBox2 .boxes1 .case1 {
    width: 480px;
    height: 178px;
    background: url(/assets/theme/jthink/images/groupSong_bg1.jpg) no-repeat;
    background-size: cover;
    border-bottom: 2px #254469 solid;
}
.groupSongBox2 .boxes1 .case1 {
    padding: 0 40px;
    display: flex;
    align-items: center;
}
.groupSongBox2 .boxes1 .case1 .songInfo {
    display: flex;
    align-items: center;
    justify-content: center;
}
.groupSongBox2 .boxes1 .case1 .songInfo .pic {
    margin-right: 20px;
    width: 96px;
    height: 96px;
    background-size: cover;
    border-radius: 50%;
    overflow: hidden;
    border: 2px #fff solid;
}
.groupSongBox2 .boxes1 .case1 .songInfo .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.groupSongBox2 .boxes1 .case1 .songInfo .info {
    display: flex;
    flex-direction: column;
}
.groupSongBox2 .boxes1 .case1 .songInfo .info .tit {
    margin-bottom: 10px;
    font: 26px / 1 Alibaba-PuHuiTi-Medium;
    color: #fff;
}
.groupSongBox2 .boxes1 .case1 .songInfo .info .text {
    font: 18px / 1.4 Alibaba-PuHuiTi-Regular;
    color: #fff;
    width: 250px;
    opacity: 0.9;
}

.groupSongBox2 .boxes1 .case2 {
    width: 480px;
    height: 420px;
    background: url(/assets/theme/jthink/images/groupSong_bg2.jpg) no-repeat;
    background-size: cover;
}
.groupSongBox2 .boxes1 .case2 .dow {
    padding: 46px 40px;
    display: flex;
    align-items: center;
}
.groupSongBox2 .boxes1 .case2 .dow a {
    margin-right: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    opacity: 0.6;
}
.groupSongBox2 .boxes1 .case2 .dow a:hover {
    opacity: 1;
}

.groupSongBox2 .boxes1 .case2 .dow a span {
    position: relative;
    top: 6px;
    display: block;
    margin-left: 10px;
    font: 18px / 1 Alibaba-PuHuiTi-Medium;
    color: #fff;
}

.groupSongBox2 .boxes2 {
    width: 100%;
    padding: 40px;
    flex: 1;
    background: url(/assets/theme/jthink/images/groupSong_bg3.png) no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.insuranceWrap {
    position: relative;
    height: 841px;
    overflow: hidden;
}
.insuranceBg {
    height: 100%;
}
.insuranceBg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.insuranceBox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.insuranceBox > div {
    height: 100%;
    display: flex;
    align-items: center;
}
.insuranceBox .icon {
    margin-bottom: 35px;
    display: block;
    width: 88px;
    height: 113px;
    background: url(/assets/theme/jthink/images/icon-insurance.png) no-repeat;
    background-size: 88px;
}
.insuranceBox .tit {
    margin-bottom: 28px;
    font: bold 46px / 1 Alibaba-PuHuiTi-Medium;
    color: var(--xlc-text-default-bold);
}
.insuranceBox .info {
    font: 18px / 2 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    opacity: 0.5;
    text-align: justify;

    transition: all 0.5s ease-out 0.9s;
}
.insuranceBox .boxes:nth-child(2) {
    margin-left: 90px;
    padding: 0 50px 50px;
}
.insuranceBox .pic {
    position: relative;
    width: 480px;
    height: 550px;
    border-radius: 20px;
}
.insuranceBox .pic img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
}
.insuranceBox .pic .border {
    width: 480px;
    height: 550px;
    border-radius: 20px;
    position: absolute;
    bottom: -50px;
    right: -50px;
    border: 2px #017ddf solid;
    z-index: 1;
}
.healthCareServiceWrap1 {
    height: 285px;
    border-bottom: 2px #c6a166 solid;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(1deg, #fefefd, #f5efe6);
}
.healthCareServiceWrap1 p {
    font: 24px / 1.8 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
}

.healthCareServiceWrap2 {
    position: relative;
    padding: 100px 0;
    background: linear-gradient(1deg, #fefdfc, #ffffff);
}
.healthCareServiceBoxBorder2 {
    height: 550px;
    width: 100%;
    border: 2px #c6a166 solid;
    position: absolute;
    bottom: -26px;
    right: -26px;
    border-radius: 18px;
    z-index: -1;
}
.healthCareServiceBox2 {
    position: relative;
    background: #c6a166;
    border-radius: 18px;
    height: 550px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.healthCareServiceBox2 .info {
    width: 50%;
    padding: 70px 80px;
}
.healthCareServiceBox2 .info h4 {
    margin-bottom: 30px;
    font: 46px / 1 Alibaba-PuHuiTi-Regular;
    color: #fff;
}
.healthCareServiceBox2 .info p {
    margin-bottom: 40px;
    text-align: justify;
    font: 18px / 2 Alibaba-PuHuiTi-Regular;
    color: #fff;
    opacity: 0.7;
}
.healthCareServiceBox2 .pic {
    width: 50%;
    height: 100%;
    border-radius: 0 18px 18px 0;
    overflow: hidden;
}
.healthCareServiceBox2 .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.healthCareServiceWrap3 {
    position: relative;
    max-width: 1920px;
    width: 100%;
    height: 963px;
    margin: 0 auto;
    background: url(/assets/theme/jthink/images/healthCareServiceWrap3_bg.jpg) no-repeat;
    background-size: cover;
}
.healthCareServiceWrap3 > div {
    position: relative;
    height: 100%;
}
.healthCareServiceBox3 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.healthCareServiceBox3 .info {
    width: 748px;
    height: 745px;
    margin: 0 auto 90px;
    background: url(/assets/theme/jthink/images/healthCareServiceBox3_bg.png) no-repeat center;
    background-size: 748px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.healthCareServiceBox3 .info h4 {
    font: bold 46px / 1 Alibaba-PuHuiTi-Medium;
    margin-bottom: 30px;
    color: var(--xlc-text-default-bold);
}
.healthCareServiceBox3 .info p {
    font: 18px / 2 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    opacity: 0.7;
}
.bubbleUl {
}
.bubbleUl li {
    position: absolute;
    border-radius: 50%;
}
.bubbleUl li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bubbleUl li:nth-child(1) {
    top: 150px;
    left: -42px;
    width: 48px;
    height: 48px;
    background: #c6a166;
}
.bubbleUl li:nth-child(2) {
    top: 175px;
    left: 52px;
    width: 216px;
    height: 216px;
    border: 2px #c6a166 solid;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bubbleUl li:nth-child(2) div {
    width: 190px;
    height: 190px;
    border-radius: 50%;
    overflow: hidden;
}

.bubbleUl li:nth-child(3) {
    top: 182px;
    left: 331px;
    width: 20px;
    height: 20px;
    background: #c6a166;
}
.bubbleUl li:nth-child(4) {
    top: 500px;
    left: 510px;
    width: 48px;
    height: 48px;
    background: #eaf2f6;
}
.bubbleUl li:nth-child(5) {
    top: 114px;
    right: 166px;
    width: 20px;
    height: 20px;
    background: #66b3c6;
}
.bubbleUl li:nth-child(6) {
    top: 442px;
    right: -55px;
    width: 48px;
    height: 48px;
    background: #c6a166;
}
.bubbleUl li:nth-child(7) {
    top: 475px;
    right: 94px;
    width: 202px;
    height: 202px;
    border: 8px #c6a166 solid;
    overflow: hidden;
}
.bubbleUl li:nth-child(7) div {
    width: 100%;
    height: 100%;
}
.bubbleUl li:nth-child(7) div img {
}
.bubbleUl li:nth-child(8) {
    top: 683px;
    right: 316px;
    width: 20px;
    height: 20px;
    background: #66b3c6;
}

.significantOutcomeWrap {
    padding: 144px 0;
}
.significantOutcomeWrap .subheading {
    font: bold 46px / 1 Alibaba-PuHuiTi-Medium;
    margin-bottom: 30px;
    color: var(--xlc-text-default-bold);
    text-align: center;
}
.significantOutcomeBox {
    margin-top: 100px;
    display: flex;
}

.significantOutcomeNav {
    padding-top: 0;
    width: 360px;
    position: sticky;
    top: 160px;
}

.significantOutcomeNav .item {
    margin-bottom: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.significantOutcomeNav .item .icon {
    margin-right: 16px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
}
.significantOutcomeNav .item.active .icon {
    border: 2px #c6a166 solid;
}
.significantOutcomeNav .item.active .icon span {
    width: 16px;
    height: 16px;
    transition: all 0.5s ease;
}
.significantOutcomeNav .item .icon span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #c6a166;
}
.significantOutcomeNav .item p {
    font: 18px / 1 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    transition: all 0.5s ease;
}
.significantOutcomeNav .item.active p {
    color: #c6a166;
    font-size: 24px;
}
.significantOutcomeMain {
    padding-left: 126px;
    border-left: 1px #e0e0e0 solid;
}
.significantOutcomeMain li {
    padding: 80px 0;
    border-top: 1px #e0e0e0 solid;
}
.significantOutcomeMain li:first-child {
    border-top: 0;
    padding-top: 0;
}
.significantOutcomeMain li h4 {
    margin-bottom: 26px;
    font: 32px / 1 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
}
.significantOutcomeMain li p {
    font: 18px / 2 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    opacity: 0.7;
    text-align: justify;
}
.significantOutcomeMain li .pic {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
}
.significantOutcomeMain li .pic .img {
    position: relative;
    width: 400px;
    height: 260px;
    margin-right: 30px;
    margin-bottom: 30px;
    border-radius: 10px;
}
.significantOutcomeMain li .pic .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
}
.significantOutcomeMain li .pic .img:after {
    width: 400px;
    height: 260px;
    position: absolute;
    display: block;
    content: "";
    bottom: -10px;
    right: -10px;
    border: 1px #c6a166 solid;
    z-index: -1;
    border-radius: 10px;
}
.healthCareServiceWrap4 {
    height: 867px;
    padding: 90px 0;
    max-width: 1920px;
    margin: 0 auto;
    background: #f9f4ed;
    overflow: hidden;
}
.healthCareServiceWrap4 .subheading {
    font: bold 46px / 1.4 Alibaba-PuHuiTi-Medium;
    margin-bottom: 60px;
    color: var(--xlc-text-default-bold);
    text-align: center;
}

.healthCareServiceSwiper {
    overflow: hidden;
}
.healthCareServiceSwiper li .imgs {
    height: 570px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.healthCareServiceSwiper li .pic {
    width: 330px;
    height: 262px;
    background: #e3cfb3;
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.healthCareServiceSwiper li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.healthCareServiceSwiper li .pic p {
    color: #a18f75;
    font: bold 22px / 1 Alibaba-PuHuiTi-Medium;
}
.healthCareServiceBox4 > div {
    position: relative;
}
.healthCareServiceBox4 .operation > div {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    box-shadow: rgb(247 247 247) 0px 10px 30px 15px;
}
.healthCareServiceBox4 .operation .next {
    left: -100px;
}
.healthCareServiceBox4 .operation .prev {
    right: -100px;
}
.healthCareServiceBox4 .operation .opr.next span {
    border-right: #a18f75 8px solid;
}
.healthCareServiceBox4 .operation .opr.prev span {
    border-left: #a18f75 8px solid;
}
.healthCareServiceBox4 .operation > .opr:hover {
    background: #a18f75;
}
.healthCareServiceBox4 .operation > .opr:hover span {
    border-left-color: #fff;
    border-right-color: #fff;
}

.medicalDetailsBg {
    background: #f4f7ff;
}
.medicalDetailsWrap {
    position: relative;
    margin-top: -125px;
    z-index: 14;
}
.medicalDetailsBox {
    padding: 24px 0 120px;
    display: flex;
}
.medicalDetailsLeft {
    width: 430px;
}
.medicalDetailsLeft .square {
    margin-bottom: 20px;
    padding: 60px 30px 40px;
    background: #fff;
}
.medicalDetailsLeft .square .hospitalName {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.medicalDetailsLeft .square .hospitalName img {
    width: 108px;
}
.medicalDetailsLeft .square .hospitalName i {
    width: 1px;
    height: 40px;
    margin: 0 20px;
    background: #0080e1;
}
.medicalDetailsLeft .square .hospitalName span {
    font: bold 22px / 1 Alibaba-PuHuiTi-Medium;
    color: #0080e1;
}
.medicalDetailsLeft .square .line {
    display: block;
    margin-bottom: 40px;
    width: 100%;
    height: 1px;
    background: #dddddd;
}
.medicalDetailsLeft .square .pic {
    width: 100%;
    border-radius: 16px;
    height: auto;
    overflow: hidden;
}
.medicalDetailsLeft .square .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.medicalDetailsLeft .squareTwo {
    background: #fff;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.medicalDetailsLeft .squareTwo .item {
    width: 174px;
    height: 50px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0080e2;
    cursor: pointer;
}
.medicalDetailsLeft .squareTwo .item .tit {
    color: #fff;
}
.medicalDetailsLeft .squareTwo .item:hover .info {
    opacity: 1;
    transform: translateY(0);
    z-index: 1;
}
.medicalDetailsLeft .squareTwo .item .info {
    position: absolute;
    top: 76px;
    display: block;
    background: #fff;
    width: 140px;
    height: 147px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 14px 14px rgba(108, 108, 108, 0.05);
    opacity: 0;
    transition: all 0.3s ease;
    transform: translateY(-10px);
    z-index: -10;
}
.medicalDetailsLeft .squareTwo .item .info::after {
    position: absolute;
    top: -10px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #fff;
}
.medicalDetailsLeft .squareTwo .item .info img {
    width: 95px;
    height: 95px;
    object-fit: cover;
}
.medicalDetailsLeft .squareTwo .item2 {
    background: #fff;
    border: 1px #0080e2 solid;
}
.medicalDetailsLeft .squareTwo .item2 .tit {
    color: #0080e2;
}
.medicalDetailsRight {
    padding: 60px;
    margin-left: 20px;
    background: #fff;
}
.medicalDetailsMain {
    margin-bottom: 60px;
    text-align: justify;
}
.medicalDetailsRight .tit {
    padding-left: 25px;
    margin-bottom: 60px;
    height: 30px;
    font: 26px / 1.6 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    border-left: 3px #0080e2 solid;
    display: flex;
    align-items: center;
}

.medicalDetailsMain p {
    font: 18px / 2 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    text-align: justify;
}
.medicalDetailsMain .pic {
    margin-top: 60px;
    text-align: center;
}
.medicalDetailsMain img {
    margin: 20px 0;
    max-width: 100%;
    width: auto;
    height: auto;
}

.medicalDetailsInfo {
    margin-top: 50px;
    display: flex;
}
.medicalDetailsInfo .item {
    margin-right: 120px;
}
.medicalDetailsInfo .item .icon {
    margin-left: -6px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}
.medicalDetailsInfo .item .icon i {
    display: block;
}
.medicalDetailsInfo .item .icon img {
}
.medicalDetailsInfo .item .icon span {
    font: 22px / 1.6 Alibaba-PuHuiTi-Regular;
    color: #0080e2;
    margin-left: 10px;
}
.medicalDetailsInfo .item p {
    opacity: 0.7;
    font: 16px / 1.8 Alibaba-PuHuiTi-Regular;
}

.searchResultsWrap {
    position: relative;
}
.searchResultsImg {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}
.searchResultsImg img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.searchResultsBox {
    position: relative;
    z-index: 1;
    padding: 150px 0px;
    width: 85%;
    margin: 0px auto;
}
.searchResultsBox .tit {
    display: block;
    margin-bottom: 50px;
    font-size: 80px;
    color: rgb(255, 255, 255);
    text-align: center;
}
.searchResultsBox .mergemod {
    padding: 0px 30px;
    margin-bottom: 40px;
    height: 72px;
    background: rgb(255, 255, 255);
    display: flex;
    align-items: center;
}
.searchResultsBox .mergemod input {
    font-size: 18px;
    width: 100%;
    color: rgb(7, 61, 150);
}
.searchResultsBox .mergemod button {
    background: none;
    border: 0px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.searchResultsBox .mergemod .icon-svg {
    width: 24px;
    height: 24px;
}
.searchResultsBox .radiomod {
    margin-left: 70px;
    display: flex;
    align-items: center;
}
.searchResultsBox .radiomod .item {
    display: flex;
    align-items: center;
}
.searchResultsBox .radiomod input {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    cursor: pointer;
}
.searchResultsBox .radiomod label {
    font-size: 18px;
    color: rgb(255, 255, 255);
    margin-right: 40px;
    cursor: pointer;
}
@media (max-width: 1799px) {
    .searchResultsBox {
        padding: 120px 0px;
    }
    .searchResultsBox .tit {
        margin-bottom: 40px;
        font-size: 64px;
    }
    .searchResultsBox .mergemod {
        padding: 0px 30px;
        margin-bottom: 40px;
        height: 62px;
    }
    .searchResultsBox .mergemod input {
        font-size: 18px;
    }
    .searchResultsBox .mergemod .icon-svg {
        width: 24px;
        height: 24px;
    }
    .searchResultsBox .radiomod {
        margin-left: 60px;
    }
    .searchResultsBox .radiomod .item {
    }
    .searchResultsBox .radiomod input {
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }
    .searchResultsBox .radiomod label {
        font-size: 16px;
        margin-right: 30px;
    }
}
@media (max-width: 1379px) {
    .searchResultsBox {
        padding: 108px 0px;
    }
    .searchResultsBox .tit {
        margin-bottom: 35px;
        font-size: 54px;
    }
    .searchResultsBox .mergemod {
        padding: 0px 30px;
        margin-bottom: 40px;
        height: 62px;
    }
    .searchResultsBox .mergemod input {
        font-size: 18px;
    }
    .searchResultsBox .mergemod .icon-svg {
        width: 24px;
        height: 24px;
    }
    .searchResultsBox .radiomod {
        margin-left: 60px;
    }
    .searchResultsBox .radiomod .item {
    }
    .searchResultsBox .radiomod input {
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }
    .searchResultsBox .radiomod label {
        font-size: 16px;
        margin-right: 30px;
    }
}
@media (max-width: 1299px) {
    .searchResultsBox {
        padding: 108px 0px;
    }
    .searchResultsBox .tit {
        margin-bottom: 30px;
        font-size: 42px;
    }
    .searchResultsBox .mergemod {
        padding: 0px 20px;
        margin-bottom: 25px;
        height: 50px;
    }
    .searchResultsBox .mergemod input {
        font-size: 18px;
    }
    .searchResultsBox .mergemod .icon-svg {
        width: 24px;
        height: 24px;
    }
    .searchResultsBox .radiomod {
        margin-left: 60px;
    }
    .searchResultsBox .radiomod .item {
    }
    .searchResultsBox .radiomod input {
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }
    .searchResultsBox .radiomod label {
        font-size: 16px;
        margin-right: 30px;
    }
}
@media (max-width: 1199px) {
    .searchResultsBox {
        padding: 88px 0px;
    }
    .searchResultsBox .tit {
        margin-bottom: 30px;
        font-size: 34px;
    }
    .searchResultsBox .mergemod {
        padding: 0px 15px;
        margin-bottom: 20px;
        height: 40px;
    }
    .searchResultsBox .mergemod input {
        font-size: 18px;
    }
    .searchResultsBox .mergemod .icon-svg {
        width: 24px;
        height: 24px;
    }
    .searchResultsBox .radiomod {
        margin-left: 30px;
    }
    .searchResultsBox .radiomod .item {
    }
    .searchResultsBox .radiomod input {
        width: 16px;
        height: 16px;
        margin-right: 8px;
    }
    .searchResultsBox .radiomod label {
        font-size: 14px;
        margin-right: 25px;
    }
}
@media (max-width: 993px) {
    .searchResultsWrap {
        position: relative;
        height: 40vh;
    }
    .searchResultsImg {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        height: 100%;
    }
    .searchResultsImg img {
        height: 100%;
        object-fit: cover;
    }
    .searchResultsBox {
        padding: 8vh 0px;
    }
    .searchResultsBox .tit {
        margin-bottom: 30px;
        font-size: 34px;
    }
    .searchResultsBox .mergemod {
        padding: 0px 15px;
        margin-bottom: 20px;
        height: 40px;
    }
    .searchResultsBox .mergemod input {
        font-size: 18px;
    }
    .searchResultsBox .mergemod .icon-svg {
        width: 24px;
        height: 24px;
    }
    .searchResultsBox .radiomod {
        margin-left: 30px;
    }
    .searchResultsBox .radiomod .item {
    }
    .searchResultsBox .radiomod input {
        width: 16px;
        height: 16px;
        margin-right: 8px;
    }
    .searchResultsBox .radiomod label {
        font-size: 14px;
        margin-right: 25px;
    }
}
@media (max-width: 767px) {
    .searchResultsWrap {
        position: relative;
        height: 34vh;
    }
    .searchResultsImg {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        height: 100%;
    }
    .searchResultsImg img {
        height: 100%;
        object-fit: cover;
    }
    .searchResultsBox {
        padding: 8vh 0px;
    }
    .searchResultsBox .tit {
        margin-bottom: 14px;
        font-size: 20px;
    }
    .searchResultsBox .mergemod {
        padding: 0px 10px;
        margin-bottom: 10px;
        height: 30px;
    }
    .searchResultsBox .radiomod .item {
    }
    .searchResultsBox .mergemod input {
        font-size: 14px;
    }
    .searchResultsBox .mergemod .icon-svg {
        width: 20px;
        height: 20px;
    }
    .searchResultsBox .radiomod {
        margin-left: 0px;
        flex-wrap: wrap;
    }
    .searchResultsBox .radiomod .item {
        width: 50%;
        margin-bottom: 5px;
    }
    .searchResultsBox .radiomod input {
        width: 14px;
        height: 14px;
        margin-right: 6px;
    }
    .searchResultsBox .radiomod label {
        font-size: 12px;
        margin-right: 0px;
    }
}
.searchResultsCon {
    padding: 100px 0px;
    width: 85%;
    margin: 0px auto;
}
.searchResultsCon .hint {
    font-size: 18px;
    margin-bottom: 70px;
}
.searchResultsCon .hint em {
    color: rgb(7, 61, 150);
    font-style: normal;
}
.resultsList {
}
.resultsList .items {
    padding: 54px 0px;
    border-bottom: 8px solid rgb(245, 245, 245);
}
.resultsList .items .day {
    display: block;
    font-size: 14px;
    color: rgb(7, 61, 150);
    margin-bottom: 18px;
}
.resultsList .items p {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1.3;
}
.resultsList .items .url {
    font-size: 16px;
    color: rgb(128, 128, 128);
}
.resultsList .items .link {
    margin-top: 15px;
    display: flex;
    align-items: center;
}
.resultsList .items .link span {
    color: rgb(7, 61, 150);
    font-size: 16px;
}
.resultsList .items .link .icon-svg {
    width: 20px;
    height: 20px;
    /* transform: rotate(-90deg); */
}
@media (max-width: 1799px) {
    .searchResultsCon {
        padding: 90px 0px;
        width: 85%;
        margin: 0px auto;
    }
    .searchResultsCon .hint {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .searchResultsCon .hint em {
        color: rgb(7, 61, 150);
        font-style: normal;
    }
    .resultsList {
    }
    .resultsList .items {
        padding: 45px 0px;
        border-bottom: 8px solid rgb(245, 245, 245);
    }
    .resultsList .items .day {
        display: block;
        font-size: 14px;
        color: rgb(7, 61, 150);
        margin-bottom: 18px;
    }
    .resultsList .items p {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .resultsList .items .url {
        font-size: 16px;
        color: rgb(128, 128, 128);
    }
    .resultsList .items .link {
        margin-top: 15px;
        display: flex;
        align-items: center;
    }
    .resultsList .items .link span {
        color: rgb(7, 61, 150);
        font-size: 16px;
    }
    .resultsList .items .link .icon-svg {
        width: 20px;
        height: 20px;
        /* transform: rotate(-90deg); */
    }
}
@media (max-width: 1379px) {
}
@media (max-width: 1299px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 993px) {
    .searchResultsCon {
        padding: 40px 0px;
        width: 85%;
        margin: 0px auto;
    }
    .searchResultsCon .hint {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .searchResultsCon .hint em {
        color: rgb(7, 61, 150);
        font-style: normal;
    }
    .resultsList {
    }
    .resultsList .items {
        padding: 24px 0px;
        border-bottom: 8px solid rgb(245, 245, 245);
    }
    .resultsList .items .day {
        display: block;
        font-size: 14px;
        color: rgb(7, 61, 150);
        margin-bottom: 18px;
    }
    .resultsList .items p {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .resultsList .items .url {
        font-size: 16px;
        color: rgb(128, 128, 128);
    }
    .resultsList .items .link {
        margin-top: 15px;
        display: flex;
        align-items: center;
    }
    .resultsList .items .link span {
        color: rgb(7, 61, 150);
        font-size: 16px;
    }
    .resultsList .items .link .icon-svg {
        width: 20px;
        height: 20px;
        transform: rotate(-90deg);
    }
}
@media (max-width: 767px) {
}

.social-share :hover,
.social-share li a:hover {
    transform: rotate(360deg);
}
.social-share {
    padding-left: 0;
}
.social-share li {
    display: inline-block;
    margin-right: 5px;
}
.social-share li a {
    color: #fff;
    display: inline-block;
    text-align: center;
    transition: transform 0.5s;
}
.social-share-lg li a {
    font-size: 24px;
    height: 64px;
    width: 64px;
    line-height: 64px;
    border-radius: 32px;
}
.social-share-md li a {
    font-size: 20px;
    height: 38px;
    width: 38px;
    line-height: 1;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social-share-sm li a {
    font-size: 16px;
    height: 36px;
    width: 36px;
    line-height: 36px;
    border-radius: 18px;
}
.social-share-xs li a {
    font-size: 12px;
    height: 24px;
    width: 24px;
    line-height: 24px;
    border-radius: 12px;
}
.social-share-dialog-bg {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transition: 0.5s background;
}
.social-share-dialog-bg.show {
    background: rgba(0, 0, 0, 0.8);
}
.social-share-dialog {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 286px;
    height: 322px;
    margin-top: -150px;
    margin-left: -143px;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    background: #fff;
    transition: opacity 0.8s;
}
.social-share-dialog-bg.show .social-share-dialog {
    opacity: 1;
}
.social-share-dialog .dialog-header {
    padding: 15px 15px 5px;
}
.social-share-dialog .dialog-header .dismiss {
    float: right;
    font-weight: 700;
    cursor: pointer;
}
.social-share-dialog .dialog-body {
    padding: 10px 15px;
}

.joinUsWrap {
}
.joinUsWrap > div {
    display: flex;
}
.joinUsLeft {
    width: 272px;
    padding: 96px 0;
    border-right: 1px #e8eaef solid;
}
.joinUsNav {
}
.joinUsNav .title {
    margin-bottom: 30px;
    font: 16px / 1.2 Alibaba-PuHuiTi-Regular;
}
.joinUsNav .title strong {
    position: relative;
    top: 4px;
    font-size: 52px;
}
.joinUsNav .search {
    width: 250px;
    height: 44px;
    padding: 0 20px;
    border-radius: 20px;
    margin-right: 19px;
    border: 1px #b9c0c5 solid;
    display: flex;
    align-items: center;
    justify-content: center;
}
.joinUsNav .search input {
    width: 100%;
    font-size: 16px;
}
.joinUsNav .search .icon {
    background: none;
    cursor: pointer;
}
.joinUsNav .search .icon .icon-svg {
    width: 20px;
    height: 20px;
}

.joinUsList {
    margin-top: 20px;
}

.joinUsList .items:first-child .tit {
    border-top: 0;
}
.joinUsList .items .tit {
    height: 54px;
    padding-right: 36px;

    border-bottom: 1px #e8eaef solid;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.joinUsList .items .tit span {
    font: 16px / 1.2 Alibaba-PuHuiTi-Regular;
}
.joinUsList .items .tit .icon-svg {
    width: 26px;
    height: 26px;
    transform: rotate(-90deg);
    transition: all 0.3s ease;
}
.joinUsList .items.on .icon-svg {
    transform: rotate(90deg);
}
.joinUsList .items.on .secondUl {
    border-bottom: 1px #e8eaef solid;
    border-top: 1px #e8eaef solid;
}
.joinUsList .items.on .tit {
    border-bottom: 0;
}
.joinUsList .items:last-child.on .secondUl {
    border-bottom: 0;
}
.joinUsList .items .secondUl {
    display: none;
}
.joinUsList .items .secondUl .li {
    height: 55px;
    padding-left: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.joinUsList .items .secondUl .li span,
.joinUsList .items .secondUl .li .text {
    font: 16px / 1.2 Alibaba-PuHuiTi-Regular;
    color: #1c3d57;
    opacity: 0.7;
}
.joinUsList .items .secondUl .li .icon-svg {
    width: 22px;
    height: 22px;
    transform: rotate(180deg);
    fill: #fff;
    opacity: 0;
}
.joinUsList .items .secondUl .li.on {
    background: #0276c9;
}
.joinUsList .items .secondUl .li.on span {
    color: #fff;
    opacity: 1;
}
.joinUsList .items .secondUl .li.on .icon-svg {
    opacity: 1;
}

.joinUsRight {
    overflow: hidden;
    width: 100%;
}
.joinUsMainList {
    margin-right: -10px;
    padding: 80px 0px 40px 40px;
    display: flex;
    flex-wrap: wrap;
}
.joinUsMainList .items {
    width: 50%;
    background: #fff;
}
.joinUsMainList .items a {
    display: block;
    margin: 10px;
    padding: 36px 40px;
    border: 1px #e8ebee solid;
    transition: all 0.3s ease;
}
.joinUsMainList .items a:hover {
    transform: translateY(-4px);
    box-shadow: 2px 2px 10px #efefef;
}
.joinUsMainList .items a .tit {
    margin-bottom: 12px;
    color: var(--xlc-text-default);
    font: 18px / 1.2 Alibaba-PuHuiTi-Regular;
    display: flex;
}
.joinUsMainList .items a ul {
    margin-bottom: 22px;
    display: flex;
    align-items: center;
}
.joinUsMainList .items a ul li:first-child {
    padding-left: 0;
}
.joinUsMainList .items a ul li {
    position: relative;
    white-space: pre;
    color: var(--xlc-text-default);
    padding: 0 20px 0 21px;
    font: 16px / 1.2 Alibaba-PuHuiTi-Regular;
    opacity: 0.7;
}
.joinUsMainList .items a ul li:last-child:after {
    content: none;
}
.joinUsMainList .items a ul li::after {
    position: absolute;
    right: 0;
    top: 3px;
    width: 1px;
    height: 16px;
    background: #bac4cc;
    content: "";
}
.joinUsMainList .items a .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.joinUsMainList .items a .info .text {
    display: flex;
    align-items: center;
}
.joinUsMainList .items a .info .text p {
    color: var(--xlc-text-default);
    font: 15px / 1.2 Alibaba-PuHuiTi-Regular;
    opacity: 0.7;
    margin-right: 16px;
}
.joinUsMainList .items a .info .icon-svg {
    width: 22px;
    height: 22px;
    fill: #1c3d57;
    transform: rotate(180deg);
}

.recuitmentDetailsWrap2 {
    background: linear-gradient(1deg, #fff, #f5f7fa);
    padding: 75px 0;
}
.jonUsMainCon {
    overflow: hidden;
}
.jonUsMainCon h4:first-child {
    margin-top: 0;
}
.jonUsMainCon h4 {
    margin: 34px 0 10px;
    color: #0080e2;
    font: 24px / 1.2 Alibaba-PuHuiTi-Regular;
}
.jonUsMainCon p {
    text-align: justify;
    opacity: 0.7;
    font: 16px / 2 Alibaba-PuHuiTi-Regular;
}
.mJoinUsNav {
    display: none;
}
.originalLink {
    text-align: right;
    display: flex;
    justify-content: end;
}
.originalLink a {
    padding: 12px 20px;
    border: 1px #d0d5d9 solid;
    font: 14px / 1 Alibaba-PuHuiTi-Regular;
    color: var(--xlc-text-default);
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.originalLink a:hover {
    background: var(--xlc-bg-blue);
    color: #fff;
    border-color: var(--xlc-bg-blue);
}

.groupSolution {
}
.groupSolution .sub-tags {
    padding: 80px 0;
    display: flex;
    justify-content: space-between;
}
.groupSolution .sub-tags-left {
    width: 300px;
    margin: 0 5%;
}
.groupSolution .sub-tags-menu {
    position: sticky;
    top: 108px;
}
.groupSolution .sub-tags-menu li {
    margin-bottom: 20px;
    padding: 12px 0;
}
.groupSolution .sub-tags-menu li a {
    font: 18px / 22px Alibaba-PuHuiTi-Regular;
    height: 22px;
    padding-left: 10px;
    color: var(--xlc-text-default);
    opacity: 0.2;
    border-left: 0;
    white-space: pre;
    display: flex;
    align-items: center;
}
.groupSolution .sub-tags-menu li a.active {
    display: block;
    color: var(--xlc-bg-blue);
    opacity: 1;
    border-left: 2px var(--xlc-bg-blue) solid;
}
.groupSolution .sub-tags-menu li a strong {
    font-size: 24px;
}

.groupSolution .sub-tags-right {
    padding: 0px 0px 0px 18px;
}
.groupSolution .sub-tags-main {
    position: relative;
}
.groupSolution .sub-tags-main .items {
    padding: 40px 40px 20px;
    box-shadow: rgb(239 244 251) 0px 30px 30px 30px;
    overflow: hidden;
    border-radius: 40px;
}
.groupSolution .sub-tags-main .items .time {
    display: flex;
}
.groupSolution .sub-tags-main .items .time strong {
}
.groupSolution .sub-tags-main .items .title {
    font-size: 20px;
    font-weight: 600;
    color: #333333;
    line-height: 2;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}
.groupSolution .sub-tags-main .items .content {
}
.groupSolution .sub-tags-main .items .content p {
    font: 16px / 1.8 Alibaba-PuHuiTi-Regular;
    text-align: justify;
}
.groupSolution .sub-tags-main .items .content a {
    margin-top: 20px;
    color: #777;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.groupSolution .sub-tags-main .items .content a span {
    font-size: 16px;
    line-height: 1;
}
.groupSolution .sub-tags-main .items .content a .icon-svg {
    width: 14px;
    height: 14px;
}
.groupSolution .sub-tags-main .items .content a:hover {
    color: var(--xlc-bg-blue);
}
.groupSolution .sub-tags-main .items .content .imgs {
    margin: 20px -10px;
    display: flex;
    flex-wrap: wrap;
}
.groupSolution .sub-tags-main .items .content img {
    margin: 10px;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 10px;
}
.groupSolution .sub-tags-title {
    display: none;
}
<!--0.00028395652770996-->