@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;
    }
    .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;
}