@keyframes slideAni {
    0% {
        opacity: .3;
        transform: translateY(0)
    }

    50% {
        opacity: 1;
        transform: translateY(-5px)
    }

    100% {
        opacity: .3;
        transform: translateY(0)
    }
}

.following-post-thum img {
    max-height: 15.63rem;
    object-fit: contain
}

.blog-details-wrapper .col-12 {
    margin-bottom: 1.88rem
}

#index .video-banner {
    position: relative
}

#index .video-banner .slide-down-wrapper {
    color: #fff;
    font-size: .88rem;
    right: 1.88rem;
    bottom: 1.88rem;
    z-index: 3
}

#index .video-banner .slide-down-wrapper .arrow {
    width: .94rem;
    margin-left: .63rem;
    animation: slideAni 1s ease-in-out infinite
}

#index .section-text {
    padding: 0 .63rem
}

#index .section-text .text-title {
    font-size: 2rem;
    color: #111;
    padding: 5.81rem 0;
    font-weight: bold;
    line-height: 1.7;
    text-align: center
}

#index .section-text .more {
    color: #111;
    font-size: 1rem;
    padding: .94rem 2.5rem;
    border: 2px solid #111;
    border-radius: 3.13rem;
    margin: 0 auto;
    display: block;
    width: max-content;
    margin-bottom: 7.5rem
}

#index .case {
    position: relative
}

#index .case .case-title {
    font-size: 2.75rem;
    color: #fff;
    font-weight: bold;
    top: 8.31rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3
}

#index .case .select-cases {
    left: 50%;
    transform: translateX(-50%);
    bottom: 2rem;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 1.25rem
}

#index .case .select-cases .select-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    transition: all .4s ease-in-out;
    background-color: rgba(255, 255, 255, 0.26);
    padding: 1.25rem;
    border-radius: 1.25rem;
    font-size: 1rem;
    margin-bottom: 1.25rem
}

#index .case .select-cases .select-item .item-icon {
    position: relative;
    margin-bottom: .88rem;
    width: 2.13rem
}

#index .case .select-cases .select-item .item-icon .height {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 2;
    transition: all .4s ease-in-out
}

#index .case .select-cases .select-item .item-icon .default {
    position: relative;
    z-index: 3;
    opacity: 1;
    transition: all .4s ease-in-out
}

#index .case .select-cases .select-item:hover {
    background-color: #fff;
    color: #111
}

#index .case .select-cases .select-item:hover .height {
    opacity: 1;
    z-index: 3
}

#index .case .select-cases .select-item:hover .default {
    opacity: 0;
    z-index: 0
}

#index .news {
    background: linear-gradient(180deg, #dcf3ff 0%, #ffffff 56%, #ffffff 100%)
}

#index .news .news-swiper {
    overflow-x: hidden
}

#index .news .new-section-titles .new-section-title {
    font-size: 2.75rem;
    color: #111;
    padding-top: 7.5rem;
    font-weight: bold;
    margin-bottom: 7.81rem
}

#index .news .new-section-titles .swiper-pagination-bullet {
    width: 1.25rem;
    height: 1.25rem;
    background: none;
    border: 2px solid #464242;
    margin: 0 .31rem
}

#index .news .new-section-titles .swiper-pagination-bullet-active {
    border-color: #007fc6;
    position: relative
}

#index .news .new-section-titles .swiper-pagination-bullet-active::after {
    content: "";
    display: block;
    width: 80%;
    height: 80%;
    border-radius: 50%;
    background: #007fc6;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

#index .news .new-swiper {
    padding-bottom: 8.56rem
}

#index .news .new-swiper .swiper-wrapper {
    align-items: stretch
}

#index .news .new-swiper .swiper-slide {
    display: block;
    border-color: #e6f2f9;
    position: relative;
    padding: 0 2.25rem;
    height: auto
}

#index .news .new-swiper .swiper-slide .new-time {
    color: #888888;
    font-size: .94rem;
    margin-bottom: 2.06rem
}

#index .news .new-swiper .swiper-slide .new-title {
    font-size: 1.63rem;
    color: #111;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 6.06rem;
    font-weight: bold;
    line-height: 1.5
}

#index .news .new-swiper .swiper-slide .new-arrow {
    width: 3.75rem;
    position: absolute;
    left: 2.25rem;
    bottom: 0;
    z-index: 3
}

#index .news .new-swiper .swiper-slide::before {
    content: "";
    display: block;
    width: .63rem;
    height: 100%;
    background-color: #e6f2f9;
    position: absolute;
    border-radius: 5px;
    left: 0;
    top: 0
}

#index .news .new-swiper .swiper-slide::after {
    content: "";
    border-radius: 5px;
    display: block;
    width: .63rem;
    height: 25%;
    background-color: #007fc6;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .4s ease-in-out
}

#index .news .new-swiper .swiper-slide:hover::after {
    height: 100%
}

.layui-layer-page {
    height: auto !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important
}

#about_video_layer {
    height: auto !important
}

#about .about-text-groups {
    text-align: center;
    padding-top: 8.25rem
}

#about .about-text-groups .about-section-title {
    font-size: 2rem;
    color: #111;
    margin-bottom: .5rem
}

#about .about-text-groups .about-section-sub-title {
    font-size: 1.8rem;
    color: #111;
    margin-bottom: 3.13rem
}

