/*html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}*/

@media (max-width:1024px) {
    /*.container{
        padding:8rem 0;
       
    }*/
    .phone_hidden {
        display: none !important;
    }

    .container {
        margin: 0 3rem;
    }

    .template1,
    .template2,
    .template4 {
        padding: 8rem 0;
    }

    .template3 {
        padding: 3rem 0;
    }

    .view_more {
        width: 22rem;
        height: 6.5rem;
        line-height: 6.5rem;
        border-radius: 5rem;
        text-align: center;
        color: #fff;
        background: linear-gradient(to bottom, #165BFE, #2E7AFF);
        margin-top: 5rem;
        font-size: 2.5rem;
        border: 1px solid #fff !important;
        margin-right: 2rem;
        display: block;
        text-decoration: none;
    }

    .view_mores {
        background: linear-gradient(180deg, #FAFAFF 0%, #EDF3FF 100%);
        color: #336DF6 !important;
        border: 1px solid #336DF6 !important;
    }
}

@media (min-width:1025px) {
    html {
        overflow-x: hidden;
        min-width: 1200px;
    }

    .main_left .detail_text img {
        width: auto !important;
        max-width: 700px !important;
    }

    .pc_hidden {
        display: none !important;
    }

    .container {
        width: 1200px;
        margin: 0 auto;
    }

    .template1,
    .template2,
    .template4 {
        padding: 140px 0;
    }

    .template3 {
        padding: 110px 0;
    }

    body {
        min-width: 1200px;
    }

    .view_more {
        width: 136px;
        height: 48px;
        line-height: 48px;
        border-radius: 24px;
        text-align: center;
        color: #fff;
        background: linear-gradient(to bottom, #165BFE, #2E7AFF);
        margin-top: 20px;
        font-size: 18px;
        cursor: pointer;
        border: 1px solid #fff !important;
        margin-right: 20px;
        display: block;
        text-decoration: none;
    }

    .view_mores {
        background: linear-gradient(180deg, #FAFAFF 0%, #EDF3FF 100%);
        color: #336DF6 !important;
        border: 1px solid #336DF6 !important;
    }
}

.view_more:hover {
    transition-duration: 0.3s;
    transition-property: box-shadow;
    box-shadow: 0 0 15px #0370e5;
    cursor: pointer;
}

body {
    padding: 0;
    margin: 0;
}

.template1 {
    width: 100%;
    background: linear-gradient(189deg, #E9F2FF 0%, #FFFFFF 100%);
}

.template2 {
    width: 100%;
    background-color: #EFF8FF;
}

.template3 {
    width: 100%;
    background-color: #1D75EB;
}

.template4 {
    width: 100%;
    background-color: #fff;
}

.hidden {
    display: none
}

.overflow {
    overflow-y: hidden;
}