.pc {display: block}          
.mo {display: none}          

@media screen and (max-width: 960px) {
    
  .pc {display: none}          
.mo {display: block}          
  
}



.inner_box {
              width: 100%;
              height: 100%;
    
              position: relative;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              color: aliceblue
          }

          .inner_box .tit {
              font-size: 80px;
              font-weight: bolder;
              display: block
          }

          .inner_box .tit02 {
              font-size: 60px;
              font-weight: bolder;
              display: block;
              padding-top: 0%;
          }

          .inner_box .s_tit {
              font-size: 30px;
              font-weight: 400;
              display: block
          }

          .inner_box .content {
              font-size: 18px;
              font-weight: 400;
              display: block;
              text-align: center;
              line-height: 30px;
          }


@media screen and (max-width: 960px) {
    
     .inner_box .tit {
           font-size: 50px;
    }
    
       .inner_box .s_tit {
            font-size: 24px;
    }
    
    
      .inner_box .content {
           font-size: 16px;
    }
    
    
       .inner_box .tit02 {
           padding-top: 10%;
           font-size: 40px; 
    }
    
    
    
}


          .service_box {
              position: relative;
              width: 60%;
          }


       .service_box .service_item {
              float: left;
              width: 33%;
              padding: 10px;
           
          }


       .service_box .service_item img {
              
              width: 100%;
              
           
          }






@media screen and (max-width: 960px) {
            .service_box {
              width: 100%;
                padding-top: 35px
          }
  
    
    
    
          .service_box .service_item {
              float: left;
              width: 100%;
              padding: 10px;
           
          }


          .service_box .service_item .img_box {
              width: 30%; float: left;
}

          .service_box .service_item .img_box img {
              width: 100%;
}

          .service_box .service_item .content_box {
              width: 68%; float: left; padding-left: 25px;
}




          .service_box .service_item img {
              width: 45%;
              border-radius: 3px;
              
          }

    .service_box .service_item .tit {font-size: 22px; font-weight: bpld; padding: 15px 0px;}
    
    
    
}






.service_box .service_item .tit {font-size: 22px; font-weight: bpld; padding: 15px 0px;}

.service_box .service_item .content {font-size: 18px; padding: 0px 0px; text-align: left;               line-height: 22px;}





@media screen and (max-width: 993px) {
    
    .service_box .service_item .tit {font-size: 16px;}
    
    .service_box .service_item .content {font-size: 14px; }


    

}