#about .about-text-groups .about-section-p {
    font-size: 1.13rem;
    color: #777777;
    line-height: 2rem;
    padding: 0 0rem;
    margin-bottom: 6.25rem
}

#about .about-video-wrapper {
    position: relative
}

#about .about-video-wrapper .video-button {
    cursor: pointer
}

#about .about-certificate {
    padding-bottom: 11.25rem;
    background: linear-gradient(180deg, #eff5f9 0%, #ffffff 100%)
}

#about .about-certificate .about-certificate-wrapper .section-about-certificate-title {
    font-size: 2.75rem;
    color: #111;
    padding-top: 5.63rem;
    padding-bottom: 4.38rem;
    text-align: center
}

#about .about-certificate .about-certificate-wrapper .section-button-group .changbtn {
    font-size: 1.38rem;
    color: #333333;
    background-color: #f4f8fb;
    padding: 2.13rem 3.44rem;
    border-radius: 1.13rem 0 0 1.13rem;
    border: 1px solid #dadada;
    border-right: none;
    cursor: pointer
}

#about .about-certificate .about-certificate-wrapper .section-button-group .changbtn:nth-child(2) {
    border-right: 1px solid #dadada;
    border-left: none;
    border-radius: 0 1.13rem 1.13rem 0
}

#about .about-certificate .about-certificate-wrapper .section-button-group .active {
    background-color: #007fc6;
    color: #fff;
    border-color: #007fc6
}

#about .about-certificate .about-certificate-wrapper .certificate-p {
    font-size: 1rem;
    color: #666666;
    margin-bottom: 5rem;
    margin-top: 2.5rem;
    text-align: center
}

#about .about-certificate .about-certificate-wrapper .certificate-swiper .certificate-item {
    display: none;
    padding: .94rem;
    padding-bottom: 5rem
}

#about .about-certificate .about-certificate-wrapper .certificate-swiper .certificate-item .swiper-pagination {
    width: 100% !important
}

#about .about-certificate .about-certificate-wrapper .certificate-swiper .certificate-img {
    width: 100%
}

#about .about-certificate .about-certificate-wrapper .certificate-swiper .swiper-slide {
    background-color: #fff;
    padding: 2.5rem;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.13)
}

#about .about-certificate .about-certificate-wrapper .certificate-swiper .swiper-slide .slide-mask {
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    transition: all .4s ease-in-out;
    opacity: 0;
    pointer-events: none
}

#about .about-certificate .about-certificate-wrapper .certificate-swiper .swiper-slide .slide-mask .zoom-button {
    color: #fff;
    text-align: center;
    font-size: 1rem
}

#about .about-certificate .about-certificate-wrapper .certificate-swiper .swiper-slide .slide-mask .zoom-button .iconfont {
    font-size: 1.56rem;
    margin-bottom: 1.56rem
}

#about .about-certificate .about-certificate-wrapper .certificate-swiper .swiper-slide:hover .slide-mask {
    opacity: 1;
    pointer-events: auto
}

#cases .cases-text-groups {
    text-align: center;
    padding-top: 1.25rem
}

#cases .cases-text-groups .cases-section-title {
    font-size: 2rem;
    color: #111;
    margin-bottom: .5rem
}

#cases .cases-text-groups .cases-section-sub-title {
    font-size: 1.8rem;
    color: #111;
    margin-bottom: 3.13rem
}

#cases .cases-text-groups .cases-section-p {
    font-size: 1.13rem;
    color: #777777;
    line-height: 2rem;
    padding: 0 0rem;
    margin-bottom: 6.25rem
}

#cases .case-wrapper {
    padding-bottom: 8.13rem
}

#cases .case-wrapper .case-item-wrapper:nth-child(2n + 1) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.31rem
}

#cases .case-wrapper .case-item-wrapper:nth-child(2n + 1) .case-item {
    height: 28.13rem
}

#cases .case-wrapper .case-item-wrapper:nth-child(2n) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.31rem
}

#cases .case-wrapper .case-item-wrapper:nth-child(2n) .case-item {
    height: 30.63rem
}

#cases .case-wrapper .case-item-wrapper {
    margin-bottom: 1.31rem
}

#cases .case-wrapper .case-item-wrapper .case-item {
    position: relative
}

#cases .case-wrapper .case-item-wrapper .case-item .item-pic {
    height: 100%;
    overflow: hidden;
    border-radius: 1.88rem
}

#cases .case-wrapper .case-item-wrapper .case-item .item-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s ease-in-out
}

#cases .case-wrapper .case-item-wrapper .case-item .case-icon {
    width: 3.88rem;
    height: 3.88rem;
    border-radius: 1.56rem;
    border: 1px solid #fff;
    position: absolute;
    top: 2.5rem;
    left: 2.5rem;
    padding: .88rem
}

#cases .case-wrapper .case-item-wrapper .case-item .case-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

#cases .case-wrapper .case-item-wrapper .case-item .case-arrow {
    width: 3rem;
    position: absolute;
    top: 3rem;
    right: 3rem;
    transition: all .4s ease-in-out;
    transform: scale(0)
}

#cases .case-wrapper .case-item-wrapper .case-item .case-text-groups {
    width: 100%;
    position: absolute;
    left: 0rem;
    bottom: 0;
    padding-left: 2.5rem;
    padding-top: 3.13rem;
    padding-bottom: 2.5rem;
    transition: all .4s ease-in-out
}

