.about_top{display:flex;flex-flow:column nowrap;justify-content: center;align-items: center;gap:20px;height:70vh;color:#fff;text-align:center;background:url(/img/about_top.jpg) no-repeat center/cover;}

.about_top h2{font-size:52px;}
.about_top p{font-size:24px;}

.about_md{display:flex;flex-flow:column nowrap;justify-content:center;gap:10px;padding:80px 0;font-size:20px;text-align:center;}
.about_md h3{margin-bottom:24px;font-size:32px;}



.about_why{padding:80px 0;text-align:center;background:linear-gradient(141deg, #213e02, #0d3346, #152306);}
.about_why .about_why_tit{font-size:40px;color:#fff;}
.about_why .about_why_tit span{display:inline-block;margin:20px 0 0;padding:16px 32px;font-size:42px;color: #181818;background: #9ece4d;border-radius: 50px;}

.about_why .about_why_list{margin-top:60px;overflow:hidden;}
.about_why_track{display:flex;width:max-content;gap:20px;animation: marquee 20s linear infinite;}
.about_why .about_why_li_item{flex:0 0 auto;width:320px;padding:0 10px;}
.about_why .about_why_li_item > div{padding:20px 10px;background:#fff;border-radius:20px;}
.about_why .about_why_li_item span{font-size:60px;}
.about_why .about_why_li_item p{margin-top:10px;font-size:20px;}
@keyframes marquee{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}



.process_top{text-align:center;}
.process_top h2{font-size:42px;}

.process{margin-top:60px;padding:80px 0;background:#f8f8f8;}
.process .process_tit{font-size:28px;text-align:center;}
.process .process_list{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap:36px;margin-top:40px;}
.process .process_li_item{padding:40px;border:1px solid #ddd;border-radius:20px;}
.process .process_li_item span{font-size:22px;font-weight:600;}
.process .process_li_item p{margin-top:16px;font-size:16px;color:#666;line-height:1.4;}


 
.document{margin-top:60px;padding:80px 0;background:#f8f8f8;}
.document .document_tit{font-size:28px;text-align:center;}
.document .document_table{width:100%;border-collapse: collapse;font-size:16px;margin-top:40px;}
.document .document_table thead{background:#223d02;color:#fff;}
.document .document_table thead th{padding:16px 8px;color:inherit;text-align:center;}
.document .document_table thead td{padding:16px 8px;color:inherit;text-align:center;}
.document .document_table tbody th{padding:16px 8px;color:inherit;text-align:center;border:1px solid #ddd;}
.document .document_table tbody td{padding:16px 8px;color:inherit;text-align:center;border:1px solid #ddd;}
.document .document_table tbody td.table_tit{font-weight: 700;border-left: none;background: #eaeaea;}
.document .document_table tbody td.table_txt {font-weight: 600;background: #f6f7f5;}

@media all and (max-width:767px){
  .about_top h2{font-size:36px;}
  .about_top p{font-size:20px;}
  .about_md{font-size:16px;}
  .about_why .about_why_tit{font-size:24px;font-weight:600;}
  .about_why .about_why_tit span{padding: 12px 32px;font-size: 32px;}
  .about_why .about_why_li_item{width:220px;padding:0;}
  .about_why .about_why_li_item span{font-size:42px;}
  .about_why .about_why_li_item p{font-size:16px;}

  .process_top h2{font-size:24px;}
  .process .process_list{grid-template-columns: repeat(2, minmax(0, 1fr));}
}



@media all and (max-width:540px){
  .process .process_list{grid-template-columns: repeat(1, minmax(0, 1fr));}
}