@charset "utf-8";


@keyframes arrowGoRight {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  50% {
    opacity: 0;
    transform: translate(1.5rem) scale(1.1);
  }
  51% {
    opacity: 0;
    transform: translate(-1.5rem) scale(1.1);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
 
html {
  font-size: 10px;
}
@media screen and (max-width: 1650px) {
  html {
    font-size: 9.375px;
  }
}
@media screen and (max-width: 1360px) {
  html {
    font-size: 8.75px;
  }
}
@media screen and (max-width: 1180px) {
  html {
    font-size: 9.375px;
  }
}
.inner {
  width: 75%;
  margin: 0 auto;
}
@media screen and (max-width: 1650px) {
  .inner {
    width: 80%;
  }
}
@media screen and (max-width: 1366px) {
  .inner {
    width: 84%;
  }
}
@media screen and (max-width: 1280px) {
  .inner {
    width: 90%;
  }
}
 
 
.fw500 {
  font-weight: 500;
}
.co1 {
  color: #104CC7;
}
.c00 {
  color: #000000;
}
.c16 {
  color: #161616;
}
 
.pt120 {padding-top: 12rem;}
.pb120 {padding-bottom: 12rem;}
.pt110 {padding-top: 11rem;}
.pb110 {padding-bottom: 11rem;}
.pt100 {padding-top: 10rem;}
.pb100 {padding-bottom: 10rem;}
.pt90 {padding-top: 9rem;}
.pb90 {padding-bottom: 9rem;}
.pt80 {padding-top: 8rem;}
.pb80 {padding-bottom: 8rem;}
.pt70 {padding-top: 7rem;}
.pb70 {padding-bottom: 7rem;}
.pt60 {padding-top: 6rem;}
.pb60 {padding-bottom: 6rem;}
.pt50 {padding-top: 5rem;}
.pb50 {padding-bottom: 5rem;}
.pt40 {padding-top: 4rem;}
.pb35 {padding-bottom: 3.5rem;}
.pb40 {padding-bottom: 4rem;}
.mb50 {margin-bottom: 5rem;}
.mb45 {margin-bottom: 4.5rem;}
.mb40 {margin-bottom: 4rem;}
.mb35 {margin-bottom: 3.5rem;}
.mb30 {margin-bottom: 3rem;}
.mb25 {margin-bottom: 2.5rem;}
.mb15 {margin-bottom: 1.5rem;}
.mb10 {margin-bottom: 1rem;}


@media screen and (max-width: 1441px) {
  .f16 {
    font-size: 15px;
  }
}
@media screen and (max-width: 1260px) {
  .f16 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1180px) {
  .f16 {font-size: 14px;}
  .pt120 {padding-top: 9rem;}
  .pb120 {padding-bottom: 9rem;}
  .pt110 {padding-top: 8rem;}
  .pb110 {padding-bottom: 8rem;}
  .pt100 {padding-top: 7rem;}
  .pb100 {padding-bottom: 7rem;}
  .pt90 {padding-top: 6rem;}
  .pb90 {padding-bottom: 6rem;}
  .pt80 {padding-top: 5rem;}
  .pb80 {padding-bottom: 5rem;}
  .pt70 {padding-top: 4.5rem;}
  .pb70 {padding-bottom: 4.5rem;}
  .pt60 {padding-top: 4.5rem;}
  .pb60 {padding-bottom: 4.5rem;}
  .pt50 {padding-top: 4rem;}
  .pb50 {padding-bottom: 4rem;}
  .pt40 {padding-top: 3.5rem;}
  .pb40 {padding-bottom: 3.5rem;}
  .pb35 {padding-bottom: 3rem;}
  .mb50 {margin-bottom: 4rem;}
  .mb45 {margin-bottom: 4rem;}
  .mb40 {margin-bottom: 3.5rem;}
  .mb35 {margin-bottom: 3rem;}
  .mb25 {margin-bottom: 2rem;}
  .mb15 {margin-bottom: 1rem;}
}
@media screen and (max-width: 640px) {
 
  .f15 {
    font-size: 13px;
  }

  .pt120 {
    padding-top: 6rem;
  }
  .pb120 {
    padding-bottom: 6rem;
  }
  .pt110 {
    padding-top: 6rem;
  }
  .pb110 {
    padding-bottom: 6rem;
  }
  .pt100 {
    padding-top: 5.5rem;
  }
  .pb100 {
    padding-bottom: 5.5rem;
  }
  .pt90 {
    padding-top: 5rem;
  }
  .pb90 {
    padding-bottom: 5rem;
  }
  .pt80 {
    padding-top: 4.5rem;
  }
  .pb80 {
    padding-bottom: 4.5rem;
  }
  .pt70 {
    padding-top: 4.5rem;
  }
  .pb70 {
    padding-bottom: 4.5rem;
  }
  .pt60 {
    padding-top: 4rem;
  }
  .pb60 {
    padding-bottom: 4rem;
  }
  .pt50 {
    padding-top: 3rem;
  }
  .pb50 {
    padding-bottom: 3rem;
  }
  .pt40 {
    padding-top: 3rem;
  }
  .pb40 {
    padding-bottom: 3rem;
  }
  .pb35 {
    padding-bottom: 2rem;
  }
  .mb50 {
    margin-bottom: 4rem;
  }
  .mb45 {
    margin-bottom: 4rem;
  }
  .mb40 {
    margin-bottom: 3.5rem;
  }
  .mb35 {
    margin-bottom: 2rem;
  }
  .mb25 {
    margin-bottom: 1.5rem;
  }
  .mb15 {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 1441px) {
  .f16 {
    font-size: 1.6rem;
  }
  .f17 {
    font-size: 1.7rem;
  }
  .f18 {
    font-size: 1.8rem;
  }
  .f19 {
    font-size: 1.9rem;
  }
  .f20 {
    font-size: 2rem;
  }
  .f21 {
    font-size: 2.1rem;
  }
  .f22 {
    font-size: 2.2rem;
  }
  .f23 {
    font-size: 2.3rem;
  }
  .f24 {
    font-size: 2.4rem;
  }
  .f25 {
    font-size: 2.5rem;
  }
  .f26 {
    font-size: 2.6rem;
  }
  .f27 {
    font-size: 2.7rem;
  }
  .f28 {
    font-size: 2.8rem;
  }
  .f29 {
    font-size: 2.9rem;
  }
  .f30 {
    font-size: 3rem;
  }
  .f31 {
    font-size: 3.1rem;
  }
  .f32 {
    font-size: 3.2rem;
  }
  .f33 {
    font-size: 3.3rem;
  }
  .f34 {
    font-size: 3.4rem;
  }
  .f35 {
    font-size: 3.5rem;
  }
  .f36 {
    font-size: 3.6rem;
  }
  .f37 {
    font-size: 3.7rem;
  }
  .f38 {
    font-size: 3.8rem;
  }
  .f39 {
    font-size: 3.9rem;
  }
  .f40 {
    font-size: 4rem;
  }
  .f41 {
    font-size: 4.1rem;
  }
  .f42 {
    font-size: 4.2rem;
  }
  .f43 {
    font-size: 4.3rem;
  }
  .f44 {
    font-size: 4.4rem;
  }
  .f45 {
    font-size: 4.5rem;
  }
  .f46 {
    font-size: 4.6rem;
  }
  .f47 {
    font-size: 4.7rem;
  }
  .f48 {
    font-size: 4.8rem;
  }
  .f49 {
    font-size: 4.9rem;
  }
  .f50 {
    font-size: 5rem;
  }
  .f51 {
    font-size: 5.1rem;
  }
  .f52 {
    font-size: 5.2rem;
  }
  .f53 {
    font-size: 5.3rem;
  }
  .f54 {
    font-size: 5.4rem;
  }
  .f55 {
    font-size: 5.5rem;
  }
  .f56 {
    font-size: 5.6rem;
  }
  .f57 {
    font-size: 5.7rem;
  }
  .f58 {
    font-size: 5.8rem;
  }
  .f59 {
    font-size: 5.9rem;
  }
  .f70 {
    font-size: 7rem;
  }

 
}
@media screen and (min-width: 1181px) and (max-width: 1440px) {
  .f31 {
    font-size: 2.69565217rem;
  }
  .f32 {
    font-size: 2.7826087rem;
  }
  .f33 {
    font-size: 2.86956522rem;
  }
  .f34 {
    font-size: 2.95652174rem;
  }
  .f35 {
    font-size: 3.04347826rem;
  }
  .f36 {
    font-size: 3.13043478rem;
  }
  .f37 {
    font-size: 3.2173913rem;
  }
  .f38 {
    font-size: 3.30434783rem;
  }
  .f39 {
    font-size: 3.39130435rem;
  }
  .f40 {
    font-size: 3.47826087rem;
  }
  .f41 {
    font-size: 3.56521739rem;
  }
  .f42 {
    font-size: 3.65217391rem;
  }
  .f43 {
    font-size: 3.73913043rem;
  }
  .f44 {
    font-size: 3.82608696rem;
  }
  .f45 {
    font-size: 3.91304348rem;
  }
  .f46 {
    font-size: 4rem;
  }
  .f47 {
    font-size: 4.08695652rem;
  }
  .f48 {
    font-size: 4.17391304rem;
  }
  .f49 {
    font-size: 4.26086957rem;
  }
  .f50 {
    font-size: 4.34782609rem;
  }
  .f51 {
    font-size: 4.43478261rem;
  }
  .f52 {
    font-size: 4.52173913rem;
  }
  .f53 {
    font-size: 4.60869565rem;
  }
  .f54 {
    font-size: 4.69565217rem;
  }
  .f55 {
    font-size: 4.7826087rem;
  }
  .f56 {
    font-size: 4.86956522rem;
  }
  .f57 {
    font-size: 4.95652174rem;
  }
  .f58 {
    font-size: 5.04347826rem;
  }
  .f59 {
    font-size: 5.13043478rem;
  }
  .f70 {
    font-size: 6.08695652rem;
  }
  .f17 {
    font-size: 1.57407407rem;
  }
  .f18 {
    font-size: 1.66666667rem;
  }
  .f19 {
    font-size: 1.75925926rem;
  }
  .f20 {
    font-size: 1.85185185rem;
  }
  .f21 {
    font-size: 1.94444444rem;
  }
  .f22 {
    font-size: 2.03703704rem;
  }
  .f23 {
    font-size: 2.12962963rem;
  }
  .f24 {
    font-size: 2.22222222rem;
  }
  .f25 {
    font-size: 2.31481481rem;
  }
  .f26 {
    font-size: 2.40740741rem;
  }
  .f27 {
    font-size: 2.5rem;
  }
  .f28 {
    font-size: 2.59259259rem;
  }
  .f29 {
    font-size: 2.68518519rem;
  }
  .f30 {
    font-size: 2.77777778rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1180px) {
  .fp12 {
    font-size: 1.2rem;
  }
  .fp13 {
    font-size: 1.3rem;
  }
  .fp14 {
    font-size: 1.4rem;
  }
  .fp15 {
    font-size: 1.5rem;
  }
  .fp16 {
    font-size: 1.6rem;
  }
  .fp17 {
    font-size: 1.7rem;
  }
  .fp18 {
    font-size: 1.8rem;
  }
  .fp19 {
    font-size: 1.9rem;
  }
  .fp20 {
    font-size: 2rem;
  }
  .fp21 {
    font-size: 2.1rem;
  }
  .fp22 {
    font-size: 2.2rem;
  }
  .fp23 {
    font-size: 2.3rem;
  }
  .fp24 {
    font-size: 2.4rem;
  }
  .fp25 {
    font-size: 2.5rem;
  }
  .fp26 {
    font-size: 2.6rem;
  }
  .fp27 {
    font-size: 2.7rem;
  }
  .fp28 {
    font-size: 2.8rem;
  }
  .fp29 {
    font-size: 2.9rem;
  }
  .fp30 {
    font-size: 3rem;
  }
  .fp31 {
    font-size: 3.1rem;
  }
  .fp32 {
    font-size: 3.2rem;
  }
  .fp33 {
    font-size: 3.3rem;
  }
  .fp34 {
    font-size: 3.4rem;
  }
  .fp35 {
    font-size: 3.5rem;
  }
  .fp36 {
    font-size: 3.6rem;
  }
  .fp37 {
    font-size: 3.7rem;
  }
  .fp38 {
    font-size: 3.8rem;
  }
  .fp39 {
    font-size: 3.9rem;
  }
  .fp40 {
    font-size: 4rem;
  }
  .fp41 {
    font-size: 4.1rem;
  }
  .fp42 {
    font-size: 4.2rem;
  }
  .fp43 {
    font-size: 4.3rem;
  }
  .fp44 {
    font-size: 4.4rem;
  }
  .fp45 {
    font-size: 4.5rem;
  }
  .fp46 {
    font-size: 4.6rem;
  }
  .fp47 {
    font-size: 4.7rem;
  }
  .fp48 {
    font-size: 4.8rem;
  }
  .fp49 {
    font-size: 4.9rem;
  }
 
}
@media screen and (min-width: 0px) and (max-width: 640px) {
  .fw12 {
    font-size: 1.2rem;
  }
  .fw13 {
    font-size: 1.3rem;
  }
  .fw14 {
    font-size: 1.4rem;
  }
  .fw15 {
    font-size: 1.5rem;
  }
  .fw16 {
    font-size: 1.6rem;
  }
  .fw17 {
    font-size: 1.7rem;
  }
  .fw18 {
    font-size: 1.8rem;
  }
  .fw19 {
    font-size: 1.9rem;
  }
  .fw20 {
    font-size: 2rem;
  }
  .fw21 {
    font-size: 2.1rem;
  }
  .fw22 {
    font-size: 2.2rem;
  }
  .fw23 {
    font-size: 2.3rem;
  }
  .fw24 {
    font-size: 2.4rem;
  }
  .fw25 {
    font-size: 2.5rem;
  }
  .fw26 {
    font-size: 2.6rem;
  }
  .fw27 {
    font-size: 2.7rem;
  }
  .fw28 {
    font-size: 2.8rem;
  }
  .fw29 {
    font-size: 2.9rem;
  }
  .fw30 {
    font-size: 3rem;
  }
  .fw31 {
    font-size: 3.1rem;
  }
  .fw32 {
    font-size: 3.2rem;
  }
  .fw33 {
    font-size: 3.3rem;
  }
  .fw34 {
    font-size: 3.4rem;
  }
  .fw35 {
    font-size: 3.5rem;
  }
  .fw36 {
    font-size: 3.6rem;
  }
  .fw37 {
    font-size: 3.7rem;
  }
  .fw38 {
    font-size: 3.8rem;
  }
  .fw39 {
    font-size: 3.9rem;
  }
 
  .fw50 {
    font-size: 5rem;
  }
 
 
 
}
@media screen and (min-width: 0px) {
  [show-psimg] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  [show-primg] {
    display: flex;
    height: 100%;
  }
  [show-img] {
    opacity: 0;
    transform: scale(1.1);
    transition: transform 1s ease, opacity 0.8s ease;
  }
  [show-img2] {
    transform: scale(1.1);
    transition: 1s cubic-bezier(0.44, 0.43, 0.25, 0.92);
  }
  .action [show-img] {
    opacity: 1;
    transform: initial;
  }
  .action [show-img2] {
    transform: initial;
  }
  [show-opacity],
  [show-opacityD] {
    opacity: 0;
    transition: opacity 0.8s ease;
  }
  [show-scale50],
  [show-scale50D] {
    opacity: 0;
    transform: scale(0.5);
    transition: transform 1s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.8s ease 0.3s;
  }
  [show-scale90],
  [show-scale90D] {
    opacity: 0;
    transform: scale(0.9);
    transition: transform 1s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.8s ease 0.3s;
  }
  [show-text],
  [show-textD] {
    opacity: 0;
    transform: translateY(25px);
    transition: transform 1s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.8s ease 0.3s;
  }
  [show-text2],
  [show-textD2] {
    opacity: 0;
    transform: translateY(10%);
    transition: transform 1s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.8s ease 0.3s;
  }
  [show-text-F] {
    opacity: 0;
    transform: translateY(25px);
    filter: blur(5px);
    transition: 1s cubic-bezier(0.33, 1, 0.68, 1);
  }
  [show-text-skew],
  [show-text-skewD] {
    opacity: 0;
    transform: translateY(25%) skew(15deg);
    transition: 1s cubic-bezier(0.33, 1, 0.68, 1);
  }
  [show-text-skew2],
  [show-text-skew2D] {
    opacity: 0;
    transform: translateY(15%) skew(5deg);
    transition: 1s cubic-bezier(0.33, 1, 0.68, 1);
  }
  [show-textL],
  [show-textDL] {
    opacity: 0;
    transform: translateX(25px);
    transition: transform 1s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.8s ease 0.3s;
  }
  [show-textR],
  [show-textDR] {
    opacity: 0;
    transform: translateX(-25px);
    transition: transform 1s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.8s ease 0.3s;
  }
  .action [show-opacity],
  .action[show-opacityD] {
    opacity: 1;
  }
  .action [show-text],
  .action[show-textD],
  .action [show-text2],
  .action[show-textD2] {
    opacity: 1;
    transform: translateY(0);
  }
  .action [show-text-F] {
    filter: blur(0);
    opacity: 1;
    transform: translateY(0);
  }
  .action [show-text-skew],
  .action[show-text-skewD],
  .action [show-text-skew2],
  .action[show-text-skew2D] {
    opacity: 1;
    transform: translateY(0) skew(0);
  }
  .action [show-textL],
  .action[show-textDL],
  .action [show-textR],
  .action[show-textDR] {
    opacity: 1;
    transform: translateX(0);
  }
  .action [show-scale50],
  .action[show-scale50D],
  .action [show-scale90],
  .action[show-scale90D] {
    opacity: 1;
    transform: inherit;
  }
  [pbanner-img] {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    transform-origin: center bottom;
    opacity: 0.1;
    transition: 2s;
    -webkit-transition: 2s;
  }
  .action [pbanner-img] {
    transform: inherit;
    -webkit-transform: inherit;
    opacity: 1;
  }
  [show-scaleX] {
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    opacity: 0;
    transition: transform 1s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
  }
  .action [show-scaleX] {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    opacity: 1;
  }
  [show-imgskewX] {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: #e5e1da;
    width: 100%;
    height: 100%;
    z-index: 2;
    transform: scale(1.2) skewX(-20deg);
    transform-origin: right bottom;
    animation: picBefore 1000ms 200ms cubic-bezier(0.65, 0, 0.35, 1) forwards;
  }
  @keyframes picBefore {
    0% {width: 100%;}100% {width: 0;}
  }
  @keyframes fadeInUpSkew {
    from {opacity: 0;transform: translateY(50px) skew(15deg);}to {opacity: 1;transform: translateY(0) skew(0);}
  }
  .dly10 {transition-delay: 1s;-webkit-transition-delay: 1s;}
  .dly9 {transition-delay: 0.9s;-webkit-transition-delay: 0.9s;}
  .dly8 {transition-delay: 0.8s;-webkit-transition-delay: 0.8s;}
  .dly7 {transition-delay: 0.7s;-webkit-transition-delay: 0.7s;}
  .dly6 {transition-delay: 0.6s;-webkit-transition-delay: 0.6s;}
  .dly5 {transition-delay: 0.5s;-webkit-transition-delay: 0.5s;}
  .dly4 {transition-delay: 0.4s;-webkit-transition-delay: 0.4s;}
  .dly3 {transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
  .dly2 {transition-delay: 0.2s;-webkit-transition-delay: 0.2s;}
  .dly1 {transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
  .action .dly-10 {transition-delay: 1s;-webkit-transition-delay: 1s;}
  .action .dly-9 {transition-delay: 0.9s;-webkit-transition-delay: 0.9s;}
  .action .dly-8 {transition-delay: 0.8s;-webkit-transition-delay: 0.8s;}
  .action .dly-7 {transition-delay: 0.7s;-webkit-transition-delay: 0.7s;}
  .action .dly-6 {transition-delay: 0.6s;-webkit-transition-delay: 0.6s;}
  .action .dly-5 {transition-delay: 0.5s;-webkit-transition-delay: 0.5s;}
  .action .dly-4 {transition-delay: 0.4s;-webkit-transition-delay: 0.4s;}
  .action .dly-3 {transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
  .action .dly-2 {transition-delay: 0.2s;-webkit-transition-delay: 0.2s;}
  .action .dly-1 {transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
}


.header {position: fixed;left: 0;top: 0;width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 0 6%;color: #161616;z-index: 1000;height: 8rem;transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
.header::before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;box-shadow:0 0 10px 3px rgba(0, 0, 0, 0.05);opacity:0;visibility:hidden;z-index:-1;transition:0.3s;}
.header a {color: #161616;}
.header a:hover {color: #104CC7;}

#about .header::before {opacity: 1;visibility: visible;}
[data-header-change]::before {opacity: 1;visibility: visible;}
[data-header-toggle] {transform: translateY(-110%);}
.header .logo a {position: relative;display: block;height: 8rem;}
.header .logo a img {height: 100%;display: block;}
.header nav ul {display: flex;}
.header nav ul li {position: relative;margin-right: 5rem;}
.header nav ul li a {height: 8rem;display: flex;align-items: center;font-weight: 500;line-height: 1.2;font-size: 1.8rem;}
.header nav ul li a[has-item]::after { width:1rem; height:1rem; background:url(down01.png) no-repeat; background-size:1rem;display: flex;content: "";margin-left: 1rem;transition-duration: 0.3s;}
.header nav ul li:hover a[has-item]::after,
.header nav ul li.on a[has-item]::after { width:1rem; height:1rem; background:url(down02.png) no-repeat; background-size:1rem;display: flex;content: "";margin-left: 1rem;transition-duration: 0.3s;}
.header nav ul li:hover .a,.header nav li.on .a {color: #104CC7;}
.header nav ul li:hover .a::before,.header nav li.on .a::before {width: 100%;}
.header nav ul .sub {position: absolute;top: 100%;left: 0%;background: #fff;box-shadow: 0 0.4rem 1.8rem rgba(22, 22, 22, 0.1);padding: 2.5rem;border-radius: 0.8rem;transform: translateY(-10%);
	opacity: 0;visibility: hidden;pointer-events: none;transition: 0.5s;}
.header nav ul .sub p {margin-bottom: .2rem;font-size: 1.6rem; height:4rem; line-height:4rem;}
.header nav ul .sub p:last-child {margin-bottom: 0;}
.header nav ul .sub p a {color: #161616;display: block;line-height:4rem;white-space: nowrap;}
.header nav ul .sub p a:hover {color: #104CC7;}
.header nav ul li:hover .sub {opacity: 1;visibility: visible;pointer-events: all;transform: translateY(0);}
.header .tel {display: flex;align-items: center;}
.header .tel .icon {margin-right: 1rem;}
.header .tel .icon img{ width:30px;}



.ind00 {position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;pointer-events: none;z-index: -1;}
.ind00 .box {width: 172.2916vw;height: 116.8229vw;left: 45%;position: absolute;top: 25%;transform: translate(-50%, -50%);}
.ind00 .box .con {position: absolute;bottom: 0;height: 100%;left: 0;margin: auto;right: 0;top: 0;width: 100%;}
.ind00 .box .con .txt {position: relative;height: 100%;width: 100%;animation: rotate 20s linear infinite;}
@keyframes rotate {
  0% {transform: rotate(0);}to {transform: rotate(1turn);}
}
.ind00 .box .con .txt .img1 {width: 32.8597%;position: absolute;right: 0;top: 0;}
.ind00 .box .con .txt .img2 {width: 60.3688%;position: absolute;left: 0;bottom: 0;}

.ind01 .ibox-banner-desc {position: sticky;top: 0;padding: 36rem 0 12rem;text-align: center;line-height: 1.2;color: #222222;}
.ind01 .ibox-banner-desc .by1 {margin-bottom: 3.5rem;}
.ind01 .ibox-banner-desc .by1 .co1 {padding: 0 1rem;}
.ind01 .ibox-banner-desc .bot {margin-top: 5.5rem;}
.ind01 .banner {position: relative;overflow: hidden;border-radius: 2rem;transform: scale(0.8);z-index: 10;}
.ind01 .banner .img { width:100%;position: relative;overflow: hidden;height: 100%;border-radius: 2rem;}
.ind01 .banner .img img {filter: blur(5px);opacity: 0;transform-origin: right;transform: scale(1.04) scaleX(1.1) translate3d(0, 0, 0);transition: transform 1s, opacity 0.7s;}
.ind01 .banner .img img{border-radius: 2rem;}
.ind01 .banner .swiper-slide-active .img img {filter: blur(0);opacity: 1;transform: scale(1) scaleX(1) translate3d(0, 0, 0);transition: transform 1.4s 0.04s cubic-bezier(0.08, 0.92, 0.35, 1), opacity 0.6s, filter 1.2s ease-out;}
@keyframes scale-out {
  0% {transform: scale(1.125);}100% {transform: scale(1);}
}


.ibox-title .t {line-height: 1.2;margin-bottom: 2.5rem;}
.ibox-title .by {line-height: 1.3;}


.ind02 {padding: 16rem 0 14rem;}
.ind02 .box {width: 84.375%;margin: 0 auto;position: relative;display: flex;}
.ind02 .box .item {width: 31%;margin-left: 2.33%;margin-top: 2rem;position: relative;}
.ind02 .box .item:nth-child(1) {transition-delay: 0.5s;}
.ind02 .box .item:nth-child(2) {transition-delay: 0.7s;}
.ind02 .box .item:nth-child(3) {transition-delay: 0.9s;}
.ind02 .box .item .con {width: 100%;border-radius: 1.2rem;background: #fff;box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);cursor: pointer;transition: 0.5s;}
.ind02 .box .item .con .top {display:flex;position:relative;justify-content:space-between;border-radius:1.2rem 1.2rem 0 0;overflow: hidden; background:url(ind02bg.png) no-repeat; background-size:100% 100%;}
.ind02 .box .item .con .top .bg {position: absolute;left: 0;top: 0;border-radius: 1.2rem 1.2rem 0 0;}
.ind02 .box .item .con .top .txt {position: relative;padding: 4.8rem 3rem;}
.ind02 .box .item .con .top .icon {position: absolute;right: -5%;max-width: 57%;top: 50%;transform: translateY(-50%);height: 90%;display: flex;justify-content: center;}
.ind02 .box .item .con .top .icon img {width: 100%;max-width: 100%;object-fit: cover;max-height: 100%;display: block;}
.ind02 .box .item .con .bot {padding: 0 3rem;}
.ind02 .box .item .con .bot ul li { width:100%; position:relative;padding: 1rem 0;border-top: 1px solid #eee;}
.ind02 .box .item .con .bot ul li a{display: flex;align-items: center;}
.ind02 .box .item .con .bot ul li:first-child {border-top: 0 none;}
.ind02 .box .item .con .bot ul li .icon {width: 4.7rem;height: 4.7rem;color: #104CC7;display: flex;align-items: center;justify-content: center;margin-right: 2rem;}
.ind02 .box .item .con .bot ul li .icon img {max-width: 100%;max-height: 100%;}
.ind02 .box .item .con .bot ul li .t {line-height: 1.5; color:#333}
.ind02 .box .item .con .bot ul li:hover .t{ color:#03569c}
.ind02 .box .item .con:hover {transform: translateY(-3%);}
.ind02 .box .item .con:hover .top .icon img {animation: jump 0.6s linear forwards;}

.ind03 {background: #FAFAFB;padding-bottom: 9rem;}
.ind03 .box {width: 84.375%;margin: 0 auto;position: relative;display: flex;flex-wrap:wrap; justify-content:space-between;}
.ind03 .box .item {width:32%;background-image:linear-gradient(to bottom, #f5f9ff, #f9fbff,#fefeff);box-shadow:-2px 2px 20px #dcdcdc;display: flex;align-items:center;padding:4rem 2rem;margin-bottom:3rem;}
.ind03 .box .item:nth-child(1) {transition-delay: 0.2s;}
.ind03 .box .item:nth-child(2) {transition-delay: 0.4s;}
.ind03 .box .item:nth-child(3) {transition-delay: 0.6s;}
.ind03 .box .item:nth-child(4) {transition-delay: 0.8s;}
.ind03 .box .item:nth-child(5) {transition-delay: 1.0s;}
.ind03 .box .item:nth-child(6) {transition-delay: 1.2s;}
.ind03 .box .item .img img { width:80px; margin-right:10px;}
.ind03 .box .item .con h1 { font-weight:normal;}
.ind03 .box .item .con p { font-weight:100;}

.ind04 {background: #f2f2f2;position: relative;overflow: hidden; padding:9rem 0;}
.ind04 .bg {position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;}
.ind04 .box {position: relative;width: 84.375%;margin: 0 auto;}
.ind04 .box ul {display: flex;position: relative;}
.ind04 .box ul li {position: relative;margin: 0 1rem;}
.ind04 .box ul li:nth-child(1) {transition-delay: 0.4s;}
.ind04 .box ul li:nth-child(2) {transition-delay: 0.5s;}
.ind04 .box ul li:nth-child(3) {transition-delay: 0.8s;}
.ind04 .box ul li:nth-child(4) {transition-delay: 1s;}
.ind04 .box ul li .img {width: 100%; position:relative;}
.ind04 .box ul li .img img {max-width: 100%;max-height: 100%;}
.ind04 .box ul li .con { width:100%; position:absolute; bottom:0; background:rgba(255,255,255,.7); padding:2rem 2rem; text-align:center;}
.ind04 .box ul li .con h1 { font-weight:normal;}
.ind04 .box ul li .con p { font-weight:100;}
 
.ind05 {width:100%; position:relative;}
.ind05 .box {display: flex;width:84.375%; margin:0 auto;}
.ind05 .box .item {position: relative;margin-left: 2.33%;width: 31%;border-radius: 1.2rem;background-color: #ffffff;box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);}
.ind05 .box .item:nth-child(1) {transition-delay: 0.5s;}
.ind05 .box .item:nth-child(2) {transition-delay: 0.6s;}
.ind05 .box .item:nth-child(3) {transition-delay: 0.7s;}
.ind05 .box .le .img{ position:relative; width:100%;border-radius: 1.2rem 1.2rem 0 0;} 
.ind05 .box .le .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}
.ind05 .box .le .img .hezi{padding-bottom: 55% !important;}


.ind05 .box .le .desc {padding: 3rem 3.5rem;}
.ind05 .box .le h4 {line-height: 1.3;margin-bottom: 2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;transition: 0.3s;}
.ind05 .box .le .sum {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;margin-bottom: 3rem;}
.ind05 .box .le .bot {border-top: 1px solid rgba(112, 112, 112, 0.31);padding-top: 2rem;line-height: 1.2;position: relative;}
.ind05 .box .le .bot::before {content: "";position: absolute;left: 0;top: -1px;width: 0;height: 1px;background-color: #104CC7;transition: 0.6s;}
.ind05 .box .le:hover .bot::before {width: 100%;}
.ind05 .box .le:hover .title {color: #104CC7;}
.ind05 .box .le:hover .time .icon {width:20px; height:20px; background:url(icon10.png) no-repeat;}
.ind05 .time {display: flex;align-items: center;color: #888888;}
.ind05 .time .icon {margin-right: 1.6rem;transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition: 0.3s cubic-bezier(0.55, 0.31, 0.15, 0.93); width:20px; height:20px; background:url(icon09.png) no-repeat;}
.ind05 .box .re ul {padding: 3.5rem;}
.ind05 .box .re ul li {position: relative;margin-bottom: 4rem;}
.ind05 .box .re ul li:last-child {margin-bottom: 0;}
.ind05 .box .re ul li h4 {line-height: 1.5;font-weight: normal;color: #666666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;transition: 0.3s;}
.ind05 .box .re ul li p {padding-top: 2rem;line-height: 1.2;} 
.ind05 .box .re ul li:hover h4 {color: #104CC7;}
.ind05 .box .re ul li:hover .icon {width:20px; height:20px; background:url(icon10.png) no-repeat;}

.ind06 {width:100%; position:relative;}
.ind06 .bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;pointer-events: none;}
.ind06 .bg .img{position: absolute;left: 0;top: 0;height: 100%;width: 100%;height: 135%;height: calc(100% + 106px);}
.ind06 .bg .img img {width: 100%;height: 100%;object-fit: cover;}
.ind06 .box {display: flex;justify-content: space-between;align-items: center;width:84.375%; margin:0 auto;color: #fff;}
.ind06 .box h4 {line-height: 1.2;flex: 1;margin-right: 5%;}


.more01 a {padding: 1.8rem 3rem;position: relative;display: inline-flex;align-items: center;color: #fff;overflow: hidden;background-color: transparent;border-radius: 3.6rem;}
.more01 a::before {content: "";position: absolute;top: -1%;left: -1%;width: 102%;height: 102%;background: #fff;border-radius: 3.6rem;transform: scaleX(0);transform-origin: right;
	-webkit-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);-moz-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);-o-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.more01 a::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 3.6rem;border: 1px solid #ffffff;box-sizing: border-box;}
.more01 a .btn {position: relative;display: flex;align-items: center;justify-content: space-between;line-height: 1.2;overflow: hidden;}
.more01 a .btn .btnt1 {transition: 0.6s;-webkit-transition: 0.6s;display: block;transform: translateY(0);}
.more01 a .btn .btnt2 {transition: 0.6s;-webkit-transition: 0.6s;display: block;transform: translateY(0);position: absolute;left: 0;top: 100%;opacity: 0;}
.more01 a .icon {position: relative;display: flex;align-items: center;justify-content: center;margin-left: 5rem;line-height: 1; width:23px; height:15px; background:url(icon08.png) no-repeat;}
.more01 a:hover {color: #104CC7;}
.more01 a:hover::before {transform: scaleX(1);transform-origin: left;}
.more01 a:hover .btn .btnt1 {opacity: 0;transform: translateY(-100%);}
.more01 a:hover .btn .btnt2 {opacity: 1;transform: translateY(-100%);}
.more01 a:hover .icon {animation: 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) arrowGoRight forwards; width:23px; height:15px; background:url(icon07.png) no-repeat;}

.more02 {display: flex;justify-content: center;}
.more02 a{padding: 1.5rem 3.6rem;position: relative;display: inline-flex;align-items: center;color: #104CC7;overflow: hidden;background-color: transparent;border-radius: 2.5rem;}
.more02 a::before {content: "";position: absolute;top: -1%;left: -1%;width: 102%;height: 102%;background-color: #104CC7;border-radius: 2.5rem;transform: scaleX(0);transform-origin: right;
	-webkit-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);-moz-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);-o-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.more02 a::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 2.5rem;border: 1px solid #104CC7;box-sizing: border-box;}
.more02 a .btn {position: relative;display: flex;align-items: center;justify-content: space-between;line-height: 1.2;overflow: hidden;}
.more02 a .btn .btnt1 {transition: 0.6s;display: block;transform: translateY(0);}
.more02 a .btn .btnt2 {transition: 0.6s;-webkit-transition: 0.6s;display: block;transform: translateY(0);position: absolute;left: 0;top: 100%;opacity: 0;}
.more02 a:hover {color: #ffffff;}
.more02 a:hover::before {transform: scaleX(1);transform-origin: left;}
.more02 a:hover .btn .btnt1 {opacity: 0;transform: translateY(-100%);}
.more02 a:hover .btn .btnt2 {opacity: 1;transform: translateY(-100%);}


.foot {position: relative;background-color: #ffffff;overflow: hidden;}
.foot .box {padding: 6rem 0;display: flex;justify-content: space-between;}
.foot .box a {color: #222222;}
.foot .box a:hover {color: #104CC7;}
.foot .f_logo a {display: block;height: 8.2rem;}
.foot .f_logo a img {height: 100%;}
.foot .foot_nav {width: 100%;display: flex;justify-content: space-between;margin:0 2.5%;padding: 3rem 0;}
.foot .foot_nav a {position: relative;z-index: 1;}
.foot .foot_nav li:nth-child(1) {transition-delay: 0.2s;-webkit-transition-delay: 0.2s;}
.foot .foot_nav li:nth-child(2) {transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
.foot .foot_nav li:nth-child(3) {transition-delay: 0.4s;-webkit-transition-delay: 0.4s;}
.foot .foot_nav li:nth-child(4) {transition-delay: 0.5s;-webkit-transition-delay: 0.5s;}
.foot .foot_nav li:nth-child(5) {transition-delay: 0.6s;-webkit-transition-delay: 0.6s;}
.foot .foot_nav li:nth-child(6) {transition-delay: 0.7s;-webkit-transition-delay: 0.7s;}
.foot .foot_nav li:nth-child(7) {transition-delay: 0.8s;-webkit-transition-delay: 0.8s;}
.foot .foot_nav li:nth-child(8) {transition-delay: 0.9s;-webkit-transition-delay: 0.9s;}
.foot .foot_nav li:nth-child(9) {transition-delay: 1s;-webkit-transition-delay: 1s;}
.foot .foot_nav li > a {font-weight: 500;}
.foot .foot_top {display: flex;justify-content: space-between;border-top: 1px solid rgba(112, 112, 112, 0.3);border-bottom: 1px solid rgba(112, 112, 112, 0.3);color: #222222;}
.foot .foot_top a {color: #222222;}
.foot .foot_top a:hover {color: #104CC7;}
.foot .foot_top .foot_item {border-left: 1px solid rgba(112, 112, 112, 0.3);}
.foot .foot_top .foot_item:nth-child(1) {transition-delay: 0.2s;-webkit-transition-delay: 0.2s;}
.foot .foot_top .foot_item:nth-child(2) {transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
.foot .foot_top .foot_item:nth-child(3) {transition-delay: 0.4s;-webkit-transition-delay: 0.4s;}
.foot .foot_top .foot_item:nth-child(4) {transition-delay: 0.5s;-webkit-transition-delay: 0.5s;}
.foot .foot_top .foot_item:first-child {border-left: 0 none;}
.foot .foot_top .foot_erm {padding: 4rem 0;margin-right: 1rem;flex: 1;}
.foot .foot_top .foot_erm .con {display: flex;text-align: center;}
.foot .foot_top .foot_vid {flex: 1;padding: 4rem 4.6rem;}
.foot .foot_top .foot_diz {flex: 1;padding: 4rem 4.6rem;}
.foot .foot_bot {display: flex;justify-content: space-between;align-items: flex-start;padding: 2.5rem 0 1.8rem;color: #707070;}
.foot .foot_bot .con {flex: 1;margin-right: 5%;}
.foot .foot_bot .con a {color: #707070;}
.foot .foot_bot .con a:hover {color: #104CC7;}


[pbanner-fixd] {position: absolute;left: 0;top: 0;width: 100%;height: 120%;height: calc(100% + 34px);}
[pbanner-descH] {height: 65vh;display: flex;flex-direction: column;justify-content: center;}
.pbanner-box {position: relative;overflow: hidden;z-index: 2;color: #fff;}
.pbanner-box .imgBox::before {content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%; background:rgba(0,0,0,0.5); z-index:1;}
.pbanner-desc {position: relative;text-align: center; z-index:2;}
.pbanner-desc .t {line-height: 1.1;margin-bottom: 2.8rem; z-index:2;}



.page-yuan {position: fixed;pointer-events: none;}
.page-yuan1 {width: 51.9791%;right: -35%;top: -5%;}
.page-yuan1 img {animation: rotate 20s linear infinite;}
.page-yuan2 {width: 41.3541%;left: -20%;bottom: -25%;}
.page-yuan2 img {animation: rotate 18s linear infinite;}



.n_news {overflow: hidden;width: 100%;background-position: center top;background-repeat: no-repeat;background-size: 100% auto;}
.n_news .news-tbox {padding: 7rem 0 4rem;}
.n_news .news-line {height: 1px;background-color: rgba(112, 112, 112, 0.31);}

.news-list ul {display: flex;flex-wrap: wrap;margin-left: -2.33%;}
.news-list ul li {width: 31%;margin-left: 2.33%;margin-bottom: 5rem;}
.news-list ul li .box {position: relative;border-radius: 1.2rem;background-color: #ffffff;box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);display: flex;height: 100%;flex-direction: column;}
.news-list ul li .box .img {border-radius: 1.2rem 1.2rem 0 0;padding-bottom: 55%; width:100%; position:relative;}
.news-list ul li .box .img img { width:100%;border-radius: 1.2rem 1.2rem 0 0;position: absolute;left: 0;top: 0;}
.news-list ul li .box .desc {padding: 3rem 3.5rem;display: flex;flex-direction: column;justify-content: space-between;flex: 1;}
.news-list ul li .box .title {line-height: 1.3;margin-bottom: 4rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;transition: 0.3s;-webkit-transition: 0.3s;}
.news-list ul li .box .c {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 3.5rem;}
.news-list ul li .box .bot {border-top: 1px solid rgba(112, 112, 112, 0.31);padding-top: 2rem;line-height: 1.2;position: relative;}
.news-list ul li .box .bot::before {content: "";position: absolute;left: 0;top: -1px;width: 0;height: 1px;background-color: #104CC7;transition: 0.6s;-webkit-transition: 0.6s;}
.news-list ul li .box .time {display: flex;align-items: center;color: #888888;}
.news-list ul li .box .time .icon {margin-right:1.6rem;transition:0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:0.3s cubic-bezier(0.55, 0.31, 0.15, 0.93);width:20px;height:20px;background:url(icon09.png) no-repeat;}
.news-list ul li:hover .time .icon {width:20px; height:20px; background:url(icon10.png) no-repeat;}
.news-list ul li:hover .bot::before {width: 100%;}
.news-list ul li:hover .title {color: #104CC7;}


.news-det { width:100%; position:relative; line-height:30px; text-align:justify; min-height:350px;}


.page-nav {position: sticky;top: 0;z-index: 900;transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
.page-nav .model-nav {border-radius: 6px;box-shadow: 0 0.3rem 1.2rem rgba(0, 0, 0, 0.16);background-color: #ffffff;margin-top: -3.5rem;}
.page-nav .model-nav ul {display: flex;justify-content: space-around;}
.page-nav .model-nav ul li {display: flex;justify-content: center;}
.page-nav .model-nav ul li a {height: 7rem;line-height: 7rem;position: relative;font-size: 1.8rem;display: inline-flex;color: #222222;}
.page-nav .model-nav ul li a::before {content: "";width: 0;height: 4px;background: #104CC7;position: absolute;right: 0;bottom: 0;transition: 0.5s;-webkit-transition: 0.5s;}
.page-nav .model-nav ul li:hover a,.page-nav .model-nav ul li.active a{color: #104CC7;}
.page-nav .model-nav ul li:hover a:before,.page-nav .model-nav ul li.active a:before {width: 100%;right: auto;left: 0;}

  

.page-title {margin-bottom: 5.5rem; text-align:center;}
.page-title .title {line-height: 1.25;}
.page-title .page-line {width: 4rem;height: 4px;background: #104CC7;display: block;margin: 2.5rem auto;}

.n_about{ line-height:30px; text-align:justify;}
.inner img{ max-width:100%;}

.pro-list ul {display: flex;flex-wrap: wrap;}
.pro-list ul li {width: 24%;margin-right: 1%;margin-bottom: 2rem;}
.pro-list ul li .pro-item {width: 100%;background-color: #ffffff;box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.16);border-radius: 0.6rem;border: 1px solid transparent;height: 100%;
	transition: 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition: 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition: 0.6s cubic-bezier(0.55, 0.31, 0.15, 0.93);
	-webkit-transition: 0.6s cubic-bezier(0.55, 0.31, 0.15, 0.93);}
.pro-list ul li .pro-item .ico {width: 100%;}
.pro-list ul li .pro-item .ico img{width: 100%;}
.pro-list ul li .pro-item .title {color: #333; text-align:center; margin:2rem 0;}
 


  
.ab01 { width:100%; position:relative; padding:60px 0;}
.ab01 .img1 {position: absolute;right: 0;bottom: 0;width: 44%;}
.ab01 .box {position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;}
.ab01 .box .about-l {width: 30%;}
.ab01 .box .about-l .about-tbox {margin-bottom: 4.5rem;}
.ab01 .box .about-l .about-tbox .by {margin-bottom: 1rem;}
.ab01 .box .about-l .about-tbox .title {line-height: 1.25;}
.ab01 .box .about-r {width: 65.34%;flex-shrink: 0;overflow: hidden;}
.ab01 .box .about-r .about-pageC {line-height: 1.8;}
.ab01 .box .about-num {display: flex;border-top: 1px solid #707070;justify-content: space-between;color: #333333;}
.ab01 .box .about-num .t {display: flex;align-items: center;line-height: 1;margin-bottom: 1rem;}
.ab01 .box .about-num .t span {color: #104CC7;}
.ab01 .box .about-num .t .num { margin-right:5px;}



.ab02{ width:100%; position:relative; background:url(ab02bg.jpg) no-repeat; padding:60px 0;}
.ab02 .inner ul{display: flex;justify-content: space-between;background-color: rgba(255, 255, 255, 0.6);border-radius: 1.2rem;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);padding: 5rem 5%;}
.ab02 .inner ul li {width: 30%;margin-right: 5%;margin-bottom: 4rem;}
.ab02 .inner ul li:nth-child(3n) {margin-right: 0;}
.ab02 .inner ul li .ico {width: 4.75rem;height: 4.75rem;border-radius: 50%;margin-bottom: 2.5rem;display: flex;align-items: center;justify-content: center;}
.ab02 .inner ul li .ico img {max-width: 100%;max-height: 100%;}
.ab02 .inner ul li h4 {line-height: 1.4;margin-bottom: 2.5rem;}
.ab02 .inner ul li .desc {line-height: 2;}
.ab02 .inner ul li .desc img {max-width: 100%;}