#cases .case-wrapper .case-item-wrapper .case-item .case-text-groups .case-title {
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 1.13rem
}

#cases .case-wrapper .case-item-wrapper .case-item .case-text-groups .case-sm-font {
    font-size: 1rem;
    color: #fff
}

#cases .case-wrapper .case-item-wrapper .case-item .case-text-groups .case-sm-font .iconfont {
    font-size: 1rem;
    margin-left: .63rem
}

#cases .case-wrapper .case-item-wrapper .case-item::after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 10rem;
    transition: all .4s ease-in-out;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    border-radius: 0 0 1.8rem 1.88rem;
    background: linear-gradient(to bottom, rgba(1, 107, 169, 0.05), rgba(1, 107, 169, 0.3))
}

#cases .case-wrapper .case-item-wrapper .case-item:hover .item-pic img {
    transform: scale(1.05)
}

#cases .case-wrapper .case-item-wrapper .case-item:hover .case-arrow {
    transform: scale(1)
}

#cases .case-wrapper .case-item-wrapper .case-item:hover::after {
    opacity: .8
}

#service .banner_wrapper {
    position: relative
}

#service .banner_wrapper .banner_text_groups {
    color: #fff
}

#service .banner_wrapper .banner_text_groups .banner_left {
    flex: 1
}

#service .banner_wrapper .banner_text_groups .banner_left .classname {
    font-size: 1.25rem;
    margin-bottom: 1.25rem
}

#service .banner_wrapper .banner_text_groups .banner_left .banner_title {
    font-size: 3rem;
    padding-bottom: 3rem;
    position: relative;
    font-weight: normal;
    line-height: 1.5
}

#service .banner_wrapper .banner_text_groups .banner_left .banner_title::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0
}

#service .banner_wrapper .banner_text_groups .banner_right {
    width: 4%
}

#service .service-content {
    padding-top: 6.75rem
}

#service .service-content .classname {
    font-size: 1rem;
    color: #016ba9;
    margin-bottom: 2.25rem
}

#service .service-content .contact_us_title {
    font-size: 3rem;
    color: #222222;
    margin-bottom: 3.75rem
}

#service .service-content .contact_us_desc {
    font-size: 1.25rem;
    color: #888;
    margin-bottom: 5.88rem
}

#service .service-content .contact_type_wrapper .contact_items {
    margin-right: 16.25rem
}

#service .service-content .contact_type_wrapper .contact_items .items_title {
    font-size: 1.25rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: 1.25rem
}

#service .service-content .contact_type_wrapper .contact_items p {
    font-size: 1.25rem;
    color: #555555;
    margin-bottom: .75rem
}

#service .major_wrapper {
    margin-top: 13.5rem
}

#service .major_wrapper .major_title {
    font-size: 3rem;
    color: #222222;
    margin-bottom: 4.25rem
}

#service .major_wrapper .major_groups {
    margin-bottom: .94rem
}

#service .major_wrapper .major_groups .major_groups_item {
    margin-bottom: 7.81rem
}

#service .major_wrapper .major_groups .major_groups_item .item_wrapper {
    padding-right: 14.06rem
}

#service .major_wrapper .major_groups .major_groups_item .item_wrapper .item_index {
    flex-shrink: 0;
    margin-right: 1.06rem
}

#service .major_wrapper .major_groups .major_groups_item .item_wrapper .item_detail .item_title {
    font-size: 1.63rem;
    color: #222222;
    font-weight: bold;
    margin-bottom: 1.06rem
}

#service .major_wrapper .major_groups .major_groups_item .item_wrapper .item_detail .item_content {
    font-size: 1rem;
    color: #888888;
    line-height: 1.8
}

#news .banner_wrapper {
    background-color: #dfecf4;
    position: relative
}

#news .banner_wrapper .banner_pic {
    opacity: 0
}

#news .banner_wrapper .banner_text_groups {
    color: #111
}

#news .banner_wrapper .banner_text_groups .banner_left {
    flex: 1
}

#news .banner_wrapper .banner_text_groups .banner_left .classname {
    font-size: 1.25rem;
    margin-bottom: 1.25rem
}

#news .banner_wrapper .banner_text_groups .banner_left .banner_title {
    font-size: 3rem;
    padding-bottom: 3rem;
    position: relative;
    font-weight: normal;
    line-height: 1.5
}

#news .banner_wrapper .banner_text_groups .banner_left .banner_title::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #007fc6;
    position: absolute;
    left: 0;
    bottom: 0
}

#news .banner_wrapper .banner_text_groups .banner_right {
    width: 50%;
    margin-left: 24%
}

#news .banner_wrapper .banner_text_groups .banner_right .banner_new {
    display: block;
    background-color: #fff;
    border-radius: 2rem;
    overflow: hidden
}

#news .banner_wrapper .banner_text_groups .banner_right .banner_new .banner_new_content {
    padding: 2.25rem 3.56rem
}

#news .banner_wrapper .banner_text_groups .banner_right .banner_new .banner_new_content .banner_new_time {
    font-size: .94rem;
    color: #888888;
    margin-bottom: 1.13rem
}

#news .banner_wrapper .banner_text_groups .banner_right .banner_new .banner_new_content .banner_new_title {
    font-size: 1.2rem;
    color: #111111
}

#news .new_lists {
    margin-top: 6.88rem;
    align-items: stretch
}

#news .new_lists .new_item {
    margin-bottom: 1.63rem
}

