.zhy-prod-hero {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 560px;
    background-color: #f1f3f4;
    position: relative;
    box-sizing: border-box;
    padding: 0 10px;
}
.zhy-prod-hero__bg, .zhy-prod-hero__bg-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.zhy-prod-hero__bg-wrap {
    overflow: hidden;
}
.zhy-prod-hero__bg {
    z-index: 1;
}
.zhy-prod-hero__bg:after, .zhy-prod-hero__bg:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 424px;
    pointer-events: none;
}
.zhy-prod-hero__bg:before {
    right: 50%;
    margin-right: 536px;
    background-image: linear-gradient(270deg, rgba(245, 247, 249, 0) 0, #f1f3f4 50%);
}
.zhy-prod-hero__bg-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: auto 715px;
    background-repeat: no-repeat;
    background-position: top;
}
.zhy-prod-hero__bg:after {
    left: 50%;
    margin-left: 536px;
    background-image: linear-gradient(90deg, rgba(245, 247, 249, 0) 0, #f1f3f4 50%);
}
.zhy-prod-hero__inner {
    z-index: 2;
    position: relative;
    height: 100%;
    margin: 0 auto;
    padding-top: 62px;
    max-width: 1440px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.zhy-prod-hero--with-activity .zhy-prod-hero__inner {
    padding-bottom: 30px;
}
.zhy-prod-hero__seo {
    position: fixed;
    left: 0;
    top: -1px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.zhy-prod-hero__content {
    color: #3d485d;
    margin-top: -6px;
}
.zhy-prod-hero__header {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.zhy-prod-hero__tit {
    font-size: 40px;
    line-height: 52px;
    font-weight: 500;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.zhy-prod-hero__desc {
    font-size: 16px;
    line-height: 28px;
    max-width: 700px;
}
.zhy-prod-hero__btn-group {
    margin-top: 40px;
}
.zhy-btn {
    display: inline-block;
    box-sizing: border-box;
    min-width: 104px;
    height: 36px;
    padding: 0 24px;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background-color: #05d;
    border: 1px solid transparent;
    outline: 0 none;
    cursor: pointer;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
}
.zhy-prod-hero__btn {
    background: #05d;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
    color: #fff;
    min-width: 136px;
    height: 44px;
    font-size: 16px;
    line-height: 42px;
    -webkit-font-smoothing: auto;
    transition: all .3s ease-in-out;
}
.zhy-btn__text {
    color: inherit;
}
.zhy-btn--icon {
    display: inline-flex;
}
.zhy-btn .zhy-btn__icon, .zhy-btn--icon {
    align-items: center;
    justify-content: center;
}
.zhy-prod-hero__btn--white {
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);
    color: #000;
    transition: all .3s ease-in-out;
}
.zhy-prod-hero .zhy-link+.zhy-link, .zhy-prod-hero__btn+.zhy-link, .zhy-prod-hero__btn+.zhy-prod-hero__btn {
    margin-left: 16px;
}
.zhy-btn .zhy-btn__icon, .zhy-btn--icon {
    align-items: center;
    justify-content: center;
}
.zhy-btn .zhy-btn__icon {
    display: flex;
    margin-right: 4px;
    font-size: 16px;
}
.zhy-prod-hero__btn-icon {
    display: block;
    width: 16px;
    height: 16px;
}
.zhy-prod-hero__btn-icon.doc {
    background-image: url(/web/zhyun/images/icon-doc588.svg);
}
.zhy-btn__text {
    color: inherit;
}
.tp-link {
    color: #00a4ff;
    text-decoration: none;
    cursor: pointer;
}
.tp-link--arrow, .tp-link--weak-arrow, .tp-link--white-arrow {
    font-size: 14px;
}
.zhy-link.tp-link {
    color: #05d;
}
.zhy-prod-hero .zhy-link+.zhy-link, .zhy-prod-hero__btn+.zhy-link, .zhy-prod-hero__btn+.zhy-prod-hero__btn {
    margin-left: 16px;
}
.tp-link--arrow:after, .tp-link--weak-arrow:after, .tp-link--white-arrow:after {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 6px;
    overflow: hidden;
    vertical-align: 0;
    background-image: url(/web/zhyun/images/icon-right.svg);
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    content: "";
}
.section {
    width: 100%;
    padding: 80px 0px;
    overflow: hidden;
}
.section-header {
    margin-bottom: 48px;
}
.section-header h1, .section-header h3 {
    font-size: 24px;
    color: #1c1d1f;
    text-align: center;
    font-weight: bold;
    line-height: 1;
}
.section-header p {
    color: #626266;
    line-height: 1;
    text-align: center;
    margin-top: 18px;
    font-size: 14px;
}
.section-header p {
    color: rgb(93, 93, 93);
}
.node-tabs {
    display: flex;
    padding: 0 150px;
    justify-content: center;
}
.node-tabs .tab-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.node-tabs .tab-item--up {
    position: relative;
    font-size: 36px;
    line-height: 1.5em;
    color: var(--nav_register);;
    font-weight: 700;
    display: flex;
}
.node-tabs .tab-item--down {
    margin-top: 10px;
    font-size: 18px;
    color: #8b8d8f;
}
.node-content {
    display:block;
}
.ip-map-fps {
    position: relative;
    margin-top: 60px;
    height: 682px;
    background: url(/web/zhyun/images/proxy/f-m@2.png) no-repeat center;
    background-size: 100% 100%;
}
.ip-map-fps {
    margin-bottom: 30px;
}
.ip-map-fps .case-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
}
.hint {
    color: #8b8d8f;
}
.ip-map-fps .map_state {
    position: absolute;
}
.ip-map-fps .map_state_fps_1 {
    top: 90px;
    left: 140px
}
.county-bottom {
    position: absolute;
    width: 42px;
    height: 14px;
    bottom: -8px;
    left: 47px;
    border-radius: 50%;
}
.circle_box {
    width: 30px;
    height: 30px;
    position: relative;
}
.circle-dian {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    border-radius: 50%;
    background: #2878ff;
    opacity: 0.8;
    z-index: 4;
}
.map_state img{
    width: 120px;
    height: 51.8px;
}
@keyframes circle_outside {
    from {
        opacity: 0;
        transform: scale(0.1, 0.1);
    }
    50% {
        opacity: 0.4;
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}
@keyframes circle_inside {
    from {
        opacity: 0;
        transform: scale(0.1, 0.1);
    }
    50% {
        opacity: 0.4;
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}
.circle-inside {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #2878ff;
    border-radius: 50%;
    opacity: 0.2;
    transition: width 0.5s ease-out;
}
.circle-inside {
    animation: circle_inside 4500ms ease-out 500ms infinite;
}
.circle-outside {
    animation: circle_outside 4500ms ease-out 3250ms infinite;
}
.circle-outside {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2878ff;
    border-radius: 50%;
    opacity: 0.1;
    transition: width 0.5s ease-out;
}
.ip-map-fps .map_state_fps_2 {
    top: 230px;
    left: 260px;
}
.ip-map-fps .map_state_fps_3 {
    top: 280px;
    left: 180px;
}
.ip-map-fps .map_state_fps_4 {
    top: 420px;
    left: 380px;
}
.ip-map-fps .map_state_fps_5 {
    top: 525px;
    left: 320px;
}
.ip-map-fps .map_state_fps_6 {
    top: 180px;
    left: 560px;;
}
.ip-map-fps .map_state_fps_7 {
    top: 500px;
    left: 636px;
}
.ip-map-fps .map_state_fps_8 {
    top: 124px;
    right: 466px;
}
.ip-map-fps .map_state_fps_9 {
    top: 238px;
    right: 440px;
}
.ip-map-fps .map_state_fps_10 {
    top: 323px;
    right: 200px;
}
.ip-map-fps .map_state_fps_11 {
    bottom: 146px;
    right: 150px;
}
.apply .tabs {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 72px auto 20px auto;
    position: relative;
}
.apply .tabs::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #f5f8fd;
    left: 0;
    bottom: -14px;
}
.apply .tab {
    font-size: 20px;
    color: #12141d;
    cursor: pointer;
    transition: background-color .3s;
    position: relative;
}
.tab-line {
    transition: left .3s ease, width .3s ease;
}
.apply .scenario-box {
    position: relative;
    height: 544px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform-style: preserve-3d;
    transition: transform 1s ease;
    margin-top: 68px;
}
.scenario-item {
    position: absolute;
    width: 634px;
    height: 543px;
    transition: transform .6s cubic-bezier(.4, .6, .6, 1), z-index 0s linear 190ms, opacity 0s linear 220ms;
}
.scenario-center {
    z-index: 2;
    transform: translateX(0) scale(1);
    opacity: 1;
    box-shadow: 0 50px 100px -100px rgba(0, 0, 0, .5);
}
.scenario-item {
    display: flex;
    width: 1200px;
}
.scenario-block {
    width: 634px;
    background: #f5f8fd;
    padding: 42px 32px;
    border-radius: 8px;
}
.scenario-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.scenario-title {
    font-size: 28px;
    color: #12141d;
    font-weight: 500;
}
.scenario-desc {
    font-size: 14px;
    color: #6b6d70;
    line-height: 1.5;
}
.scenario-btn {
    width: 144px;
    height: 40px;
    background: linear-gradient(83deg, #2878ff 0, #28d8ff 100%);
    border-radius: 37px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
.scenario-btn::after {
    content: ">";
    display: inline-block;
    width: 13px;
    height: 9px;
    margin-left: 6px;
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.scenario-divider {
    width: 388px;
    border: 1px solid #9ca6b9;
    margin: 26px 0;
}
.scenario-divider {
    border: 1px solid rgb(156 166 185 / 70%);
}
.scenario-func {
    position: relative;
    padding-left: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 212px;
}
.scenario-func::before {
    position: absolute;
    left: 0;
    content: '';
    display: inline-block;
    width: 4px;
    height: 100%;
    background: #eaf4fe;
}
.func-title {
    position: relative;
}
.scenario-func-title-1 {
    font-size: 20px;
    color: #12141d;
    font-weight: 500;
}
.scenario-func-desc-1 {
    font-size: 14px;
    color: #98999b;
    line-height: 21px;
    padding-top: 8px;
}
.scenario-func-title-2 {
    font-size: 18px;
    color: #12141d;
    font-weight: 500;
}
.scenario-func-desc-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 10px;
}
.scenario-box .func-group {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-basis: 46%;
}
.scenario-item img {
    border-radius: 0 8px 8px 0;
}
.scenario-box .func-desc {
    font-size: 14px;
    color: #98999b;
}
.scenario-right {
    z-index: 1;
    transform: translateX(8%) scale(.9);
    opacity: .6;
    cursor: pointer;
    position: relative;
}
.scenario-left {
    z-index: 1;
    transform: translateX(-8%) scale(.9);
    opacity: .6;
    cursor: pointer;
}
.func-group img{
    width: 32px;
}
.func-title::after {
    position: absolute;
    left: -32px;
    content: '';
    display: inline-block;
    width: 4px;
    height: 100%;
    background: #2878ff;
}
.shili_left {
    width: 95%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px auto;
}
.shili_left .left1 {
    width: 24%;
    height: 352px;
    position: relative;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 30px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.35s;
    background: #fff;
    box-shadow: 5px 10px 29px 0 rgba(68, 88, 144, 0.2);
}
.shili_left .left1 .diqiu {
    display: none;
    position: absolute;
    width: 320px;
    height: auto;
    z-index: 3;
    top: 30%;
    right: -25%;
}
.shili_left .left1 .left1_c {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: baseline;
}
.shili_left .left1 .left1_c .des {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}
.shili_left .left1 .left1_c img {
    width: 80px;
    height: auto;
    margin: auto;
    margin-bottom: 30px;
}
.shili_left .left1 .left1_c .hover_imgicon {
    display: none;
}
.shili_left .left1 .left1_c .des p {
    color: #1A1A1A;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150% /* 30px */;
    margin: auto;
    margin-bottom: 20px;
}
.shili_left .left1 .left1_c .des span {
    color: #1A1A1A;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150% /* 24px */;
}
.shili_left .left1:hover {
    background-color: var(--nav_register);
    color: #fff;
}
.shili_left .left1:hover .diqiu {
    display: block;
}
.shili_left .left1:hover .block_imgicon {
    display: none;
}
.shili_left .left1:hover .hover_imgicon {
    display: block;
}
.shili_left .left1:hover .left1_c .des p {
    color: #fff;
}
.shili_left .left1:hover span {
    color: #fff!important;
}
.swiper-pagination-bullet{
    width: auto;
    opacity:1;
    background: transparent!important;
}
.advantage_2 .change_tab {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 44px;
    border-bottom: 1px solid rgba(18, 17, 39, 0.12);
}
.advantage_2 .change_tab .swiper-pagination-bullet {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: rgb(0, 0, 0);
    cursor: pointer;
    position: relative;
    padding: 0px 33px 23px;
    margin: 0px 32px;
}
.advantage_2 .change_tab .swiper-pagination-bullet:first-child {
    margin-left: 0px;
}
.advantage_2 .change_tab .swiper-pagination-bullet .tan_icon{
    margin-right: 8px;
    width: 30px;
    height: 30px;
}
.advantage_2 .change_tab .swiper-pagination-bullet .tan_icon.active {
    display: none;
}
.advantage_2 .change_tab .swiper-pagination-bullet.swiper-pagination-bullet-active .tan_icon{
    display: none;
}
.advantage_2 .change_tab .swiper-pagination-bullet.swiper-pagination-bullet-active .tan_icon.active{
    display: block;
}
.advantage_2 .change_tab .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    content: " ";
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: #d2d7ee;
}
.advantage_2 .change_tab .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    content: " ";
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    animation: ad_width-eec36f22 8s linear forwards;
    background: var(--nav_register);
}
@keyframes ad_width-eec36f22{0%{width:0}to{width:100%}}
.advantage_2 .tab_cont {
    width: 100%;
    height: 410px;
    margin-top: 55px;
    display: flex;
    justify-content: space-between;
}
.advantage_2 .tab_cont .tc_r .tc_ul .tc_li i{
    background: url(/web/zhyun/images/proxy/tc_li_icon.svg) no-repeat 50%;
    box-shadow: 0 5px 20px 0 rgba(144, 158, 209, .58);
    width: 18px;
    height: 18px;
    position: absolute;
    border-radius: 20px;
    top: 50%;
    transform: translateY(-50%);
    left: -6px;
}
.advantage_2 .tab_cont .tc_l {
    width: 33.54%;
    margin-left: 37px;
}
.advantage_2 .tab_cont .tc_r {
    width: 41.616%;
    margin-right: 105px;
    padding-top: 33px;
}
.advantage_2 .tab_cont .tc_r .tc_txt {
    font-size: 20px;
    color: #141718;
    line-height: 30px;
}
.advantage_2 .tab_cont .tc_r .tc_ul{
    margin-top: 37px;
}
.advantage_2 .tab_cont .tc_r .tc_ul .tc_li {
    font-size: 16px;
    color: #414344;
    position: relative;
    margin-bottom: 10px;
    padding-left: 27px;
}
.advantage_2 .tab_cont .tc_r .know_more{
    margin-top: 48px;
    width: 170px;
    height: 48px;
    background: #1a73e8;
    border-radius: 25px;
    text-align: center;
    line-height: 48px;
    font-size: 18px;
    color: #fff;
    display: block;
    cursor: pointer;
}
@keyframes  tab_active_r-eec36f22{0%{transform:translateX(-150px);opacity:0}to{transform:translateX(0);opacity:1}}
.advantage_2 .tab_cont.swiper-slide-active {
    display: flex;
    animation: tab_active_r-eec36f22 .3s linear forwards;
}