﻿/* 2025.5.14希腊首页-start */
/* 公共板块修改-start */
:root{
    --main-color: #002768;
}
.mfbl_info p{
    opacity: 0.5;
    color: #fff;
}
.mod_foot {
    background-color: var(--main-color);
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.mod_foot_info_li span{
    color: #fff;
    font-size: inherit;
    line-height: inherit;
}
.mod_foot_info_li p{
    color: #fff;
}
.mod_foot_info {
    border-bottom: 1px solid rgba(255,255,255,.2);
    padding-right: 0 !important;
    align-items: center;
}
.mod_foot_nav_tp a{
    color: #fff;
}
.mod_foot_nav_bt a {
    color: #DDDDDD;
}
.mfbl_link a{
    color: #fff;
}
.mfbl_link li::after {
    background: #fff;
}
.mfbr_select .ys_select_hd{
    border: 1px solid rgba(255,255,255,.5);
}
.mod_foot_bg{
    width: 100%;
    z-index: -1;
}
.mod_foot_bg img{
    width: 100%;
}
.mod_foot_bt{
    padding-top: 0;
    padding-bottom: 124px;
}
.home_explore_bg_nub img, .home_core_zhan_bg img, .hwbu_li_cont_img img, .home_future_video img, .hnlu_li_img img, .heci_img img {
    height: auto;
}
.mod_foot_nav_ul {
    padding-right: 98px;
}
.home_title span {
    position: relative;
    z-index: 1;
}
.home_title_box svg {
    width: 184px;
    height: auto;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: -1;
}
.std_btn2_box p{
    color: #333;
}
.std_btn2_box {
    border: 1px solid #000;
}
.std_btn2_box::after{
    background: var(--main-color);
}
.home_core{
    background: var(--main-color);
}
.home_add_bg1{
    width: 100%;
    top: 0;
}
.home_add_bg1 img{
    width: 100%;
}
.home_add_bg2{
    width: 100%;
    top: 380px;
    z-index: 4;
}
.home_add_bg2 img{
    width: 100%;
}
.home_provide .home_title_box svg,
.home_offer_wrap .home_title_box svg {
    width: 220px;
}
.home_new .home_title_box svg {
    width: 273px;
    right: -10px;
}
.home_offer{
    position: relative;
}
.home_offer_bg{
    width: 100%;
}
.home_offer_bg img{
    width: 100%;
}
.home_offer_wrap{
    background: var(--main-color);
    padding-top: 88px;
}
.home_offer_wrap .home_title{
    text-align: center;
    margin-bottom: 43px;
}
.home_offer_wrap h2{
    color: #fff;
}
.home_offer_wrap_parga{
    width: 41%;
    margin: auto;
    position: relative;
}
.home_offer_wrap_parga p{
    color: #fff;
    text-align: center;
}
.home_offer_wrap_svg{
    width: 100%;
    transition: all .36s;
    opacity: 0;
    margin-top: 20px;
}
.home_offer_wrap_svg svg{
    width: 100%;
    height: auto;
}
.home_offer_wrap_svg.act{
    opacity: 1;
}

.home_explore{
    padding-bottom: 155px;
}
.howp_bg{
    width: 106px;
    position: absolute;
    top: 0;
    left: -156px;
}
.howp_bg img{
    width: 100%;
}
.mod_foot_nav_ul{
    padding-right: 0 !important;
}
.hnlu_li_img {
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
}
.hnlu_li_img_lab {
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    text-align: center;
    border-radius: 20px 0px;
}
.hnlu_li:nth-child(3n+1) .hnlu_li_img_lab {
    background: var(--main-color);
}
.hnlu_li:nth-child(3n+2) .hnlu_li_img_lab {
    background: #F02C2E;
}
.hnlu_li:nth-child(3n+3) .hnlu_li_img_lab {
    background: #FE0058;
}
.hlil_text p {
    color: #fff;
    padding: 8px 20px;
}
.home_new .home_title {
    margin-bottom: 88px;
}
.home_main .home_title {
    text-align: center;
}
/* 公共板块修改-end */

.home_explore_btn::before {
    background: #F02C2E;
    width: 70px;
}
.mod_foot_bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.mod_foot_bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home_why .home_title_box,
.home_new .home_title_box,
.home_provide .home_title_box,
.home_add_le .home_title_box{
    display: inline-block;
    position: relative;
    z-index: 1;
}
.home_title_box_bg{
    width: 300px;
    position: absolute;
    bottom: -18px;
    right: -90px;
    z-index: -1;
}
.home_title_box_bg img{
    width: 100%;
}
.home_new{
    position: relative;
    z-index: 5;
    padding-top: 16px;
    padding-bottom: 130px;
    background: rgba(242, 243, 244, .8);
}
.home_add_bg{
    width: 100%;
}
.home_add img{
    width: 100%;
}
.home_add_le{
    width: 28%;
}
.home_add_ri{
    width: 72%;
    padding-left: 175px;
}
.home_add .ys_cont1440{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    position: absolute;
    top: 180px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}
.home_add_le .home_title_box_bg {
    right: -32px;
}
.home_add_le .home_title {
    text-align: left;
}
.home_add_le_btn{
    margin-top: 57px;
}
.home_add_ri_data{
    margin-top: 60px;
}
.home_info_le_data {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.hild_li {
    max-width: 215px;
}
.hild_li_num {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    font-family: 'poppinssemibold';
    margin-bottom: 4px;
}
.hild_li_num span {
    font-size: 50px;
}
.home_add{
    position: relative;
}
.home_provide .home_title {
    text-align: left;
}
.home_provide .home_title_box_bg {
    right: -60px;
}
.home_provide_text_bt{
    position: relative;
    z-index: 1;
    margin-top: 62px;
}
.hptb_bg{
    width: calc(100% + 220px);
    height: 100%;
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.hptb_bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hptb_parga{
    padding-top: 96px;
    padding-bottom: 124px;
    width: 27%;
}
.hptb_parga p{
    color: #fff;
}
.home_provide_card_wrap{
    width: 64%;
    margin-left: 36%;
}
.hpcw_ul_li{
    width: 50%;
    padding: 0 20px;
    margin-top: 40px;
}
.hpcw_ul_li:nth-child(1),
.hpcw_ul_li:nth-child(2){
    margin-top: 0;
}
.hpcw_ul{
    display: flex;
    margin: 0 -20px;
    flex-wrap: wrap;
}
.hpcw_ul_li a{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: #FFF;
    box-shadow: 0px -4px 10px 0px rgba(80, 164, 255, 0.05), 0px 41.778px 33.422px 0px rgba(29, 86, 185, 0.05), 0px 22.336px 17.869px 0px rgba(29, 86, 185, 0.04), 0px 12.522px 10.017px 0px rgba(29, 86, 185, 0.04), 0px 6.65px 5.32px 0px rgba(29, 86, 185, 0.03), 0px 2.767px 2.214px 0px rgba(29, 86, 185, 0.02);
}
.hpcw_ul_li_text{
    padding: 40px 40px 46px;
}
.hpcw_ul_li_text .std_title24{
    color: #333;
}
.hult_parga{
    margin-top: 24px;
}
.hult_btn{
    margin-top: 40px;
}
.hult_btn.std_btn1 p {
    font-size: 16px;
    color: #333;
}
.hpcw_ul_li:nth-child(2n){
    transform: translateY(135px);
}
.home_provide_text {
    padding-top: 150px;
    position: sticky;
    top: 80px;
}
.home-html,
.home-html body{
    overflow: inherit !important;
}
.home_provide_card{
    padding-bottom: 285px;
}
.home_explore{
    overflow: hidden;
}
.home_provide_card.empty{
    padding-bottom: 135px;
}
.home_provide{
    position: relative;
    z-index: 1;
    padding-bottom: 510px;
}
.home_provide_bg{
    width: 100%;
    height: calc(100vh - 80px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.home_provide_bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home_provide.fixed .home_provide_bg{
    position: fixed;
    top: 80px;
    left: 0;
}
.home_provide.notfixed .home_provide_bg{
    position: absolute;
    top: auto !important;
    bottom: 0;
}
.home_why{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.home_why_img{
    width: 1200px;
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100vh - 80px);
    display: flex;
    align-items: center;
    pointer-events: none;
}
.home_why_text{
    width: 58%;
    padding-left: 120px;
    padding-top: 185px;
    padding-bottom: 384px;
}
.home_why_bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.home_why_bg img{
    width: 100%;
    height: 140%;
    object-fit: cover;
    margin-top: -20%;
}
.home_why .std_title2{
    color: #fff;
}
.home_why .home_title {
    text-align: left;
}
.hwtt_parga p{
    color: #fff;
}
.hwtt_parga{
    margin-top: 40px;
}
.home_why .home_title_box_bg {
    width: 300px;
    position: absolute;
    bottom: -6px;
    right: -145px;
    z-index: -1;
}
.home_why_text_list{
    margin-top: 130px;
    padding-left: 130px;
}
.hwtl_li_tit{
    color: #fff;
}
.hwtl_li_parga{
    margin-top: 32px;
}
.hwtl_li_parga p{
    color: #fff;
}
.hwtl_li_bt{
    margin-top: 56px;
}
.hwtl_li_bt .std_btn1{
    margin-bottom: 23px;
}
.hwtl_li_bt .std_btn1:last-child{
    margin-bottom: 0;
}
.hwtl_li{
    padding-top: 268px;
}
.hwtl_li:first-child{
    padding-top: 0;
}
.hwtl_li_img{
    width: 100%;
    display: none;
}
.hwtl_li_img img{
    width: 100%;
}
.hwic_list_li{
    border-radius: 50%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    width: 100%;
}
.hwic_list_li img{
    width: 100%;
}
.hwic_list_li{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: all .36s;
}
.hwic_list_li.act{
    opacity: 1;
    pointer-events: all;
    position: relative;
}
.home_why .ys_cont1200{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-end;
    position: relative;
}
.home_why_text_tit{
    padding-right: 66px;
}
.home_why.isfixed .home_why_img{
    position: fixed;
    top: 80px;
    left: calc(50% - 600px);
}
.home_why.notfixed .home_why_img{
    position: absolute;
    top: auto !important;
    bottom: 0;
    left: 0;
}
.home_why_img_cont{
    position: relative;
    z-index: 1;
    width: 42%;
}
.home_why .home_core_zhan1_circle {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
}
.home_why .home_core_zhan2_circle::before, 
.home_why .home_core_zhan1_circle::before, 
.home_why .hczc_circle::before {
    background: rgba(116, 208, 222, 0.04);
}
.home_why .home_core_zhan2_circle::after, 
.home_why .home_core_zhan1_circle::after, 
.home_why .hczc_circle::after {
    background: rgba(116, 208, 222, 0.03);
}
.home_why_svg{
    width: 133px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.home_why_svg svg{
    width: 100%;
    height: auto;
}
.home_why_svg_line{
    width: 30px;
    height: 1px;
    background: #74D0DE;
    box-shadow: 0px 0px 5px 0px #74D0DE;
    filter: blur(2px);
    position: absolute;
    top: -0.5px;
    left: -15px;
}
@keyframes animation-line {
    0% {
        stroke-dashoffset: 9350px;
        stroke-dasharray: 0px 4675px;
    }
    10%{
        stroke-dasharray: 1000px 3675px;
    }
    100% {
        stroke-dashoffset: 4675px;
        stroke-dasharray: 0 4675px;
    }
}
.hesc_line path{
    stroke-dashoffset: 9350px;
    stroke-dasharray: 4675px;
    animation: animation-line 5s forwards infinite;
}
.hesc_line path:nth-child(2){
    filter: drop-shadow(0px 0px 5px #74D0DE) blur(2px);
}
.home_explore_svg {
    width: 1920px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1920px;
}
.home_explore_svg_cont{
    width: 130%;
    position: absolute;
    top: -300%;
    right: -31%;
}
.home_explore_svg img{
    width: 100%;
}
.hesc_line{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.hesc_line svg{
    width: 100%;
    height: auto;
}
.mod_foot_nav_bt>ul{
    max-width: 212px;
}
.home_explore_imgs{
    width: 100%;
    height: 470px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {

}
/* 2025.5.14希腊首页-end */