#news .new_lists .new_item .new_item_wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 1.25rem;
    border: 2px solid #f0f0f0;
    padding: 2.5rem
}

#news .new_lists .new_item .new_item_wrapper .new_item_time {
    font-size: .94rem;
    color: #888888;
    margin-bottom: 2.06rem;
    transition: all .2s ease-in-out
}

#news .new_lists .new_item .new_item_wrapper .new_item_title {
    font-size: 1.4rem;
    color: #111;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 6.25rem;
    transition: all .2s ease-in-out
}

#news .new_lists .new_item .new_item_wrapper .new_item_arrow {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0
}

#news .new_lists .new_item .new_item_wrapper .new_item_arrow img {
    transition: all .2s ease-in-out
}

#news .new_lists .new_item .new_item_wrapper .new_item_arrow .new_item_default {
    opacity: 1
}

#news .new_lists .new_item .new_item_wrapper .new_item_arrow .new_item_height {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0
}

#news .new_lists .new_item:hover .new_item_wrapper {
    background-color: #007fc6
}

#news .new_lists .new_item:hover .new_item_wrapper .new_item_time {
    color: #fff
}

#news .new_lists .new_item:hover .new_item_wrapper .new_item_title {
    color: #fff
}

#news .new_lists .new_item:hover .new_item_wrapper .new_item_arrow .new_item_default {
    opacity: 0
}

#news .new_lists .new_item:hover .new_item_wrapper .new_item_arrow .new_item_height {
    opacity: 1
}

#news .show_more {
    width: max-content;
    margin: 0 auto;
    margin-top: 4.06rem;
    text-align: center;
    color: #afafaf;
    font-size: 1.13rem;
    text-decoration: underline;
    text-underline-offset: .63rem;
    margin-bottom: 6.25rem;
    cursor: pointer;
    position: relative;
    padding-bottom: .63rem;
    transition: all .3s ease-in-out
}

#news .show_more:hover {
    color: #007fc6
}

#contact .banner_wrapper {
    position: relative
}

#contact .banner_wrapper .banner_text_groups {
    color: #fff
}

#contact .banner_wrapper .banner_text_groups .banner_left {
    flex: 1
}

#contact .banner_wrapper .banner_text_groups .banner_left .classname {
    font-size: 1.25rem;
    margin-bottom: 1.25rem
}

#contact .banner_wrapper .banner_text_groups .banner_left .banner_title {
    font-size: 3rem;
    padding-bottom: 3rem;
    position: relative;
    font-weight: normal;
    line-height: 1.5
}

#contact .banner_wrapper .banner_text_groups .banner_left .banner_title::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0
}

#contact .banner_wrapper .banner_text_groups .banner_right {
    width: 19%
}

#contact .contact_info {
    margin-top: 9rem;
    margin-bottom: 11.25rem
}

#contact .contact_info .contact_gouprs {
    align-items: stretch
}

#contact .contact_info .contact_gouprs .contact_left .people_item {
    padding-bottom: 4.38rem;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 3.75rem
}

#contact .contact_info .contact_gouprs .contact_left .people_item .item_icon {
    margin-bottom: 1.88rem
}

#contact .contact_info .contact_gouprs .contact_left .people_item .item_icon img {
    width: auto;
    max-width: 100%
}

#contact .contact_info .contact_gouprs .contact_left .people_item .item_name {
    color: #111111;
    font-weight: bold;
    font-size: 1.88rem;
    margin-bottom: 2.5rem
}

#contact .contact_info .contact_gouprs .contact_left .people_item p {
    font-size: 1.25rem;
    color: #555555;
    margin-bottom: 1.63rem
}

#contact .contact_info .contact_gouprs .contact_left .people_item .item_email {
    margin-bottom: 0
}

#contact .contact_info .contact_gouprs .contact_left .people_item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

#contact .contact_info .contact_gouprs .contact_right {
    box-shadow: 0 1px 18px 0 rgba(178, 202, 215, 0.3);
    border-radius: 20px;
    background: none;
    overflow: hidden;
    flex: 1;
    margin-left: 25%
}

#contact .contact_info .contact_gouprs .contact_right .right_title {
    font-size: 1.88rem;
    color: #111;
    font-weight: bold;
    background-color: #fafbfd;
    padding: 2.25rem 3.44rem
}

#contact .contact_info .contact_gouprs .contact_right .right_content {
    background-color: #fff;
    padding: 2.19rem 3.44rem;
    padding-bottom: 0;
    background-image: url(../image/bg.png);
    background-repeat: no-repeat;
    background-position: 100% 100%
}

#contact .contact_info .contact_gouprs .contact_right .right_content .right_item {
    padding: 2.19rem 0;
    border-bottom: 1px solid #eeeeee
}

#contact .contact_info .contact_gouprs .contact_right .right_content .right_item .right_icon {
    flex-shrink: 0;
    margin-right: 1.5rem
}

#contact .contact_info .contact_gouprs .contact_right .right_content .right_item .right_text {
    font-size: 1.3rem;
    color: #111;
    font-weight: bold
}

#contact .contact_info .contact_gouprs .contact_right .right_content .right_item .right_text .label {
    margin-bottom: .94rem
}

#contact .contact_info .contact_gouprs .contact_right .right_content .right_item:last-child {
    border-bottom: none
}

#contact .map_content {
    width: 100%;
    height: 33.75rem
}

#contact .map_content #map_el {
    width: 100%;
    height: 100%
}

#contact .map_content .mp_logo {
    width: 3.75rem;
    display: block;
    margin: 1.56rem auto
}

#contact .map_content .map_label {

    padding: 0 1.25rem
}

#contact .map_content .map_label .address_icon {
    margin-right: .31rem;
    width: 25px;
}

.tdt-container .tdt-control-copyright img {
    width: auto !important;
}

#contact .map_content .tdt-label {
    border-radius: 1rem;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.5)
}

#new_detail .back_link {
    padding: 1.88rem 0;
    font-size: 1rem;
    color: #666;
    text-align: right;
    margin-left: auto;
    display: block;
    transition: all .2s ease-in-out
}

#new_detail .back_link:hover {
    color: #007fc6
}

#new_detail .detail_wrapper .detail_time {
    font-size: 1rem;
    color: #666;
    margin-bottom: 1.88rem
}

#new_detail .detail_wrapper .detail_title {
    font-size: 2.38rem;
    padding-bottom: 3.13rem;
    margin-bottom: 3.13rem;
    border-bottom: 2px solid #eeeeee
}

#new_detail .detail_wrapper .detail_content {
    font-size: 1rem;
    color: #333;
    line-height: 1.8
}

#new_detail .detail_wrapper .detail_content img {
    max-width: 100%;
    width: auto;
    margin: 0 auto
}

#new_detail .about_new {
    margin-bottom: 3.13rem;
    margin-top: 3.13rem
}

#new_detail .about_new .about_new_title {
    font-size: 2.38rem;
    margin-bottom: 1.88rem;
    padding-bottom: 1.88rem;
    border-bottom: 2px solid #eeeeee
}

#new_detail .about_new .about_new_wrapper .new_wrapper {
    display: block;
    background-color: #fff;
    transition: all .2s ease-in-out;
    padding: 1.25rem;
    border-radius: .5rem;
    overflow: hidden
}

#new_detail .about_new .about_new_wrapper .about_new_time {
    color: #666;
    font-size: .88rem;
    margin-bottom: 1.25rem;
    transition: all .2s ease-in-out
}

#new_detail .about_new .about_new_wrapper .new_title {
    font-size: 1.4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1.88rem;
    transition: all .2s ease-in-out
}

#new_detail .about_new .about_new_wrapper .about_new_icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content
}

#new_detail .about_new .about_new_wrapper .about_new_icon .default {
    transition: all .2s ease-in-out;
    opacity: 1
}

#new_detail .about_new .about_new_wrapper .about_new_icon .height {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .2s ease-in-out;
    z-index: 2
}

#new_detail .about_new .about_new_wrapper .new_wrapper:hover {
    background-color: #007fc6
}

#new_detail .about_new .about_new_wrapper .new_wrapper:hover .about_new_time {
    color: #fff
}

#new_detail .about_new .about_new_wrapper .new_wrapper:hover .new_title {
    color: #fff
}

#new_detail .about_new .about_new_wrapper .new_wrapper:hover .about_new_icon .default {
    opacity: 0
}

#new_detail .about_new .about_new_wrapper .new_wrapper:hover .about_new_icon .height {
    opacity: 1
}

#product .product_banner {
    position: relative;
    color: #fff
}

#product .product_banner .banner_classname {
    font-size: 1.25rem;
    margin-bottom: 1.38rem
}

#product .product_banner .banner_title {
    font-size: 3rem;
    text-decoration: underline;
    text-underline-offset: 2.5rem
}

#product .product_wrapper {
    background-color: #f4f4f4
}

#product .product_wrapper .product_list {
    padding-top: 6.25rem
}

#product .product_wrapper .product_list .category_wrapper {
    background-color: #fff;
    border-radius: .88rem;
    overflow: hidden;
    padding: 3.13rem .94rem;
    width: 29%;
    height: fit-content
}

#product .product_wrapper .product_list .category_wrapper .category_item {
    margin-bottom: .63rem
}

#product .product_wrapper .product_list .category_wrapper .category_item .category_title {
    font-size: .88rem;
    color: #111;
    padding: .5rem 1.13rem;
    border-radius: 4px;
    padding-right: 0;
    background-color: #f6f6f6;
    transition: all .2s ease-in-out
}

#product .product_wrapper .product_list .category_wrapper .category_item .category_title .iconfont {
    font-size: 1rem;
    padding: .31rem .94rem;
    cursor: pointer
}

#product .product_wrapper .product_list .category_wrapper .category_item .category_sub_lists {
    padding: 1.13rem;
    overflow: hidden;
    display: none
}

#product .product_wrapper .product_list .category_wrapper .category_item .category_sub_lists .sub_item {
    line-height: 2.5;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04)
}

#product .product_wrapper .product_list .category_wrapper .category_item .category_sub_lists .sub_item .sub_link {
    font-size: .88rem;
    transition: all .2s ease-in-out
}

#product .product_wrapper .product_list .category_wrapper .category_item .category_sub_lists .sub_item .sub_link:hover {
    color: #007fc6
}

#product .product_wrapper .product_list .category_wrapper .category_item:hover .category_title {
    background-color: #007fc6;
    color: #fff
}

#product .product_wrapper .product_list .category_wrapper .active .category_title {
    background-color: #007fc6;
    color: #fff
}

#product .product_wrapper .product_list .category_wrapper .active .category_sub_lists {
    display: block
}

#product .product_wrapper .product_list .products {
    margin-left: 3.13rem
}

#product .product_wrapper .product_list .products a {
    margin-bottom: 1.25rem;
    display: block
}

#product .product_wrapper .product_list .products .product_lists .product_item .item_content {
    border-radius: .88rem;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 1.25rem
}

#product .product_wrapper .product_list .products .product_lists .product_item .item_content .product_pic {
    overflow: hidden
}

#product .product_wrapper .product_list .products .product_lists .product_item .item_content .product_pic img {
    transition: all .2s ease-in-out
}

#product .product_wrapper .product_list .products .product_lists .product_item .item_content .product_info {
    padding: 1.88rem 1.25rem
}

#product .product_wrapper .product_list .products .product_lists .product_item .item_content .product_info .product_name {
    font-size: 1rem;
    color: #111;
    font-weight: bold;
    margin-bottom: .94rem
}

#product .product_wrapper .product_list .products .product_lists .product_item .item_content .product_info .more {
    font-size: .88rem;
    color: #444
}

#product .product_wrapper .product_list .products .product_lists .product_item .item_content .product_info .more .iconfont {
    font-size: .88rem
}

#product .product_wrapper .product_list .products .product_lists .product_item:hover .item_content .product_pic img {
    transform: scale(1.05)
}

#product_detail {
    background-color: #f6f7f9
}

#product_detail .product_pic {
    padding: 7.94rem 0
}

#product_detail .product_pic .pic_content .pic_left {
    padding-top: 5.88rem;
    padding-right: 13.75rem
}

#product_detail .product_pic .pic_content .pic_left .pic_left_content .product_name {
    font-size: 2.75rem;
    color: #111;
    font-weight: bold;
    margin-bottom: 1rem
}

#product_detail .product_pic .pic_content .pic_left .pic_left_content .product_desc {
    font-size: 1.13rem;
    color: #666666;
    font-weight: bold;
    margin-bottom: 4.13rem
}

#product_detail .product_pic .pic_content .pic_left .pic_left_content .contact_us {
    padding: 1.25rem 2.5rem;
    border-radius: 1.88rem;
    background-color: #016ba9;
    color: #fff;
    font-size: 1rem;
    font-weight: bold
}

#product_detail .section_title {
    font-size: 2.63rem;
    color: #111;
    font-weight: bold;
    position: relative
}

#product_detail .section_title::before {
    content: "";
    width: .63rem;
    height: 80%;
    background-color: #007fc6;
    position: absolute;
    left: -1.25rem;
    top: 55%;
    transform: translateY(-50%);
    border-radius: .75rem
}

#product_detail .detail {
    background-color: #fff;
    padding-top: 7.5rem
}

#product_detail .detail .detail_content {
    padding-bottom: 1.88rem;
    border-bottom: 1px solid #eeeeee;
    margin-top: 3.13rem;
    padding-bottom: 7.5rem
}

#product_detail .detail .detail_content .detail_body {
    font-size: 1rem;
    color: #111;
    line-height: 1.7;
    margin-top: 3.13rem
}

#product_detail .more_product {
    background-color: #fff;
    padding-top: 7.5rem;
    padding-bottom: 9.38rem
}

#product_detail .more_product .more_product_content {
    position: relative;
    padding-bottom: 3.75rem
}

#product_detail .more_product .more_product_content .swiper_tools {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%
}

#product_detail .more_product .more_product_content .swiper_tools .swiper-pagination {
    top: auto;
    bottom: 0;
    position: static
}

#product_detail .more_product .more_product_content .swiper_tools .swiper-pagination .swiper-pagination-progressbar-fill {
    background-color: #016ba9
}

#product_detail .more_product .more_product_content .section_title {
    margin-bottom: 3.13rem
}

#product_detail .more_product .more_product_content .more_product_swiper .swiper-slide {
    background-color: #f3f5f9;
    border-radius: .88rem
}

#product_detail .more_product .more_product_content .more_product_swiper .swiper-slide .more_product_pic {
    overflow: hidden;
    border-radius: .88rem
}

#product_detail .more_product .more_product_content .more_product_swiper .swiper-slide .more_product_pic img {
    transition: all .2s ease-in-out
}

#product_detail .more_product .more_product_content .more_product_swiper .swiper-slide .more_product_info {
    padding: 1.88rem 1.25rem
}

#product_detail .more_product .more_product_content .more_product_swiper .swiper-slide .more_product_info .more_product_name {
    font-size: 1.13rem;
    color: #111;
    font-weight: bold;
    margin-bottom: 1.25rem
}

#product_detail .more_product .more_product_content .more_product_swiper .swiper-slide .more_product_info .jump {
    font-size: .88rem;
    color: #444444
}

#product_detail .more_product .more_product_content .more_product_swiper .swiper-slide .more_product_info .jump .iconfont {
    font-size: 1.25rem;
    color: #d5d5d5;
    margin-left: 5px
}

#product_detail .more_product .more_product_content .more_product_swiper .swiper-slide:hover .more_product_pic img {
    transform: scale(1.05)
}

@media screen and (max-width:1359px) {
    #index .section-text .text-title {
        font-size: 3rem
    }

    #index .section-text .text-title {
        padding: 6.81rem 0
    }
}

@media screen and (max-width:1023px) {
    #index .section-text .text-title {
        padding: 6.81rem 0;
        font-size: 2.4rem
    }

    #index .case .case-title {
        font-size: 2.2rem
    }

    #index .news .new-section-titles .new-section-title {
        font-size: 2.2rem
    }
}

@media screen and (max-width:767px) {
    #index .section-text .text-title {
        font-size: 1.2rem;
        padding: 2.81rem 0
    }

    #index .news .new-swiper .swiper-slide .new-title {
        font-size: 1.2rem
    }

    #index .case .case-title {
        font-size: 1.6rem
    }

    #index .news .new-section-titles .new-section-title {
        font-size: 1.6rem
    }

    #index .case .select-cases {
        position: static !important;
        transform: none;
        grid-template-columns: repeat(2, 1fr);
        background-image: linear-gradient(180deg, #bbc4d3 0%, #6d8ba5 100%);
        margin: 0;
        width: 100%;
        padding: 2%
    }

    #index .case .select-cases .select-item {
        margin-bottom: .94rem;
        padding: .5rem;
    }

    #index .case .case-title {
        top: 2.31rem
    }

    #index .news .new-section-titles {
        padding: 3.31rem 0
    }

    #index .news .new-swiper {
        padding-bottom: 3.13rem
    }

    #index .news .new-section-titles .new-section-title {
        padding: 0;
        margin: 0
    }

    #index .section-text .more {
        margin-bottom: 3.13rem;
        padding: .4rem 1.5rem;
    }

    #about .about-text-groups {
        padding-top: 5.25rem
    }

    #about .about-text-groups .about-section-title {
        font-size: 1.6rem
    }

    #about .about-text-groups .about-section-sub-title {
        font-size: 1.4rem;
        display: none;
    }

    #about .about-text-groups .about-section-p {
        padding: 0
    }

    #about .about-video-wrapper .video-button img {
        width: 60%;
        margin: 0 auto
    }

    #about .about-certificate .about-certificate-wrapper .section-about-certificate-title {
        font-size: 1.6rem;
        padding: 30px 0;
    }

    #about .about-certificate .about-certificate-wrapper .certificate-p {
        margin-bottom: 30px;
    }

    #about .about-certificate .about-certificate-wrapper .section-button-group .changbtn {
        padding: .7rem 2rem;
        font-size: 1.2rem
    }

    #about .about-certificate .about-certificate-wrapper .certificate-swiper .swiper-slide {
        padding: 1rem
    }

    #cases .cases-text-groups {
        padding-top: 4.25rem
    }

    #cases .cases-text-groups .cases-section-title {
        font-size: 1.6rem
    }

    #cases .cases-text-groups .cases-section-sub-title {
        font-size: 1.2rem
    }

    #cases .cases-text-groups .cases-section-p {
        padding: 0;
        margin-bottom: 0;
    }

    #cases .case-wrapper .case-item-wrapper:nth-child(2n + 1) {
        grid-template-columns: repeat(1, 1fr)
    }

    #cases .case-wrapper .case-item-wrapper:nth-child(2n + 1) .case-item {
        height: 20rem
    }

    #cases .case-wrapper .case-item-wrapper:nth-child(2n) {
        grid-template-columns: repeat(1, 1fr)
    }

    #cases .case-wrapper .case-item-wrapper:nth-child(2n) .case-item {
        height: 20rem
    }

    #cases .case-wrapper .case-item-wrapper .case-item .item-pic {
        border-radius: 15px
    }

    #cases .case-wrapper .case-item-wrapper .case-item .case-icon {
        width: 2.5rem;
        height: 2.5rem;
        padding: .4rem
    }

    #contact .map_content .map_label {
        padding: 0;
    }

    #cases .case-wrapper .case-item-wrapper .case-item .case-text-groups .case-title {
        font-size: 1.4rem
    }

    #contact .banner_wrapper .banner_text_groups .banner_left .banner_title {
        font-size: 1.3rem;
        padding-bottom: 1rem
    }

    #contact .banner_wrapper .banner_text_groups .banner_left .classname {
        font-size: 1.1rem
    }

    #contact .banner_wrapper .banner_text_groups .banner_right {
        width: 15%
    }

    #contact .contact_info {
        margin-top: 3.13rem;
        margin-bottom: 6rem
    }

    #contact .banner_wrapper .banner_text_groups {
        padding: 0 2rem
    }

    #contact .contact_info .contact_gouprs .contact_left .people_item .item_name {
        font-size: 1.4rem;
        margin-bottom: 1rem
    }

    #contact .contact_info .contact_gouprs .contact_left .people_item p {
        font-size: 1rem;
        margin-bottom: 10px
    }

    #contact .contact_info .contact_gouprs .contact_left .people_item {
        padding-bottom: 2rem;
        margin-bottom: 2rem
    }

    #contact .contact_info .contact_gouprs {
        flex-direction: column !important
    }

    #contact .contact_info .contact_gouprs .contact_left {
        width: 100%;
        padding: 1rem;
        margin-bottom: 1.88rem
    }

    #contact .contact_info .contact_gouprs .contact_right {
        width: 100%;
        margin-left: 0
    }

    #contact .contact_info .contact_gouprs .contact_right .right_title {
        font-size: 1.4rem;
        padding: 2rem
    }

    #contact .contact_info .contact_gouprs .contact_right .right_content {
        padding: 2rem
    }

    #contact .contact_info .contact_gouprs .contact_right .right_content .right_item .right_text {
        font-size: 1.15rem
    }

    #contact .map_content {
        height: 20rem
    }

    #news .banner_wrapper .banner_text_groups {
        padding: 0 2rem
    }

    #news .banner_wrapper .banner_text_groups .banner_left .banner_title {
        font-size: 1.3rem;
        padding-bottom: 1rem
    }

    #news .banner_wrapper .banner_text_groups .banner_right {
        margin-left: 18%
    }

    #news .banner_wrapper .banner_text_groups .banner_right .banner_new {
        display: none
    }

    #news .banner_wrapper .banner_text_groups .banner_left .classname {
        font-size: 1.1rem
    }

    #news .new_lists .new_item .new_item_wrapper .new_item_title {
        font-size: 1.1rem;
        margin-bottom: 1.88rem
    }

    #new_detail .back_link .iconfont {
        font-size: 14px;
    }

    #service .banner_wrapper .banner_text_groups {
        padding: 0 2rem
    }

    #cases .case-wrapper {
        padding-bottom: 50px;
    }

    #cases .case-wrapper .case-item-wrapper .case-item .case-text-groups {
        padding: 20px;
    }

    #service .service-content .contact_type_wrapper .contact_items .items_title {
        font-size: 1.2rem
    }

    #service .banner_wrapper .banner_text_groups .banner_left .banner_title {
        font-size: 1.3rem;
        padding-bottom: 1rem
    }

    #service .service-content .contact_type_wrapper .contact_items p {
        font-size: 1rem
    }

    #service .banner_wrapper .banner_text_groups .banner_left .classname {
        font-size: 1.1rem
    }

    #service .banner_wrapper .banner_text_groups .banner_right {
        width: 10%
    }

    #service .service-content {
        padding: 3.13rem 1rem
    }

    #service .service-content .contact_us_title {
        font-size: 1.4rem;
        margin-bottom: 1.88rem
    }

    #service .service-content .contact_us_desc {
        font-size: 1.1rem;
        margin-bottom: 1.88rem
    }

    #service .service-content .contact_type_wrapper {
        justify-content: space-between
    }

    #service .service-content .contact_type_wrapper .contact_items {
        margin-right: 0%;
        margin-bottom: 1.88rem
    }

    #service .major_wrapper {
        padding: 0 1rem;
        margin-top: 0rem
    }

    #service .major_wrapper .major_title {
        font-size: 1.4rem;
        margin-bottom: 2.25rem;
    }

    #service .major_wrapper .major_groups .major_groups_item .item_wrapper {
        padding-right: 0
    }

    #service .major_wrapper .major_groups .major_groups_item {
        margin-bottom: 1.88rem
    }

    #service .major_wrapper .major_groups .major_groups_item .item_wrapper .item_detail .item_title {
        font-size: 1.2rem
    }

    #service .major_wrapper .major_groups .major_groups_item .item_wrapper .item_index img {
        width: 36px;
        margin-right: 0
    }

    #news .new_lists {
        margin-top: 3.88rem;
    }

    #news .new_lists .new_item .new_item_wrapper {
        padding: 1.5rem;
    }

    #news .new_lists .new_item .new_item_wrapper .new_item_time {
        margin-bottom: 1rem;
    }

    #news .show_more {
        margin: 30px auto;
    }

    #new_detail .detail_wrapper .detail_title {
        font-size: 1.4rem;
        padding-bottom: 1.88rem;
        margin-bottom: 1.88rem
    }

    #new_detail .about_new .about_new_title {
        font-size: 1.4rem;
        margin-bottom: 1.88rem;
        padding-bottom: 1.88rem
    }

    #new_detail .about_new .about_new_wrapper .new_title {
        font-size: 1.2rem
    }

    #product_detail .product_pic {
        padding: 1.94rem 0
    }

    #product_detail .product_pic .pic_content .pic_left {
        padding-top: 1.88rem;
        padding-right: 1.75rem
    }

    #product_detail .product_pic .pic_content .pic_left .pic_left_content .product_name {
        font-size: 1.6rem
    }

    #product_detail .product_pic .pic_content .pic_left .pic_left_content .product_desc {
        font-size: 1.1rem
    }

    #product_detail .product_pic .pic_content .pic_left {
        margin-bottom: 1.88rem
    }

    #product_detail .product_pic .pic_content .pic_left .pic_left_content .contact_us {
        padding: .7rem 2.5rem
    }

    #product_detail .detail {
        padding-top: 1.5rem
    }

    #product_detail .section_title {
        font-size: 1.6rem;
        margin-bottom: 1.88rem
    }

    #product_detail .section_title::before {
        display: none
    }

    #product_detail .detail .detail_content {
        padding-bottom: 3.13rem
    }

    #product_detail .more_product {
        padding: 3.13rem 0
    }

    #product .product_banner .banner_title {
        font-size: 1.2rem;
        text-underline-offset: .5rem
    }

    #product .product_banner .banner_classname {
        font-size: 1.1rem;
        margin-bottom: 1.25rem
    }

    #product .product_wrapper .product_list {
        padding-top: 3.13rem
    }

    #product .product_wrapper .product_list .products {
        margin-left: 0
    }

    #product .product_wrapper .product_list .products .product_lists .product_item .item_content .product_info {
        padding: 1rem 1.25rem
    }

    #about .about-certificate {
        padding-bottom: 3.25rem
    }
}