@media only screen and (min-width: 900px) and (max-width: 1180px) {
  .owidth {
    padding: 0 4%;
  }
  .h-botwrap .navdown02 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pronav-item .checkthree a {
    font-size: 14px;
    line-height: 30px;
  }
  .pronavwrap {
    width: 78%;
  }
  .navdown02 .text-r {
    width: 17%;
  }
  .checkone,
  .pronav-item .checkthree {
    width: 180px;
  }
  .checktwo,
  .pronav-item .checkmin {
    width: calc(100% - 210px);
  }
  .checkmin-li .item .imgbox {
    height: 100px;
  }
  .pronav-top {
    margin-bottom: 20px;
  }
  .checkmin-li .item .iteminfo h3 {
    font-size: 14px;
    line-height: 26px;
  }
  .navdown02 .list a,
  .navdown02 .text-r a {
    font-size: 12px;
    line-height: 24px;
  }
  .navdownbot .owidth a {
    font-size: 12px;
    line-height: 40px;
  }
  .navdownbot .owidth a {
    margin-right: 50px;
  }

  .index-aboutwrap {
    margin: 60px auto;
  }
  .index-aboutitem .left .item .text {
    padding: 20px;
  }
  .index02list a {
    height: 460px;
  }
  .index02list .text h3,
  .index02list .hovtext h3 {
    font-size: 20px;
  }
  .index02list .hovtext p,
  .index02list .text p {
    font-size: 16px;
  }
  .index02list .hovtext h4 {
    font-size: 14px;
  }
  .index02 {
    margin-top: 40px;
  }
  .i02-tomore {
    margin-top: 40px;
  }
  .index-aboutitem .item .text h4 {
    font-size: 14px;
    line-height: 24px;
  }
  .index-aboutitem .item .text h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .index-about-l a {
    font-size: 22px;
    margin-bottom: 30px;
  }
  .index-about-l a::before {
    height: 3px;
  }
  .i-tl01 h3 {
    font-size: 28px;
  }

  .index003wrap {
    margin-bottom: 80px;
  }
  .index04 {
    margin-top: 40px;
  }
  .index04 .item .text h3 {
    font-size: 16px;
  }

  .index05wrap {
    padding: 80px 0;
  }
  .index05-num .textbox .numfont {
    padding-left: 20px;
  }
  .index05-num .textbox .numfont h2,
  .index05-num .textbox .numfont span {
    font-size: 30px;
  }
  .index05-num .textbox .numfont {
    width: 120px;
  }

  .f-lx .item p {
    font-size: 14px;
  }
  .f-lx .item {
    padding-left: 15px;
  }
  .f-fx a {
    width: 34px;
    height: 34px;
  }
  .f-ba {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .f-ba-r a,
  .f-ba-r font {
    font-size: 12px;
  }
  .f-ba-r a,
  .f-ba-r i {
    font-size: 12px;
    line-height: 20px;
  }

  /*.dsztable{*/
  /*    width: 92%;*/
  /*}*/

  .c-center {
    width: 92%;
  }
  .c-btext h3 {
    font-size: 32px;
  }
  .c-btext p {
    font-size: 20px;
  }
  .contact01-l {
    padding-left: 30px;
  }
  .contact01-l .icon img {
    width: 20px;
  }
  .contact01-l .text .tl h3,
  .cr-list .tl h3 {
    font-size: 24px;
  }
  .contact01-l .text .tl p,
  .cr-list .tl p {
    font-size: 18px;
  }
  .contact01-l .text .list p {
    font-size: 14px;
    line-height: 30px;
  }
  .cr-list .list .item p {
    font-size: 14px;
    line-height: 30px;
  }
  .cr-tab .swiper-slide {
    font-size: 16px;
  }
  .contact02 .item .tl .font h3 {
    font-size: 20px;
  }
  .contact02 .item .tl .icon img {
    width: 20px;
  }
  .contact02 .item .tl .font p {
    font-size: 14px;
  }
  .contact02 .item .tl {
    margin-bottom: 30px;
  }
  .contact02 .item .text li p {
    font-size: 14px;
    line-height: 24px;
  }
  .contact02 .item .text li span {
    font-size: 14px;
    line-height: 24px;
  }
  .contact02 .item .imgbox {
    height: 150px;
  }
  .contact02 .item .imgbox img {
    max-height: 100%;
  }
  .contact02 .item {
    margin-bottom: 50px;
  }
  .contact02wrap {
    margin-bottom: 20px;
  }

  .c03-tab a {
    font-size: 20px;
    padding-bottom: 15px;
  }
  .c03list li form .item label input,
  .c03list li form .item label select,
  .c03list li form .item textarea {
    height: 50px;
    font-size: 16px;
  }
  .c03list li form .item02 label input {
    height: 20px;
  }
  .c03list li form .item textarea {
    height: 60px;
  }

  .center {
    width: 92%;
  }
  .f-tl h3 {
    font-size: 26px;
  }
  .file03-imglist {
    margin-top: 40px;
  }
  .file03-imglist .item p {
    margin-top: 0;
    padding: 20px 15px;
  }
  .file03-text .item p {
    font-size: 14px;
  }
  .file03-text .item h3 {
    font-size: 18px;
  }
  .file03-text .item strong {
    margin: 15px auto;
  }

  .navdown02 .text h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .navdown02 .text h4 {
    font-size: 12px;
    line-height: 20px;
  }
  .navdown02 .text {
    font-size: 24%;
  }
  .navdown02 .text .more {
    width: 80px;
    height: 32px;
    font-size: 12px;
  }

  .about01-top .text p {
    font-size: 18px;
  }
  .about01-top .text h3 {
    font-size: 26px;
  }
  .about01-top .text span {
    font-size: 20px;
  }
  .about01-top .text span::before {
    width: 60px;
  }
  .about01-top {
    margin-bottom: 50px;
  }

  .global01-tl > h3 {
    font-size: 28px;
  }
  .global01-tl > p {
    font-size: 18px;
  }
  .global01-tl .fontbg {
    font-size: 80px;
    line-height: 82px;
  }
  .global01-info p {
    font-size: 14px;
    line-height: 28px;
  }
  .global01-tl > p {
    margin-bottom: 60px;
  }

  .global02-l .item .textbox {
    padding: 0 20px;
  }
  .global02-l .item .textbox .numfont h2,
  .global02-l .item .textbox .numfont {
    font-size: 30px;
  }
  .global02-l .item .textbox h3 {
    font-size: 14px;
    line-height: 24px;
  }
  .global02-r .textbox02 h3 {
    font-size: 20px;
  }
  .global02-r .textbox02 p {
    font-size: 14px;
  }

  .global03-tl h3 {
    font-size: 28px;
  }
  .global03-tl p {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .global03-tl {
    width: 92%;
  }
  .global03-tl h4 {
    font-size: 14px;
    line-height: 28px;
  }
  .global04-l li .textbox .numfont h2,
  .global04-l li .textbox .numfont p,
  .global04-l li .textbox .numfont h2 i {
    font-size: 50px;
  }
  .global04-l li .textbox .numfont span {
    font-size: 24px;
  }
  .global04-l li .textbox h3 {
    font-size: 16px;
  }

  .history-lmin a.active font {
    font-size: 100px;
  }
  .history-lmin a.active h3 {
    font-size: 28px;
  }
  .history-swiper-min .top .text h3 {
    font-size: 26px;
    margin-bottom: 30px;
  }
  .history-swiper-min .top .imgbox {
    width: 280px;
    height: 280px;
  }
  .history-swiper-min .top {
    padding-bottom: 40px;
  }
  .history-page {
    top: 320px;
  }
  .history-swiper-min .bot {
    margin-top: 40px;
  }
  .history-swiper-min .bot > h3 {
    margin-bottom: 30px;
    font-size: 24px;
  }
  .history-swiper-min .top .text h4 {
    font-size: 14px;
    line-height: 24px;
  }
  .history-swiper-min .bot .list .item .imgbox {
    height: 130px;
  }
  .history-swiper-min .bot .list .item .text h3 {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
  }
  .history-lmin h3 {
    font-size: 18px;
  }
  .history-swiper-min .bot .list .item .text h4 {
    font-size: 12px;
    line-height: 20px;
  }
  /*height:60px;*/

  .h-tl01 h3 {
    font-size: 28px;
  }
  .year-content h3 {
    font-size: 100px;
  }

  .news02wrap {
    margin: 60px auto;
  }
  .news02 .item .text h4 {
    font-size: 14px;
    line-height: 24px;
  }
  .news02 .item .text .bot {
    margin-top: 30px;
    padding-top: 20px;
  }
  .news02 .item .text .data p {
    font-size: 14px;
  }
  .news02 .item .text h3 {
    font-size: 20px;
  }
  .news02 .item .text .bot .more {
    font-size: 14px;
    height: 30px;
    width: 90px;
  }
  .news02 .item {
    margin-bottom: 40px;
  }

  .result-banner {
    padding-top: 200px;
  }
  .result-s {
    width: 92%;
  }
  .filetab {
    margin-top: 60px;
  }
  .news-tl01 {
    font-size: 28px;
  }
  .news02tl-r > p {
    font-size: 14px;
  }
  .news02tl-r .looknum p {
    font-size: 14px;
    line-height: 24px;
  }
  .news02tl-r .looknum p i {
    line-height: inherit;
  }
  .chagemode p {
    font-size: 14px;
  }
  .f02rsift-tl h3 {
    font-size: 18px;
  }
  .f02rsift-tl .reset {
    font-size: 16px;
  }
  .files01-lmin .item {
    padding: 30px 20px;
  }
  .f02rsift-item .list .li p font {
    font-size: 14px;
  }
  .f02rsift-item .list .li p,
  .f02rsift-item .list .li span {
    font-size: 14px;
  }
  .f02rsift-item .list .li {
    height: 40px;
  }
  .f02rsift-item .list {
    padding: 0 20px;
  }
  .files01-r {
    width: 300px;
  }
  .files01-l {
    width: calc(100% - 330px);
  }
  .toggle-tag02 {
    font-size: 14px;
  }
  .result-page .el-pager li,
  .result-page .el-pagination button {
    margin-right: 10px;
  }

  .opinionform .item {
    margin-bottom: 20px;
  }
  .opinionform .lxform .el-form-item {
    margin-bottom: 10px;
  }
  .opinionform .more {
    margin-top: 10px;
  }
  .opinionform .lxform {
    margin-bottom: 0;
  }
  .files01-lmin .item .bot .info p {
    font-size: 14px;
    line-height: 24px;
  }

  .a01-search {
    width: 40%;
  }
  .news-screenli .list a {
    font-size: 14px;
    margin-right: 20px;
  }
  .video01 .item .text h3 {
    font-size: 16px;
  }
  .video01 .item .text .data p i {
    font-size: 12px;
    margin-right: 5px;
  }
  .video01 .item .text .data p {
    font-size: 12px;
    margin-right: 10px;
  }
  .video02 h3 {
    font-size: 28px;
  }
  .video01 .item .imgbox {
    height: 150px;
  }
  .video01 .video01-l .imgbox {
    height: 460px;
  }
  .video01 .item .text {
    padding: 20px 15px;
  }
  .video01 .item .text .data p {
    font-size: 10px;
  }
  .aboutwrap {
    margin-bottom: 80px;
  }

  .customerform {
    margin-top: 40px;
  }
  .customerform form {
    height: 50px;
  }
  .customerformwrap > .more {
    height: 48px;
  }
  .prover-tl h3 {
    font-size: 28px;
  }
  .prover-tl p {
    font-size: 16px;
  }
  .customer01 .item {
    height: 360px;
  }
  .customer01 .item .min .top h3 {
    font-size: 22px;
  }
  .customer01 .item .min .top p {
    font-size: 12px;
    margin-top: 12px;
  }
  .customer01 .item .min .info {
    padding-right: 0;
  }
  .customer01 .item .min .info a {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .customer01 .item .min {
    padding: 0 20px;
  }
  .customer01 .item .min .top p {
    line-height: 24px;
  }

  .customer02 .item .text h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .customer02 .item .text h4 {
    font-size: 12px;
    line-height: 20px;
  }

  .bear06-info li .top {
    height: 80px;
  }
  .bear06-tab a {
    font-size: 18px;
  }
  .bear06-info li .top h3 {
    font-size: 18px;
  }
  .bear07 a {
    height: 220px;
  }
  .bear07 .btnlist a {
    height: 40px;
  }

  .bear08 {
    padding-left: 4%;
  }
  .bear08 .swiper-slide {
    height: auto;
  }
  .bear08 .info {
    height: 100%;
  }
  .bear08 .info p {
    font-size: 14px;
    line-height: 24px;
  }
  .bear08-pagewrap {
    margin-top: 40px;
  }
  .bear09-top .list .box p {
    font-size: 18px;
    padding: 0 20px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .bear09-top .list .box .icon {
    width: 40px;
  }

  .bear09-botmin a h3 {
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .customer03-l .info p {
    font-size: 14px;
    line-height: 24px;
  }
  .customer03-l .more {
    width: 130px;
    height: 34px;
    font-size: 14px;
  }
  .customer04min li .li .imgbox {
    width: 18px;
    height: 24px;
  }
  .customer04min li > h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .customer04min li .li p {
    font-size: 14px;
  }
  .customer04min li .li .text a {
    font-size: 16px;
  }
  .customer04min li .li p {
    width: auto;
  }
  .customer04min li .li {
    padding-left: 24px;
    margin-bottom: 10px;
  }
  .customer04min {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .customer04min li {
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
  }
  .customer04wrap {
    padding-bottom: 50px;
  }
  .customer04min li .li p,
  .customer04min li .li .text h4 {
    line-height: 24px;
  }
  .customer04min li .li .text h4 {
    word-break: break-all;
  }

  .photos01 .item .imgbox {
    height: 160px;
  }
  .photos01 .item .text {
    padding: 20px 15px;
  }
  .photos01 .item .text h3 {
    font-size: 14px;
  }
  .photos01 .item .text .link a {
    font-size: 14px;
  }
  .photos01 .item .text .link i {
    height: 14px;
    margin: 0 6px;
  }
  .agreement .bot .form label {
    font-size: 14px;
  }

  .bear-btab a,
  .bear02-r .item .box .more {
    width: 100px;
    height: 34px;
    font-size: 14px;
  }
  .b-tc .min .more {
    width: 100px;
    height: 34px;
    font-size: 14px;
  }
  .b-tc .min h3 {
    font-size: 16px;
  }
  .b-tc .min {
    padding: 60px 20px 0;
  }
  .b-tc .tag img {
    width: 80px;
  }
  .b-tc .tag p {
    font-size: 14px;
  }
  .b-tc {
    width: 260px;
  }
  .b-tc .min h4 {
    margin-bottom: 30px;
  }

  .bear01 .item .text h3 {
    font-size: 24px;
  }
  .bear01 .item .text p {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .bear01 .item .text span {
    font-size: 14px;
  }
  .bear02-top h3 {
    font-size: 30px;
  }
  .bear02-top p {
    font-size: 16px;
  }
  .bear02-top form {
    width: 90%;
    height: 50px;
  }
  .bear02wrap {
    margin: 80px auto;
  }
  .bear02 {
    margin-top: 80px;
    padding: 50px 0;
  }
  .bear02-l {
    padding: 0 50px;
  }
  .bear02-l h3 {
    font-size: 20px;
  }
  .bear02-l h3::after {
    width: 30px;
  }
  .bear02-l p {
    font-size: 16px;
    line-height: 24px;
  }
  .bear02-r .item .box h3 {
    font-size: 20px;
  }
  .bear02-r {
    padding: 0 50px;
  }
  .bear02-r .item .box {
    width: calc((100% - 10px) / 2);
  }
  .bear02-r .item .box h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }

  .bear03 h3 {
    font-size: 28px;
    margin-bottom: 30px;
  }
  .bear03 h4 {
    font-size: 18px;
    line-height: 40px;
  }

  .bear04 {
    padding: 40px 20px 20px;
  }
  .bear04-l .text h3 {
    font-size: 24px;
  }
  .bear04-l .text h4 {
    font-size: 14px;
    line-height: 24px;
  }
  .bear04-l .text {
    margin-bottom: 20px;
  }
  .bear04-l .tab a {
    font-size: 14px;
  }
  .bear04-l .tab i {
    height: 14px;
    margin: 0 6px;
  }
  .bear04-l .list li a {
    font-size: 16px;
    padding-bottom: 6px;
    margin-bottom: 14px;
  }
  .bear04-r .swiper-slide .box p {
    font-size: 14px;
  }
  .bear04-r .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }

  .bear05-r h3 {
    font-size: 28px;
  }
  .bear05-r p {
    font-size: 16px;
    line-height: 30px;
  }
  .bear05-r .more {
    width: 120px;
    height: 40px;
    font-size: 14px;
  }

  .bear09-tab a {
    font-size: 24px;
    padding-bottom: 10px;
  }
  .bear09links a {
    font-size: 16px;
  }
  .bear09links i {
    margin: 0 20px;
  }
  .bear09wrap {
    margin: 80px auto;
  }

  .news01wrap {
    margin: 80px auto;
  }
  .news01-top .item .imgbox {
    height: 300px;
  }
  .news01 .item .text .info h3 {
    font-size: 16px;
    line-height: 24px;
  }
  .news01 .item .text .info p {
    width: 100px;
    height: 34px;
    font-size: 14px;
  }
  .news01-bot .item .imgbox {
    height: 200px;
  }
  .news01 .item {
    padding-top: 10px;
  }
  .news02.textmode .item .text h3 {
    font-size: 16px;
    line-height: 24px;
  }
  .news02 .item {
    margin-bottom: 30px;
  }

  .ninfo-bwrap {
    padding: 180px 0 60px;
  }
  .mbx {
    height: 40px;
  }
  .ninfo-b .text h3 {
    font-size: 22px;
    line-height: 30px;
  }
  .ninfo-b .text .data p {
    margin-bottom: 30px;
  }
  .ninfo-b .imgbox {
    width: 460px;
    height: 320px;
  }
  .ninfo-b .text {
    width: calc(100% - 520px);
  }

  .invest01-tl h3 {
    font-size: 28px;
    font-weight: bold;
  }
  .noticeselect .block .el-input input,
  .noticeselect .block .el-date-editor .el-range-input {
    font-size: 16px;
  }
  .notice01item-l h3 {
    font-size: 16px;
  }
  .notice01item-l img {
    width: 20px;
    margin-right: 10px;
  }
  .notice01item-r p {
    font-size: 14px;
    margin-right: 50px;
  }
  .notice01item-r .btnlist a {
    font-size: 14px;
  }
  .notice01item-r .btnlist a img {
    max-width: 15px;
    max-height: 15px;
  }

  .memberwrap01 {
    margin-top: 80px;
  }
  .invest01-tl p {
    font-size: 14px;
  }

  .stockwrap {
    width: 100%;
  }
  .stock {
    padding: 80px 30px 40px;
  }
  .stock-l .item01 h3 {
    font-size: 36px;
  }
  .stock-l .item01 p {
    font-size: 18px;
  }
  .stock-r .item01 .top .text h2 {
    font-size: 62px;
  }
  .stock-l .item02 h3 {
    font-size: 20px;
  }
  .stock-r .item02 li h2 {
    font-size: 40px;
  }
  .stock-r .item02 li p {
    font-size: 18px;
  }
  .stock-r .item01,
  .stock-l .item01 {
    margin-bottom: 80px;
  }

  .appli01wrap {
    padding: 80px 0;
  }
  .appli01-l h3 {
    font-size: 28px;
  }
  .appli01-l p {
    font-size: 20px;
    line-height: 34px;
  }
  .appli01-l {
    width: 34%;
  }
  .appli01-l strong {
    margin: 30px 0;
  }
  .appli01-r p {
    font-size: 14px;
    line-height: 24px;
  }
  .linetext::before {
    height: 160px;
  }
  .appli02-top a {
    font-size: 14px;
    margin-right: 20px;
  }

  .appli02item .tl h3 {
    font-size: 28px;
  }
  .appli02item .tl p {
    font-size: 14px;
  }
  .appli02-gallery .swiper-slide {
    padding-top: 200px;
  }
  .appli02item .tl {
    top: 80px;
  }
  .appli02-gallery .swiper-slide .text h4 {
    font-size: 14px;
    line-height: 24px;
  }
  .appli02-gallery .swiper-slide .text h3 {
    font-size: 20px;
  }
  .appli02-gallery .swiper-slide .text a {
    font-size: 14px;
  }
  .appli02-thumbs .swiper-slide {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
  }
  .appli02page .button {
    width: 40px;
    height: 40px;
  }
  .appli02page .line {
    width: 60px;
  }
  .appli02-thumbs {
    width: calc(100% - 200px);
  }
  .appli02page {
    padding: 0 4%;
  }

  .appli03-tl h3 {
    font-size: 28px;
  }
  .appli03-tl p {
    font-size: 14px;
  }
  .appli03-tab .more {
    width: 120px;
    height: 40px;
    font-size: 14px;
  }
  .appli03-thumbs .swiper-slide .imgbox {
    width: 80px;
    height: 80px;
  }
  .appli03-thumbs .swiper-slide .imgbox img {
    max-width: 70%;
  }
  .appli03-thumbs .swiper-slide p {
    line-height: 24px;
  }
  .appli03-gallery .swiper-slide {
    padding: 40px;
  }
  .appli03-gallery .swiper-slide .text h4 {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 30px;
  }
  .appli03-gallery .swiper-slide .text h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .appli04wrap {
    margin: 60px auto;
  }
  .appli04 .item .text {
    padding: 0 15px;
  }
  .appli04 .item .text h3 {
    font-size: 20px;
  }
  .appli04 .item .text h4 {
    font-size: 14px;
    line-height: 24px;
  }
  .appli04wrap {
    padding: 0 4%;
  }
  .appli04 .item img {
    height: 400px;
  }
  .appli04 .item .text {
    bottom: 40px;
  }

  .appli07min-top li > h3 {
    font-size: 20px;
  }
  .appli07min-top li .list .item > p {
    margin-bottom: 12px;
  }
  .appli07min-top li .list .item .imgbox {
    height: 100px;
    margin-bottom: 10px;
  }
  .appli07min-top li .list {
    height: 460px;
  }
  .appli07wrap .tl {
    font-size: 28px;
  }
  .appli07-swrap .button {
    width: 36px;
    height: 36px;
  }
  .appli07-swrap .button.appli07-next {
    right: -19px;
  }
  .appli07-swrap .button.appli07-prev {
    left: -19px;
  }
  .appli07min-bot .list .item .text .hovertext p {
    line-height: 16px;
    font-size: 13px;
  }

  .appli09-l h3 {
    font-size: 24px;
  }
  .appli09-l p {
    font-size: 16px;
  }
  .appli09-l h4 {
    font-size: 14px;
    line-height: 24px;
  }
  .appli09-l a {
    font-size: 14px;
  }

  .appli10-l .list .item .imgbox {
    height: 80px;
  }
  .appli10-l .list .item .text h4,
  .appli10-ct .list .item .text h4,
  .appli10-r .list .item h4 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .appli10-c .tl h3 {
    font-size: 20px;
  }
  .appli10-c .tl a {
    font-size: 14px;
  }
  .appli10-cb .item .boicon {
    width: 40px;
  }
  .appli10-ct,
  .appli10-l,
  .appli10-r {
    padding: 30px 15px;
  }
  .appli10-ct .list .item,
  .appli10-l .list .item {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .appli10-l .tl,
  .appli10-r .tl {
    font-size: 20px;
  }
  .appli10-cb {
    padding: 20px 15px;
  }
  .appli10-l .tl,
  .appli10-r .tl {
    margin-bottom: 20px;
  }
  .appli10-r {
    width: calc((100% - 20px) / 3);
  }
  .appli10-cb {
    margin-top: 10px;
  }
  .appli11 .text .info h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
  }
  .appli11 .text .tl {
    margin-bottom: 30px;
  }
  .appli03wrap {
    overflow: hidden;
  }
  .appli11 {
    padding: 40px 30px;
  }

  .protab .list a {
    margin-right: 36px;
    font-size: 14px;
    line-height: 50px;
  }
  .protab .more {
    width: 90px;
    font-size: 14px;
    height: 36px;
  }
  .pro01-r {
    width: 45%;
  }
  .pro01-l {
    width: 50%;
  }
  .pro01-l h3 {
    font-size: 28px;
    line-height: 40px;
  }
  .pro01-l .tl02 P {
    font-size: 20px;
  }
  .pro01-l .tl02 a {
    font-size: 14px;
  }
  .pro01-l h4 {
    line-height: 28px;
    margin-bottom: 30px;
  }
  .pro01-l .bot .link .more {
    width: 140px;
    height: 44px;
  }
  .pro03list li .text {
    padding-left: 3%;
    padding-right: 40px;
  }
  .pro03list li:nth-of-type(2n) .text {
    padding-right: 3%;
    padding-left: 40px;
  }
  .pro03list li .text > h3,
  .pro03bot-text > h3 {
    font-size: 28px;
    margin-bottom: 20px;
    line-height: 40px;
  }
  .pro03bot-text {
    width: 94%;
  }
  .pro03bot img {
    max-width: 100%;
  }
  .pro03bot-text h4 {
    font-size: 16px;
    line-height: 30px;
  }
  .proverview05wrap .imglist {
    top: 25%;
  }
  .proverview05wrap .imglist img {
    position: relative;
    height: auto;
  }
  .proverview05-tab a {
    line-height: 40px;
    margin-right: 10px;
    font-size: 14px;
    border-radius: 20px;
  }
  .pinfo-tl h3 {
    font-size: 32px;
  }

  .c03list {
    padding: 60px 40px;
  }
  .appli10-ct .list .item .imgbox img,
  .appli10-l .list .item .imgbox {
    height: 70px;
  }

  .customer02 .line img {
    display: none;
  }
  .customer02 .item {
    width: calc((100% - 180px) / 5);
  }

  .swiper-appli05 .swiper-slide a .imgbox img {
    width: 100%;
    object-fit: cover;
  }
  .swiper-appli05 .swiper-slide a .text h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .swiper-appli05 .swiper-slide a .text p {
    font-size: 14px;
  }

  .loging-l .text {
    padding: 80px 40px;
  }
  .proverview01 {
    padding-left: 4%;
  }
  .proverview01-top {
    width: 98%;
  }
  .prombxwrap {
    margin-top: 150px;
  }

  .invest01-l .item .text p {
    margin-left: 30px;
  }

  .pro03bot-text .list li h3 {
    font-size: 26px;
  }

  /*20250120*/
  .product01-top .item .imgbox {
    height: 200px;
  }
  .product01-top .item .text {
    padding: 20px;
    padding-bottom: 60px;
  }
  .product01-top .item .text h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .product01-top .item .text .more {
    bottom: 20px;
  }

  .f-ba-r > p,
  .f-ba-r > div {
    width: 100%;
    text-align: center;
  }

  .word-guide {
    width: 170px;
  }
  .wordmin {
    width: calc(100% - 240px);
  }
  .adOutsideDivmin .text p {
    margin: 0 10px;
  }

  .customerformwrap {
    margin-top: 30px;
  }
  .customerform {
    margin-top: 0;
  }
  .adOutsideDivmin {
    padding-right: 40px;
  }
  .adOutsideDivmin .text {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
  }
  .adOutsideDivmin .text h3 {
    width: 100%;
    text-align: center;
  }

  .word-guide {
    padding-top: 20px;
  }
  .docuform {
    width: 100%;
  }

  .pro01 {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .pro01-l {
    width: 100%;
  }
  .pro01-r {
    width: 100%;
    margin-top: 50px;
  }
  .protwo01::before {
    display: none;
  }

  .coaBox .inputBox {
    width: 48%;
  }

  .docuform {
    width: 100%;
  }

  .aptitude01wrap {
    padding: 100px 0;
  }
  .aptitude02-r {
    padding: 60px;
  }
  .aptitude03-r {
    width: 460px;
  }
  .aptitude03-l {
    width: calc(100% - 470px);
  }
  .aptitude03-l .item p {
    font-size: 14px;
  }
  .aptitude03-r .box h3 span,
  .aptitude02-l .text01 h3 span {
    font-size: 120px;
  }
  .aptitude03-r .box h3,
  .aptitude02-l .text01 h3 {
    font-size: 50px;
  }
  .aptitude03-r .box p {
    font-size: 18px;
  }
  .aptitude04 li {
    width: calc((100% - 40px) / 3);
    padding: 40px 20px 10px;
  }
  .aptitude04 li .list .item .imgbox {
    width: 80px;
    height: 80px;
  }
  .aptitude04 li .list .item p {
    width: calc(100% - 80px);
    font-size: 14px;
    line-height: 26px;
  }

  .aptitudemask .maskbox {
    padding: 0 20px;
  }
  .aptitudemask .maskbox table tbody td {
    padding: 10px;
  }
  .aptitudemask .maskbox table tbody tr {
    height: 64px;
  }
}

@media only screen and (min-width: 750px) and (max-width: 1024px) {
  .bannerwrap {
    height: 560px;
  }
  .htop-rnav a {
    margin-right: 40px;
  }
  .index-aboutwrap {
    margin: 60px auto;
  }
  .index-about {
    display: block;
    margin-top: 50px;
  }
  .index-about-l {
    width: 100%;
  }
  .index-about-l a {
    width: auto;
    transform: none;
    font-size: 22px;
    margin-bottom: 40px;
    padding-top: 0;
    height: 40px !important;
  }
  .index-about-l a::before {
    width: 100%;
    height: 3px;
    top: initial;
    bottom: 0;
  }
  .index-about-r {
    width: 100%;
  }
  .index-aboutmin .swiper-container {
    padding-right: 0;
  }
  .index-aboutmin .page {
    right: calc(5% + 25px);
  }
  .index-aboutitem .left .item .text {
    padding: 20px;
  }
  .index-aboutitem .right .imgbox {
    height: 50%;
  }
  .index-aboutitem .left .item {
    height: 50%;
  }
  .index02list a {
    height: 400px;
    width: 28%;
  }
  .index02list a.active {
    width: calc(48% - 60px);
  }
  .index02list .hovtext h3,
  .index02list .text h3 {
    font-size: 24px;
  }
  .index02list .hovtext p {
    line-height: 24px;
  }
  .index05wrap {
    background-attachment: scroll;
  }
  .index05 {
    display: block;
  }
  .index05-l {
    width: 100%;
  }
  .index05-r {
    width: 100%;
    margin-top: 10px;
  }
  .index05-num .mumping_mun02 {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .index05-num .mumping_mun02 li {
    width: calc((100% - 10px) / 2);
    padding: 20px 10px;
    box-sizing: border-box;
    border: none;
  }
  .index05-r {
    padding: 0;
  }
  .index05wrap {
    padding: 80px 0;
  }

  .index02list {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .index02list a,
  .index02list a.active {
    width: 49%;
  }
  .index02list a:last-child {
    width: 100%;
    margin-top: 15px;
  }
  .index02list a .hovtext {
    transform: none;
    opacity: 1;
  }
  .index02list a .text {
    opacity: 0;
  }

  .ninfo-bwrap {
    padding: 160px 0 60px;
  }
  .ninfo-b .imgbox {
    width: 50%;
  }
  .ninfo-b .text {
    width: 48%;
  }

  .index06wrap {
    height: 600px;
  }
  .f-lx {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .f-lx .f-fx {
    width: 100%;
    margin-top: 20px;
  }
  .f-ba-r > a:last-child {
    display: none;
  }
  .f-ba-r p > i {
    margin: 0 5px;
  }
  .f-ba-l {
    display: none;
  }
  .f-ba-r a,
  .f-ba-r font {
    font-size: 13px;
    margin-right: 8px;
  }
  .f-ba-r a,
  .f-ba-r i {
    font-size: 13px;
  }
  .index-aboutitem .left .item .imgbox {
    height: 220px;
  }
  .index-aboutitem .item .text h3 {
    font-size: 20px;
  }
  .index-aboutitem .right .text {
    padding: 20px;
  }

  .navdownbot .owidth > div {
    display: none;
  }
  .navdown02 .text-r {
    display: none;
  }
  .checktwo .list a {
    margin-right: 20px;
  }
  .pronavwrap {
    width: 100%;
  }
  .h-botwrap .navdown02 {
    padding: 30px 5.2% 30px;
    border: none;
  }
  .checkmin-li .item .imgbox {
    height: 100px;
  }
  .checkone,
  .pronav-item .checkthree {
    width: 180px;
  }
  .checktwo,
  .pronav-item .checkmin {
    width: calc(100% - 210px);
  }
  .prombxwrap {
    margin-top: 160px;
  }
  .center {
    width: 94%;
  }
  .proverview01 {
    padding-left: 3%;
  }
  .prover-tl h3 {
    font-size: 30px;
  }
  .proverview02min {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .proverview02min li {
    width: 48%;
    margin-bottom: 50px;
  }
  .proverview02 {
    margin: 80px auto 40px;
  }

  .prover03-tab a {
    margin-right: 50px;
  }
  .prover03-list-l {
    width: 150px;
  }
  .prover03-list li::before {
    left: 150px;
  }
  .prover03-list-r {
    width: calc(100% - 150px);
    margin: 0;
    padding-left: 30px;
  }
  .proverview03wrap {
    background-color: #f3f6fb;
    padding-bottom: 120px;
  }
  .proverview03wrap .bg {
    height: 260px;
    top: initial;
    bottom: 0;
    object-position: right;
  }

  .proverview05wrap {
    padding: 50px 0;
  }
  .proverview05-info {
    width: 80%;
  }
  .proverview06min a {
    width: calc((100% - 40px) / 5);
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .proverview06min a:nth-of-type(6n) {
    margin-right: 10px;
  }
  .proverview06min a:nth-of-type(5n) {
    margin-right: 0;
  }
  .proverview07min li {
    width: calc((100% - 20px) / 3);
  }
  .proverview07min li .box p {
    line-height: 24px;
    bottom: 10px;
  }
  .file03-text .item p {
    font-size: 14px;
  }
  .file03-text .item strong {
    width: 30px;
    margin: 15px auto;
  }
  .file03-text .item h3 {
    font-size: 18px;
  }

  .file03-imglist .item p {
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-bottom: 0;
  }
  .file03-imglist .item {
    padding-bottom: 20px;
  }
  .f-tl h3 {
    font-size: 30px;
  }

  /*.dsztable{*/
  /*    width: 94%;*/
  /*}*/

  /*.result-banner*/
  .result-banner {
    padding: 160px 0 60px;
  }
  .file-banner .f-tl {
    margin-bottom: 30px;
  }
  .c-center {
    width: 94%;
  }
  .news-tl01 {
    font-size: 30px;
  }
  .files01-lmin .item .top .text {
    width: calc(100% - 100px);
  }

  .navdown02 .text {
    display: none;
  }
  .navdown02 .list {
    width: 100%;
  }
  .navdown02 .line {
    display: none;
  }
  /*.navdown02 .list{justify-content: flex-start;-webkit-justify-content: flex-start;}*/
  /*.navdown02 .list li{margin-right: 30px;}*/
  .navdown02 .list li:last-child {
    margin-right: 0;
  }

  .about01-top .text p {
    font-size: 20px;
  }
  .about01-top .text h3 {
    font-size: 32px;
  }
  .about01-top .text span {
    font-size: 18px;
  }
  .about01-top .text span::before {
    width: 50px;
  }
  .global-nav .mbx {
    display: none;
  }
  .ejinav a {
    line-height: 60px;
  }
  .appli01wrap {
    padding: 60px 0;
  }
  .appli01 {
    display: block;
  }
  .appli01-l {
    width: 100%;
  }
  .appli01-l h3 {
    font-size: 32px;
  }
  .appli01-l strong {
    width: 50px;
    margin: 20px 0;
  }
  .appli01-l p {
    font-size: 20px;
    line-height: 30px;
  }
  .linetext span {
    font-size: 16px;
    writing-mode: lr;
  }
  .linetext {
    margin-top: 10px;
    flex-flow: row;
    -webkit-flex-flow: row;
    width: 100%;
    justify-content: flex-start;
  }
  .appli01-r {
    width: 100%;
    margin-top: 20px;
  }
  .linetext::before {
    display: none;
  }
  .appli02-top {
    overflow: auto;
  }
  .appli02-top a {
    white-space: nowrap;
    margin-right: 20px;
  }
  .appli02page .line {
    width: 50px;
  }
  .appli02page {
    padding: 0 3%;
  }
  .appli02-thumbs {
    width: calc(100% - 200px);
  }
  .appli02-thumbs .swiper-slide::before {
    width: 11px;
  }
  .appli03-gallery .swiper-slide {
    padding: 30px;
  }
  .appli03-gallery .swiper-slide .text {
    padding-right: 30px;
  }
  .appli04wrap {
    margin: 50px auto;
  }

  .appli04wrap {
    padding: 0 3%;
    margin: 50px auto;
  }
  .appli04 {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .appli04 .item.active,
  .appli04 .item {
    width: calc((100% - 10px) / 2);
    margin-bottom: 10px;
  }
  .appli04 .item .text,
  .appli04 .item .text {
    transform: none;
  }
  .appli04 .item .text h4,
  .appli04 .item .text h4 {
    opacity: 1;
  }
  .appli04 .item img {
    height: 420px;
  }
  .appli04 .item {
    border-radius: 8px;
  }

  .appli05min {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .appli05min-l {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    border: none;
  }
  .appli05min-r {
    width: 100%;
  }
  .swiper-appli05.textmode .swiper-slide a {
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .swiper-appli05.textmode .swiper-slide a:nth-of-type(2n) {
    margin-right: 20px;
  }
  .appli09 {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .appli09-l {
    width: 68%;
  }
  .appli09-r {
    width: 30%;
    margin: 0;
  }

  .pro01 {
    flex-flow: column;
    -webkit-flex-flow: column;
  }
  .pro01-r {
    width: 100%;
    margin: auto;
  }
  .pro01-l {
    width: 100%;
    margin-bottom: 50px;
  }
  .pro01-l h3 {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 20px;
  }
  .pro01-l h4 {
    margin-bottom: 30px;
  }
  .pro01 {
    margin: 50px auto;
  }
  .protab .list a {
    font-size: 14px;
    margin-right: 15px;
  }
  .protab .more {
    width: 80px;
    height: 36px;
  }
  .pro02 .item {
    padding: 20px;
  }
  .pro02 .item img {
    margin-bottom: 20px;
  }
  .pro02 .item h3 {
    font-size: 20px;
    line-height: 26px;
  }
  .pro02 .item {
    width: calc((100% - 20px) / 3);
    margin-right: 10px;
  }
  .pro02 .item h3 {
    margin-bottom: 15px;
  }
  .protwo01-bot {
    margin-top: 40px;
  }
  .protwo01-swiper {
    margin-bottom: 40px;
  }
  .protwo01 {
    padding-bottom: 50px;
  }

  .pro02wrap {
    margin: 80px auto;
  }
  .pro03list li .text {
    padding-left: 3%;
    padding-right: 30px;
  }
  .pro03list li:nth-of-type(2n) .text {
    padding-right: 3%;
    padding-left: 30px;
  }
  .pro03list li .imgbox {
    height: 420px;
  }
  .pro03list li .imgbox img {
    height: 100%;
    object-fit: cover;
  }
  .pro03list li .text .list .item {
    margin-right: 20px;
  }
  .pro03list li .text > h3,
  .pro03bot-text > h3 {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 20px;
  }
  .pro03list li .text > h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .pro03list li .text .list h3 {
    font-size: 24px;
  }
  .pro03list li .text .list h3 img {
    height: 24px;
  }
  .pro03list li .more {
    width: 100px;
    height: 36px;
  }
  .pro03list li .text .list {
    margin-bottom: 25px;
  }
  .pro03bot {
    padding-top: 80px;
  }
  .pro03bot-text {
    width: 94%;
  }
  .pro03bot-text .list li {
    margin-bottom: 15px;
  }
  .pro03bot-text .list li h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .pro03bot-text .list li p {
    font-size: 14px;
  }
  .pro03bot img {
    max-width: 90%;
  }
  .pro03bot {
    padding-top: 50px;
  }
  .proverview05-tab a {
    margin-right: 10px;
    margin-bottom: 15px;
  }
  .proverview05-info .item h4 {
    margin-bottom: 30px;
  }
  .pro06wrap {
    margin: 80px auto;
  }
  .pinfo-tl {
    margin-bottom: 30px;
  }
  .pro06min {
    padding: 30px;
  }
  .pro06min .tablewrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .pro06min .tablewrap table {
    width: 100%;
    margin-bottom: 20px;
  }
  .pro06min .tablink {
    margin-top: 20px;
  }
  .pro07wrap {
    margin: 80px auto;
  }
  .pro08 .item {
    width: calc((100% - 20px) / 3);
    margin-right: 10px;
  }
  .pro08 .item h3 {
    font-size: 18px;
    line-height: 24px;
    height: 48px;
  }
  .pro08 .item h4 {
    font-size: 14px;
    line-height: 20px;
  }
  .pro08 .item .list {
    padding-top: 20px;
    margin-top: 20px;
  }
  .pro08 .item .list li {
    margin-bottom: 15px;
  }
  .pro08wrap {
    margin: 80px auto;
  }
  .pro09wrap {
    margin: 80px auto;
  }

  .pro05wrap .proverview05-tab {
    width: 100%;
  }
  .proverview05-tab a {
    padding: 0 12px;
    line-height: 40px;
    border-radius: 20px;
  }
  .proverview05wrap .imglist {
    top: 35%;
    left: initial;
    right: 0;
    width: 100%;
    height: auto;
  }
  .proverview05wrap .imglist img {
    position: relative;
    height: auto;
  }
  .proverview05-info {
    width: 45%;
  }

  .pro09 .top li,
  .pro09 .bg > div,
  .pro09min li .item {
    width: calc((100% - 45px) / 4);
  }
  .pro09 .top h3 {
    font-size: 20px;
  }
  .pro10wrap {
    padding: 60px 0;
  }

  .file03-imglist .item {
    width: calc((100% - 30px) / 3);
  }
  .pro10 .swiper-slide .text h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .pro10 {
    box-sizing: border-box;
    padding: 0 3%;
  }
  .pro10 .swiper-slide .text h3 {
    font-size: 20px;
    line-height: 30px;
  }
  .pro10 .swiper-slide .text .more {
    width: 100px;
    height: 34px;
    font-size: 14px;
  }
  .pro10 .swiper-slide .imgbox {
    height: 180px;
  }
  .pro10 .swiper-slide .text {
    padding-right: 30px;
  }
  .pro10-page {
    width: calc(100% - 150px);
  }

  .pro11wrap {
    padding: 60px 0;
  }
  .pro11 .item {
    margin-right: 15px;
    width: calc((100% - 30px) / 3);
  }
  .pro11 .item .text h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: auto;
  }
  .pro11 .item .text {
    margin-top: 20px;
  }
  .pro11 .item .text h4 {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    -webkit-line-clamp: 2;
  }
  .pro11 .item .text .more {
    width: 100px;
    height: 34px;
    font-size: 14px;
  }

  .pro12wrap {
    margin: 60px auto;
  }
  .pro12 {
    display: block;
  }
  .pro12-l {
    width: 100%;
    padding: 0;
    padding-bottom: 10px;
    border: none;
    border-bottom: 1px solid #dddddd;
    display: flex;
    display: -webkit-flex;
    margin-bottom: 30px;
  }
  .pro12-l a {
    width: auto;
    margin: 0;
    margin-right: 40px;
  }
  .pro12-l a:last-child {
    margin-right: 0;
  }
  .pro12-r {
    width: 100%;
  }
  .pro12-r li .swiper-slide .item {
    width: calc((100% - 20px) / 2);
    margin-bottom: 20px;
  }
  .pro12-r li .swiper-slide .item:nth-of-type(3n) {
    margin-right: 20px;
  }
  .pro12-r li .swiper-slide .item:nth-of-type(2n) {
    margin-right: 0;
  }
  .c03list li form .item label,
  .c03list li form .item textarea {
    width: calc((100% - 10px) / 2);
  }
  .c03list li form .item {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .c03list li form .item label.colinput {
    width: 100%;
  }
  .c03list li form .item textarea {
    width: 100%;
    height: 100px;
  }
  .pro13 .bg {
    height: 760px;
  }
  .c03list li form .item02 label {
    width: 100%;
  }
  .proverview05wrap .imglist {
    top: 40%;
  }

  .news01wrap {
    margin: 60px auto;
  }
  .news01-top .item .imgbox {
    height: 220px;
  }
  .news01 .item {
    padding-top: 0;
  }
  .news01-top {
    margin-top: 30px;
  }
  .news01-bot .item .imgbox {
    height: 150px;
  }
  .news01 .item .text .info p {
    width: 100px;
    height: 32px;
    font-size: 14px;
  }
  .news02wrap {
    margin: 60px auto;
  }
  .news-screenli p {
    font-size: 16px;
    width: 60px;
    line-height: 30px;
  }
  .news-screenli .list {
    width: calc(100% - 60px);
  }
  .news-screenli .list {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    font-size: 14px;
    margin-right: 20px;
    line-height: 30px;
  }
  .news-screenli {
    margin-bottom: 20px;
    align-items: flex-start;
    -webkit-align-items: flex-start;
  }
  .news-screen {
    margin-bottom: 40px;
  }

  .news02 {
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .news02.textmode .item {
    width: calc((100% - 10px) / 2);
    margin-right: 0;
  }
  .news02.textmode .item:nth-of-type(2n) {
    margin-right: 0;
  }
  .news02.textmode .item .imgbox {
    height: 180px;
    border-radius: 8px;
  }
  .news02.textmode .item {
    margin-bottom: 30px;
  }

  .ninfo-b {
    display: block;
  }
  .ninfo-b .text {
    width: 100%;
    margin-bottom: 30px;
  }
  .ninfo-b .imgbox {
    width: 100%;
    height: 280px;
    border-radius: 8px;
  }
  .ninfo01wrap {
    margin: 60px auto;
  }
  .ninfo01 img {
    max-width: 100%;
  }

  .news02 .item .imgbox {
    width: 50%;
    height: 200px;
  }
  .news02 .item .text {
    width: 45%;
  }
  .news02 .item .text h3 {
    font-size: 20px;
  }
  .news02 .item .text h4 {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 0;
    -webkit-line-clamp: 2;
  }
  .news02 .item .text .bot {
    margin-top: 20px;
    padding-top: 20px;
  }
  .news02 .item .text .data p {
    font-size: 12px;
  }
  .news02 .item .text .data i {
    margin: 0 6px;
  }
  .news02 .item .text .bot .more {
    width: 80px;
    height: 32px;
  }
  .news02 .item {
    margin-bottom: 40px;
  }
  .news02wrap {
    margin-bottom: 40px;
  }
  .news02 .item .text h4::before {
    display: none;
  }

  .result-s {
    width: 94%;
  }
  .filetab {
    margin-top: 50px;
  }
  .f02rsift-item .list .li p font {
    font-size: 14px;
  }
  .files01-r {
    width: 300px;
  }
  .f02rsift-item .list {
    padding: 0 15px;
  }
  .f02rsift-item .top {
    padding: 0 15px;
    font-size: 16px;
  }
  .files01-l {
    width: calc(100% - 320px);
  }
  .news-tl01 {
    margin-bottom: 15px;
    width: 100%;
  }
  .news02tl {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .news02tl-r > p,
  .news02tl-r .looknum p,
  .chagemode p {
    font-size: 14px;
  }
  .news02tl-r > i {
    margin: 0 10px;
  }
  .files01-lmin .item {
    padding: 20px;
    margin-bottom: 20px;
  }
  .files01-lmin .item .top {
    display: block;
  }
  .files01-lmin .item .top .link {
    width: 100%;
    margin-top: 20px;
  }
  .files01-lmin .item .top .text {
    width: 100%;
  }
  .files01-lmin.textmode .item {
    width: calc((100% - 10px) / 2);
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 15px;
    padding-bottom: 80px;
  }
  .files01-lmin.textmode .item .top .link a {
    width: 40%;
  }
  .files01-lmin.textmode .item .top .text h3 {
    font-size: 16px;
    line-height: 24px;
  }

  .a01-search {
    width: 40%;
  }
  .video {
    margin: 60px auto;
  }
  .video01 {
    display: block;
  }
  .video01-l {
    width: 100%;
    display: none;
  }
  .video01-r {
    width: 100%;
    position: relative;
    flex-flow: row;
    -webkit-flex-flow: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .video01-r .item {
    height: auto;
  }
  .video01-r .item .imgbox {
    height: 250px;
  }
  .video03 {
    display: flex;
    display: -webkit-flex;
  }
  .video03 .item {
    width: calc((100% - 20px) / 3);
    margin-right: 10px;
  }
  .video03 .item:nth-of-type(4n) {
    margin-right: 10px;
  }
  .video03 .item:nth-of-type(3n) {
    margin-right: 0;
  }
  .video03 .item .imgbox {
    height: 180px;
  }
  .aboutwrap {
    margin-bottom: 50px;
  }
  .maskweap .imgshow .bigvideo {
    height: auto;
  }
  .videobox {
    width: 90%;
    height: auto;
  }

  .photos01 .item {
    width: calc((100% - 20px) / 3);
    margin-right: 10px;
  }
  .photos01 .item:nth-of-type(4n) {
    margin-right: 10px;
  }
  .photos01 .item:nth-of-type(3n) {
    margin-right: 0;
  }
  .agreement {
    width: 90%;
  }

  .agreement .bot .imgbox {
    width: 150px;
  }
  .agreement .bot .form {
    width: calc(100% - 150px);
  }

  .global01 {
    display: block;
  }
  .global01-info {
    width: 100%;
  }
  .global01-tl {
    width: 100%;
    padding-right: 0;
    border: none;
  }
  .global01-tl > p {
    margin-bottom: 20px;
  }
  .global01-info {
    padding-left: 0;
  }
  .global01 {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .global02 {
    padding: 0 3%;
  }
  .global02-l .item .textbox {
    padding: 0 15px;
  }
  .global02-l .item .textbox .numfont h2,
  .global02-l .item .textbox .numfont {
    font-size: 34px;
  }
  .global02-l .item .textbox h3 {
    font-size: 14px;
    line-height: 24px;
  }
  .global02-r .textbox02 h3 {
    font-size: 20px;
  }
  .global02-r .textbox02 p {
    font-size: 14px;
  }
  .global02-l .item {
    height: 240px;
  }
  .global03-tl {
    width: 94%;
  }
  .global03-tl p {
    font-size: 28px;
  }

  .mr--about_us--global--imgBg {
    display: none;
  }
  .mr--about_us--global--item1 {
    position: relative;
  }
  .m-picture {
    display: block;
  }
  .m-picture img {
    width: 100%;
  }
  .global03-tl {
    margin-bottom: 0;
  }
  .mdgq,
  .mr--about_us--global--item1 .list,
  .mr--about_us--global--imgBgWrap .list {
    display: none;
  }
  .mr--about_us--global--item1 {
    margin-top: 30px;
  }
  .mr--about_us--global--item {
    margin-top: 50px;
  }
  .global04-l li .textbox h3 {
    font-size: 12px;
    margin-top: 0;
  }
  .global04-l li .textbox .numfont h2,
  .global04-l li .textbox .numfont p,
  .global04-l li .textbox .numfont h2 i {
    font-size: 32px;
  }
  .global03-tl p {
    font-size: 16px;
  }
  .global04-l li img {
    width: 40px;
    height: 40px;
  }
  .global04-l li .textbox {
    width: calc(100% - 56px);
  }
  .global04 {
    width: 100%;
  }
  .global04-r {
    width: 65%;
  }

  .history-lmin a.active h3 {
    font-size: 26px;
  }
  .history-lmin a.active font {
    font-size: 60px;
    margin-top: -30px;
  }
  .history-l {
    padding-right: 25px;
  }
  .history-lmin a .line {
    right: -28px;
  }

  .history-swiper-min .top {
    display: block;
    padding-bottom: 0;
  }
  .history-swiper-min .top .text {
    width: 100%;
  }
  .nfen {
    width: 100%;
  }
  .history-swiper-min .top .text h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .history-swiper-min .top .imgbox {
    width: 280px;
    height: 280px;
    margin-top: 30px;
  }
  .history-swiper-min .top .imgbox img {
    transform: scale(0.9);
  }
  .history-page {
    top: 70px;
  }
  .history-swiper-min .top .text {
    padding-top: 110px;
  }
  .history-swiper-min .bot {
    margin-top: 30px;
  }
  .history-swiper-min .bot > h3 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .history-swiper-min .bot .list .item {
    width: calc((100% - 15px) / 2);
    margin-right: 15px;
  }
  .history-swiper-min .bot .list .item:nth-of-type(3n) {
    margin-right: 15px;
  }
  .history-swiper-min .bot .list .item:nth-of-type(2n) {
    margin-right: 0;
  }
  .history-swiper-min .bot .list .item .imgbox {
    height: 140px;
  }
  .history-swiper-min .bot .list .item .text h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
    display: block;
    margin-bottom: 10px;
  }
  /*.history-swiper-min .bot .list .item .text h4{-webkit-line-clamp: 2;line-clamp: 2;height:48px;}*/

  .history02wrap {
    padding: 80px 0 0;
  }
  .h-tl01 h3 {
    font-size: 32px;
  }
  .history02-l {
    width: 180px;
  }
  .year-content {
    width: calc(100% - 220px);
  }
  .year-content h3 {
    font-size: 64px;
  }
  .year-content .overtext h4 span {
    width: 60px;
  }
  .year-content .overtext h4 p {
    width: calc(100% - 60px);
  }

  /*.contact01-l*/
  .contact01-l {
    width: 48%;
    padding-left: 30px;
  }
  .contact01-l .icon img {
    width: 20px;
  }
  .contact01-l .text .tl h3 {
    font-size: 28px;
  }
  .contact01-l .text .tl p {
    font-size: 20px;
  }
  .contact01-l .text .list p {
    font-size: 16px;
    line-height: 30px;
  }
  .contact01-r {
    width: 50%;
  }
  .cr-list .tl h3 {
    font-size: 28px;
    margin-bottom: 15px;
  }
  .cr-list .list {
    margin-bottom: 30px;
  }
  .cr-tab .swiper-slide {
    font-size: 18px;
  }

  .contact02 .item .tl .icon {
    width: 20px;
  }
  .contact02 .item .tl .icon img {
    width: 100%;
  }
  .contact02 .item .tl {
    padding-left: 30px;
    margin-bottom: 30px;
  }
  .contact02 .item {
    width: calc((100% - 30px) / 2);
    margin-right: 30px;
    margin-bottom: 50px;
  }
  .contact02 .item:nth-of-type(3n) {
    margin-right: 30px;
  }
  .contact02 .item:nth-of-type(2n) {
    margin-right: 0;
  }
  .contact02 .item .imgbox {
    height: 180px;
  }
  .contact02 .item .imgbox img {
    max-width: 100%;
    max-height: 100%;
  }
  .contact02wrap {
    margin: 80px auto 60px;
  }

  /*.c03listwrap .bg{position: absolute;height: 100%;}*/
  .c03listwrap .bg {
    max-width: 50%;
  }
  .c03list {
    position: relative;
  }
  .c03list li {
    min-height: 540px;
  }

  .memberwrap01 {
    padding-top: 80px;
  }
  .invest01-tl h3 {
    font-size: 32px;
  }
  .member01 {
    margin-top: 30px;
  }
  .member01min tbody tr {
    height: 46px;
  }
  .member01min thead tr {
    height: 50px;
  }
  .stock {
    padding: 80px 30px 50px;
  }
  .stock-l .item01 h3 {
    font-size: 32px;
  }
  .stock-r .item01 .top .text h2 {
    font-size: 46px;
  }
  .stock-r .item01 .top img {
    margin-right: 20px;
    height: 40px;
  }
  .stock-r .item01 .top .text font {
    font-size: 20px;
    margin-bottom: 6px;
  }
  .stock-l .item01 h3 {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .stock-l .item01 p {
    font-size: 20px;
  }
  .stock-l .item01 {
    margin-bottom: 60px;
  }
  .stock-r .item01 .top {
    margin-bottom: 20px;
  }
  .stock-r .item01 {
    margin-bottom: 50px;
  }
  .stock-r .item02 li h2 {
    font-size: 36px;
  }
  .stock-r .item02 li p {
    font-size: 16px;
    margin-top: 10px;
  }
  .stock-r .item02 li {
    margin-right: 20px;
  }
  .stock-l .item02 h3 {
    font-size: 20px;
  }
  .stock-l {
    width: 60%;
  }
  .stock-r .item02 {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
  }
  .stock-l .item02 p {
    margin-bottom: 20px;
  }

  .notice01item-r p {
    margin-right: 20px;
  }
  .notice01item-l {
    width: 60%;
  }
  .notice01item-r {
    width: 38%;
  }
  .noticeselect .block {
    width: calc((100% - 40px) / 3);
  }
  .noticeselect .block .el-input input,
  .noticeselect .block .el-date-editor .el-range-input {
    font-size: 16px;
  }

  .loging-l .text {
    padding: 50px 30px;
  }
  .loging-l .text h3 {
    font-size: 26px;
    margin-bottom: 30px;
  }
  .loging-l .text h4 {
    font-size: 16px;
    line-height: 30px;
  }
  .login-formwrap {
    width: 90%;
  }
  .login-form label.check {
    font-size: 12px;
  }
  .register-r .loging-rtop {
    padding: 50px 5% 30px;
  }
  .login-form label input {
    font-size: 14px;
    height: 46px;
  }
  .login-form label {
    margin-bottom: 10px;
  }
  .logingmin {
    height: 650px;
  }

  .login-formwrap .tl {
    font-size: 26px;
    margin-bottom: 30px;
  }
  .h-searchwrap .headerinpt.open {
    width: 46vw;
  }
  .proverview01-top {
    width: 98%;
  }
  .proverview07min li .box p {
    font-size: 14px;
  }
  .proverview07min li .box img {
    max-width: 80%;
    max-height: 80%;
  }
  .proverview07min li.item01 .top,
  .proverview07min li.item02 .top,
  .proverview07min li.item03 .top {
    height: 300px;
  }
  .proverview07min li .tl {
    font-size: 18px;
  }
  .proverview02 {
    overflow: hidden;
  }
  .proverview02min li .min::before {
    display: none;
  }

  .customer01 .item {
    width: calc((50% - 15px) / 2);
    height: 400px;
  }
  .customer01 .item.active {
    width: 50%;
  }
  .customer01 .item .min .info {
    padding: 0;
  }
  .customer01 .item .min {
    padding: 0 20px;
    bottom: 30px;
  }
  .customer01 .item .min .top p {
    line-height: 20px;
  }
  .customerform form {
    height: 50px;
  }
  .customerformwrap > .more {
    height: 48px;
  }
  .customerformwrap {
    margin-top: 20px;
  }
  .c-btext {
    padding-top: 100px;
  }
  .customer02 {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
  }
  .customer02 .line {
    display: none;
  }
  .customer02 .item {
    width: calc((100% - 100px) / 3);
    margin-right: 50px;
    margin-bottom: 30px;
  }
  .customer02 .item:nth-of-type(5n) {
    margin-right: 0;
  }

  .bear06-info li {
    padding: 0 20px 0 40px;
  }
  .bear06-info li .top h3::before {
    left: -25px;
  }
  .bear06-info li .top h3 {
    font-size: 18px;
  }
  .bear06-info li .top {
    height: 80px;
  }
  .bear08 .swiper-slide {
    height: auto;
  }
  .bear08 .info {
    height: 100%;
  }
  .bear09-top .list .list-r .box p {
    display: none;
  }
  .bear09-top .list .box p {
    box-sizing: border-box;
    font-size: 18px;
  }
  .bear09-botmin .swiper-slide {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .bear09-botmin a {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
    margin-bottom: 30px;
  }
  .bear09-botmin a:nth-of-type(2n) {
    margin-right: 0;
  }
  .bear09wrap {
    margin: 80px auto;
  }

  .customer03-l .info {
    margin-top: 30px;
  }
  .customer03-l .more {
    margin-top: 30px;
    width: 140px;
    height: 46px;
  }
  .customer03-l {
    width: 54%;
  }
  .customer03-r {
    width: 42%;
  }
  .customer03-r .imgbox {
    width: calc((100% - 10px) / 2);
  }
  .customer03wrap {
    margin-bottom: 80px;
  }

  .customer04min {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .customer04min li {
    width: 49%;
  }
  .customer04wrap {
    padding: 80px 0;
  }

  .b-tc {
    display: none;
  }
  .bearmbx {
    margin-top: 0;
  }
  .bear01 .item {
    width: calc((100% - 30px) / 3);
  }
  .bear01 .item .text {
    box-sizing: border-box;
    padding: 0 10px;
  }
  .bear01 .item .text h3 {
    font-size: 22px;
  }
  .bear01 .item .text p {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 20px;
  }
  .bear01 .item .text span {
    font-size: 14px;
  }
  .bear01 {
    margin: 40px auto;
  }
  .bear02wrap {
    margin: 80px auto;
  }
  .bear02-top form {
    width: 90%;
    height: 50px;
  }
  .bear02 {
    margin-top: 50px;
  }
  .bear02-l {
    padding: 0 20px;
  }
  .bear02-r {
    padding: 0 30px;
  }
  .bear02-r .item .box h3 {
    font-size: 20px;
  }
  .bear02-r .item .box h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .bear02-r .item .box {
    width: 49%;
  }
  .bear-btab a,
  .bear02-r .item .box .more {
    width: 120px;
    height: 40px;
  }

  .bear04 {
    padding: 40px 30px;
  }
  .bear04-l {
    width: 260px;
  }
  .bear04-r {
    width: calc(100% - 300px);
  }
  .bear04-r .swiper-slide .box {
    width: calc((100% - 30px) / 2);
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .bear04-r .swiper-slide .box:nth-of-type(3n) {
    margin-right: 15px;
  }
  .bear04-r .swiper-slide .box:nth-of-type(2n) {
    margin-right: 0;
  }

  .bear05-l {
    width: 50%;
  }
  .bear05-r {
    width: 48%;
  }
  .bear05-r h3 {
    font-size: 28px;
  }
  .bear05-r p {
    font-size: 18px;
    line-height: 30px;
  }
  .bear05-r .more {
    width: 140px;
    height: 40px;
    font-size: 16px;
  }

  .bear03 h3 {
    font-size: 28px;
    margin-bottom: 30px;
  }
  .bear03 h4 {
    font-size: 22px;
    line-height: 40px;
  }

  .nfen {
    width: 100%;
  }

  .topgg .tomore {
    padding-left: 0;
  }
  .dyue {
    margin-left: 20px;
  }
  .dyue input {
    width: 280px;
  }
  .index-aboutitem .item .text h4 br {
    display: none;
  }
  .index04 .item .text {
    padding: 20px 20px 30px;
  }
  .index04 .item .text p {
    font-size: 20px;
  }
  .index04 .item .text h3 {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
  }
  .i04btn-list a {
    height: 42px;
    width: 140px;
  }

  .pro13 .bg {
    position: relative;
    left: 0;
    top: 0;
    height: 100%;
    max-width: 50%;
  }

  .appli07-swrap .button.appli07-next {
    right: 0;
  }
  .appli07-swrap .button.appli07-prev {
    left: 0;
  }
  .appli07-swrap .button {
    width: 30px;
    height: 30px;
  }

  .appli10-l,
  .appli10-r {
    width: calc((100% - 30px) / 3);
    padding: 25px 15px;
  }
  .appli10-c {
    width: calc((100% - 30px) / 3);
  }
  .appli10-l .tl,
  .appli10-c .tl h3,
  .appli10-r .tl {
    font-size: 20px;
  }
  .appli10-l .list .item .text h4,
  .appli10-ct .list .item .text h4,
  .appli10-r .list .item h4,
  .appli10-r .list .item a {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .appli10-l .list .item .text h4 {
    margin-bottom: 10px;
  }
  .appli10-l .list .item .imgbox {
    height: 80px;
  }
  .appli10-l .list .item {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .appli10-ct .list .item .imgbox img {
    height: auto;
  }
  .appli10-cb {
    padding: 20px 15px;
  }
  .appli10-cb {
    min-height: calc((100% - 50px) / 2);
  }
  .appli10-cb .item .boicon {
    width: 50px;
    height: 50px;
  }

  .appli11 {
    padding: 50px 30px;
  }
  .appli11 .imglist .imgbox img {
    height: 100%;
    object-fit: cover;
  }

  .wordwrap {
    width: 100%;
    padding: 0;
    margin-top: 106px;
  }
  .word-menu {
    height: calc(100% - 106px) !important;
    position: fixed;
    left: 0;
    top: 106px;
    background-color: #fff;
    width: 100%;
    z-index: 11;
  }
  .word-menu .menu-box,
  .word-menu .caption,
  .search-box-l,
  .sidebar-nav002 {
    padding-left: 30px;
  }
  .sidebar-nav {
    width: 100%;
    padding: 30px;
    padding-top: 10px;
  }

  .wordmin {
    width: 100%;
    padding: 0;
    padding-bottom: 50px;
  }
  .word {
    padding: 0 3%;
  }

  .word-guide {
    position: fixed;
    right: 0;
    opacity: 0;
    visibility: hidden;
  }
  .adOutsideDivmin {
    height: auto;
    padding: 12px 0;
    padding-right: 60px;
  }
  .adOutsideDivmin .text {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .adOutsideDivmin .text h3 {
    width: 100%;
  }
  .adOutsideDivmin .text p {
    margin: 0;
    margin-right: 20px;
  }
  .adOutsideDivmin .text .more {
    font-size: 12px;
    height: 26px;
    width: 70px;
  }
  .adOutsideDivmin .icon {
    top: -10px;
    right: 60px;
    max-width: 15%;
  }
  .wordlist li .tl {
    padding-top: 30px;
  }
  .wordinfo-tl h3 {
    font-size: 22px;
  }
  .wordlist li .cont {
    display: block;
  }
  .wordlist li .cont .text {
    width: 100%;
  }
  .wordlist li .cont .img {
    width: 100%;
    margin-top: 30px;
  }

  .smuen {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #00a19b;
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    position: fixed;
    bottom: 10%;
    left: 3%;
    z-index: 11;
  }
  .smuen img {
    margin: auto;
  }
  .smuen p {
    font-size: 10px;
    color: #fff;
    text-align: center;
    margin-top: 2px;
  }
  .word-menu {
    width: 100%;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: 111;
  }
  .wordwrap .word-menu .word-menumin {
    width: 70%;
    background-color: #fff;
    transform: translateX(-100%);
    transition: all 0.5s;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .word-menu .menu-box {
    padding: 0 20px;
  }
  .search-box-l {
    padding: 10px 20px;
  }
  .word-menu .caption {
    padding: 10px 20px;
  }
  .sidebar-nav {
    padding: 10px 20px 30px;
  }
  .support-link-searcher {
    height: 36px;
  }
  .support-link-searcher-input {
    height: 100% !important;
    font-size: 14px !important;
  }
  .sidebar-nav .sidebar-brand .xl {
    padding-bottom: 10px;
  }
  .sidenav-main {
    height: calc(100% - 180px);
  }
  .word-menu {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
  }
  .word-menu.open {
    opacity: 1;
    visibility: visible;
  }
  .word-menu.open .word-menumin {
    transform: none;
  }
  .wordwrap.fixed .word-menu {
    padding: 0;
  }

  .word-footer a,
  .word-footer p {
    font-size: 12px;
    margin-right: 10px;
  }

  .contact02 .item .text li p,
  .contact02 .item .text li span {
    line-height: 24px;
  }
  .invest01-l .item .imgbox {
    width: 40px;
  }
  .invest01-l .item .text {
    padding-left: 10px;
    width: calc(100% - 40px);
  }
  .invest01-l .item .text h3 {
    font-size: 18px;
    width: 60px;
    font-size: 16px;
  }
  .invest01-l .item .text p {
    padding-left: 10px;
    width: calc(100% - 60px);
    margin: 0;
    font-size: 14px;
    line-height: 18px;
  }
  .invest01-l {
    width: 50%;
    background-color: #fff;
    margin-right: -10%;
    position: relative;
  }
  .invest01-l .item {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }

  .stockwrap {
    width: 100%;
  }

  .topgg .tomore {
    margin-left: 10px;
  }

  /*20250120*/
  .product01-top .item .imgbox {
    height: 150px;
  }
  .product01-top .item .text {
    padding: 15px;
    padding-bottom: 50px;
  }
  .product01-top .item .text h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .product01-top .item .text h4 {
    line-height: 20px;
  }
  .product02-l {
    width: 280px;
  }
  .product02-r img {
    max-width: 60%;
  }
  .product02-r {
    width: calc(100% - 300px);
  }
  .protags li {
    display: block;
  }
  .protags li .list {
    width: 100%;
  }
  .protags li .tagslist .el-checkbox__label {
    font-size: 12px;
    padding-left: 4px;
    line-height: 16px;
  }
  .protags li .tagslist .el-checkbox {
    margin-right: 10px;
  }
  .protags li h3 {
    margin-bottom: 10px;
  }
  .protags li .list .el-checkbox__inner {
    width: 12px;
    height: 12px;
  }
  .product02-l .maxtl {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .product02-l .categorylist a {
    font-size: 16px;
    line-height: 46px;
  }
  .product02-l .categorylist {
    margin-bottom: 40px;
  }
  .product02-lser .tl {
    margin-bottom: 20px;
  }
  .product02-lser .tl h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .product02-lser .form {
    height: 36px;
  }
  .product02-lser .form button {
    width: 36px;
    height: 36px;
  }
  .product02-lser .form button img {
    max-width: 50%;
  }
  .product02-lser .form input {
    width: calc(100% - 36px);
    font-size: 14px;
  }
  .sell .text {
    padding: 20px;
  }
  .sell .text h3 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .sell .text h4 {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 24px;
  }
  .sell .text .more {
    width: 90px;
    height: 30px;
    font-size: 14px;
  }
  .file-lxmin {
    margin-top: 20px;
  }
  .file-lxmin form input,
  .file-lxmin form textarea {
    font-size: 14px;
    padding: 0 12px;
  }
  .file-lxmin form textarea {
    padding: 12px;
  }
  .protags li h3 {
    font-size: 14px;
    line-height: 20px;
  }
  .product02-rmin {
    padding: 30px 20px;
  }
  .procontent li {
    padding: 15px 0;
  }
  .procontent li .tl h3 a {
    font-size: 14px;
    line-height: 24px;
  }
  .procontent li .info p {
    font-size: 12px;
    line-height: 18px;
  }
  .procontent li .info .min {
    max-height: 54px;
  }
  .procontent li .info .show {
    font-size: 12px;
    line-height: 18px;
  }
  .toggle-tag02 {
    font-size: 16px;
  }
  .procontent li.active .info {
    margin-top: 12px;
  }
  .el-tag {
    font-size: 10px;
    padding: 0 6px;
  }
  .reslistwrap .delres {
    font-size: 12px;
  }
  .el-checkbox__inner::after {
    height: 4px;
    left: 3px;
    width: 2px;
  }

  .f-ba-r > div,
  .f-ba-r > p {
    width: 100%;
    text-align: center;
  }

  .nav > li {
    padding: 0 15px;
  }
  .nav {
    margin-right: 10px;
  }

  .languagedown a {
    font-size: 12px;
  }
  .languagedown a > i {
    width: 12px;
    height: 12px;
  }

  .protwo01::before {
    display: none;
  }
  .protwo02-l li .info p {
    font-size: 14px;
    line-height: 24px;
  }
  .protwo02-l li .top {
    height: 60px;
  }
  .protwo02-l li .info {
    padding-bottom: 20px;
  }

  .protwo02 {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .protwo02-l {
    width: 100%;
  }
  .protwo02-r {
    width: 100%;
    margin-top: 0;
  }
  .protwo02-r .gallery-top {
    margin: 0;
  }
  .protwo01 {
    padding-top: 0;
  }

  .coaBox .inputBox {
    width: 48%;
  }
  .bear06-tab a {
    font-size: 16px;
  }

  .docuform {
    width: 100%;
  }

  .aptitude03-r .box h3,
  .aptitude02-l .text01 h3 {
    font-size: 24px;
  }
  .aptitude03-r .box h3 span,
  .aptitude02-l .text01 h3 span {
    font-size: 90px;
  }
  .aptitude02-l .text01 p {
    font-size: 16px;
    margin-top: 10px;
  }
  .aptitude02-r {
    padding: 50px 40px;
  }
  .aptitude02-r h3 {
    margin-bottom: 30px;
  }
  .aptitude02 {
    margin: 80px auto;
  }

  .aptitude03wrap {
    margin: 80px auto;
  }
  .aptitude03-r {
    width: 400px;
  }
  .aptitude03-l {
    width: calc(100% - 410px);
  }
  .aptitude03-l .item p {
    line-height: 24px;
  }
  .aptitude03-l .item {
    padding: 30px 10px;
  }
  .aptitude03-l .item h3 span {
    font-size: 52px;
  }
  .aptitude03-l .item h3 {
    font-size: 18px;
  }
  .aptitude03-r .box p {
    font-size: 16px;
  }

  .aptitudemask .maskbox {
    padding: 0 20px;
  }
  .aptitudemask .maskbox table tbody td {
    padding: 10px;
  }
  .aptitudemask .maskbox table tbody tr {
    height: 64px;
  }
  .aptitudemask .maskbox table thead td {
    padding: 15px 0;
  }

  .el-message-box__message p {
    font-size: 14px;
    line-height: 24px;
  }

  .reslistwrap .el-tag {
    font-size: 12px;
  }
  .protags li .tagslist .el-checkbox__label {
    font-size: 12px;
  }
}

@media only screen and (min-width: 780px) and (max-width: 960px) {
  .aptitude04 {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .aptitude04 li {
    width: 100%;
    margin-bottom: 20px;
  }
  .aptitude04 li h4 {
    height: auto;
    margin-bottom: 20px;
  }
  .aptitude04 li .list {
    display: flex;
    display: -webkit-flex;
  }
  .aptitude04 li .list .item {
    width: calc(100% / 3);
  }
  .aptitude04 li .list .item p {
    font-size: 14px;
    width: calc(100% - 80px);
  }
  .aptitude04 li .list .item .imgbox {
    width: 80px;
    height: 80px;
  }

  .el-message-box__message p {
    font-size: 14px;
    line-height: 24px;
  }

  .reslistwrap .el-tag {
    font-size: 12px;
  }
  .protags li .tagslist .el-checkbox__label {
    font-size: 12px;
  }
}

@media only screen and (max-width: 780px) {
  .zjApp {
    display: block;
  }
  .zjMp {
    display: none;
  }

  .pro09 .top::before {
    top: 94px;
  }

  /*.div1,.loadingwrap{display: none;}*/
  .loadingmin img {
    max-width: 90%;
    margin: auto;
  }
  .bannerwrap {
    height: calc(100vh - 106px - 70px);
    margin-top: 106px;
  }
  .bannerswiper .item .text h3 {
    font-size: 28px;
    margin-bottom: 15px;
  }
  .bannerswiper .item .text p {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .bannerswiper .item .text h4 {
    font-size: 14px;
    line-height: 24px;
  }
  .bannerswiper .item .text strong {
    width: 60px;
    margin: 20px 0;
  }
  .bannerswiper .item .text .more {
    width: 90px;
    height: 30px;
    line-height: 30px;
  }
  .bannerpage {
    bottom: 10px;
  }
  .bannerpage .swiper-pagination-bullet {
    width: 63px;
    height: 25px;
    background-size: contain;
  }

  .topggwrap {
    display: none;
  }
  .htop-rnav {
    display: none;
  }
  .language p {
    font-size: 14px;
  }
  .htop-l i,
  .htop-l .muen,
  .nav,
  .h-bot-l {
    display: none;
  }
  .htr-line {
    display: none;
  }
  .h-botwrap .owidth {
    padding-right: 60px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .h-searchwrap,
  .headerinpt.open {
    width: 100%;
  }
  .h-searchwrap .headerinpt {
    width: 100%;
    opacity: 1;
    visibility: visible;
    padding-left: 40px;
    position: relative;
    top: 0;
    margin: 0;
  }
  .h-searchwrap .headerinpt.open {
    width: 100%;
  }
  .h-searchwrap .search {
    display: none;
  }
  .headerwrap {
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
  }
  .language img {
    filter: brightness(0.2);
  }
  .htop-l a.logo img {
    filter: none;
  }
  .language p,
  .signwrap a {
    color: #000000;
  }
  .signwrap i {
    background-color: #000000;
  }
  .h-topwrap {
    border-color: #dedede;
  }
  .languagedown {
    width: 150px;
    padding: 10px;
    transform: none;
    left: 50%;
    margin-left: -75px;
  }
  .languagedown a > i {
    width: 12px;
    height: 12px;
  }
  .languagedown a {
    font-size: 12px;
    height: 26px;
  }
  .headerinpt {
    height: 34px;
  }
  .headerwrap.hwrap01 .h-topwrap {
    height: auto;
    opacity: 1;
    visibility: visible;
  }

  /* hamburger */
  .hamburger.is-closed .hamb-middle {
    margin-top: -1px;
  }
  .hamburger.is-closed .hamb-top {
    top: 2px;
  }
  .hamburger.is-closed .hamb-bottom {
    bottom: 2px;
  }
  .sidebar-nav {
    z-index: 10;
    background-color: #fff;
    padding: 70px 30px 50px;
    width: 70%;
  }
  .sidebar-nav .sidebar-brand a {
    color: #000000;
  }
  .sidebar-nav .sidebar-brand > a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 20px;
  }
  .sidebar-nav .sidebar-brand .xl {
    padding-bottom: 20px;
  }
  .sidebar-nav {
    overflow-y: scroll;
  }
  .headerwrap_current .header {
    background-color: #1a1a1a;
  }
  .sidebar-nav .sidebar-brand .sidebar-brand-there a {
    font-size: 14px;
  }
  .sidebar-nav .sidebar-brand a .sj {
    border-color: #000000;
  }
  .sidebar-nav-two .sidebar-brand-two a {
    box-sizing: border-box;
    padding: 0 20px;
  }
  .sidebar-nav-two .sidebar-brand-there a {
    padding: 0 40px;
  }
  .hamburger {
    height: 20px;
    right: 3%;
    top: 18px;
    z-index: 12;
    display: block;
    position: absolute;
    width: 26px;
  }
  .hamburger.is-closed .hamb-top,
  .hamburger.is-closed .hamb-middle,
  .hamburger.is-closed .hamb-bottom,
  .hamburger.is-open .hamb-top,
  .hamburger.is-open .hamb-middle,
  .hamburger.is-open .hamb-bottom {
    background-color: #2d96b1;
    height: 2px;
  }
  .hamburger {
    top: 13px;
  }
  .hader-center .shopping {
    right: 50px;
  }
  .hamburger.is-closed:hover .hamb-top {
    top: 2px;
  }
  .hamburger.is-closed:hover .hamb-bottom {
    bottom: 2px;
  }

  .sidebar-nav .sidebar-brand > a {
    font-size: 16px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  ul li a {
    font-size: 15px;
  }
  .sidebar-nav .sidebar-brand .xl {
    padding-bottom: 15px;
  }

  .ax-menu {
    display: block;
    background-color: #fff;
    position: fixed;
    z-index: 0;
    right: 100%;
    height: calc(100% - 106px);
    overflow: auto;
  }
  .ax-menu.sidebar-nav-open {
    right: 0;
    top: 106px;
  }
  .ax-menu li:hover > a .ax-name,
  .ax-menu li:hover > a .ax-legend,
  .ax-menu li:hover > a .ax-arrow {
    color: #2d96b1;
  }
  .ax-menu > li:before {
    background-color: #2d96b1;
  }
  .ax-menu > li {
    border-bottom: 1px solid #eee;
  }
  .ax-menu .ax-name .n {
    width: auto;
    padding: 0 4px;
    border: 1px solid #2d96b1;
    color: #2d96b1;
    font-size: 12px;
    line-height: 16px;
    border-radius: 2px;
    margin-left: 5px;
  }
  .ax-menu > li > ul > li > a {
    padding-left: calc(1.4rem * 2);
    height: 4rem;
    line-height: 4rem;
  }
  .ax-menu > li > ul > li > ul > li > a {
    padding-left: calc(1.4rem * 3);
    height: 3.8rem;
    line-height: 3.8rem;
  }
  .ax-menu > li > ul > li > ul > li > ul > li > a {
    padding-left: calc(1.4rem * 4);
    height: 3.4rem;
    line-height: 3.4rem;
  }
  .ax-menu > li > ul > li > ul > li > ul > li > ul > li > a {
    padding-left: calc(1.4rem * 5);
    height: 2.8rem;
    line-height: 2.8rem;
  }
  .ax-menu li a {
    font-size: 14px;
  }
  .ax-menu > li > a .ax-name img {
    margin-left: 5px;
  }

  .i-tl01 h3 {
    font-size: 26px;
    margin-bottom: 10px;
  }
  .i-tl01 strong {
    width: 50px;
  }
  .index01min {
    margin-bottom: 20px;
    display: block;
  }
  .i01-left {
    width: 100%;
  }
  .cbl {
    width: 100%;
    bottom: 0;
    display: flex;
    display: -webkit-flex;
    right: 0;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-bottom: 0;
  }
  .cbl.show {
    height: auto;
  }
  .cbl .showitem,
  .cbl .item {
    width: calc(100% / 4);
  }
  .showitem::before,
  .showitem::after {
    width: 40px;
    height: 40px;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
  }
  .cbl .showitem {
    background-color: transparent;
  }
  .cbl .item {
    border: none;
    opacity: 1;
  }
  .totop {
    bottom: 80px;
    right: 5px;
    width: 46px;
    height: 46px;
  }
  .morejt {
    width: 14px;
  }
  .cbl .showitem .tips {
    display: none;
  }

  .i01l-showinfo {
    z-index: 2;
    padding-left: 0;
  }
  .i01-right {
    width: 100%;
  }
  .owidth {
    padding: 0 3%;
  }
  .index01wrap {
    padding: 50px 0;
  }
  .i01r-item .swiper-container {
    padding: 15px;
  }
  .i01r-item .swiper-pagination .swiper-pagination-bullet,
  .i003-page .swiper-pagination-bullet {
    width: 25px;
    margin-right: 10px;
  }
  .i01r-item
    .swiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active,
  .i003-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 40px;
  }
  .i003-page {
    margin-top: 20px;
  }
  .i01r-item .swiper-pagination {
    margin-top: 10px;
  }
  .i01r-item .swiper-slide.swiper-slide-active {
    width: 100% !important;
  }
  .i01r-item a {
    padding: 25px 20px;
  }
  .i01l-showinfo .infoitem .text h3 {
    font-size: 16px;
    margin-bottom: 0;
  }
  .i01l-showinfo .infoitem .text p {
    line-height: 22px;
  }
  .i01l-showinfo .infoitem {
    padding: 15px 20px;
  }
  .i01-left .i01l-item {
    margin-bottom: 10px;
  }
  .i01l-itemtab {
    padding-right: 20px;
  }
  .i01r-item:before,
  .i01r-item:after {
    display: none;
  }

  .index02 {
    margin-top: 30px;
  }
  .index02wrap {
    margin-bottom: 50px;
  }
  .index02list {
    display: block;
  }
  .index02list a,
  .index02list a.active {
    width: 100%;
  }
  .index02list a {
    height: 280px;
    margin-bottom: 10px;
  }
  .index02list .hovtext {
    padding: 20px;
  }
  .index02list .hovtext h3 {
    font-size: 22px;
    padding-bottom: 10px;
  }
  .index02list .hovtext h4 {
    font-size: 14px;
    line-height: 22px;
  }
  .index02list .hovtext p {
    font-size: 16px;
    margin: 15px 0;
  }
  .index02list .hovtext .more {
    margin-top: 20px;
    width: 90px;
    height: 34px;
    font-size: 14px;
  }
  .index02list .text h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .index02list .text p {
    font-size: 16px;
  }
  .index02list .text {
    padding: 30px 20px;
  }
  .i02-tomore {
    width: 100px;
    height: 36px;
    font-size: 14px;
    margin-top: 30px;
  }

  .i003-swiper {
    padding: 30px 0;
    padding-bottom: 20px;
  }
  .index003min {
    width: 94%;
    margin: auto;
    margin-top: 20px;
  }
  .index003min a img {
    height: 100%;
    object-fit: cover;
  }
  .index003wrap {
    margin-bottom: 50px;
  }

  .index04wrap {
    margin: 50px auto;
  }
  .index04 {
    margin-top: 30px;
    display: block;
  }
  .index04 .item {
    width: 100%;
    margin-bottom: 20px;
  }
  .i04btn-list a {
    width: 100px;
    height: 36px;
    font-size: 14px;
    margin-right: 20px;
  }
  .i04btn-list a:last-child {
    margin-right: 0;
  }

  .index05wrap {
    background-attachment: scroll;
    padding: 50px 0;
  }
  .index05 {
    display: block;
  }
  .index05-l {
    width: 100%;
    padding: 30px 20px;
  }
  .index05-l h3 {
    font-size: 24px;
  }
  .index05-l h4 {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .index05-l .tablink .more {
    width: 100px;
    height: 36px;
    font-size: 14px;
    margin-right: 20px;
  }
  .index05-l .tablink {
    margin-bottom: 30px;
  }
  .index05-l .list .item {
    padding: 20px 10px;
  }
  .index05-l .list .item h3 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .index05-l .list .item p {
    font-size: 14px;
  }

  .index05-r {
    width: 100%;
    padding: 30px 20px;
    margin-top: 10px;
  }
  .index05-num .textbox .imgbox img {
    max-width: 80%;
    max-height: 80%;
  }
  .index05-num .textbox .numfont h2,
  .index05-num .textbox .numfont span {
    font-size: 30px;
  }
  .index05-num .textbox .numfont {
    padding-left: 20px;
    width: 110px;
  }
  .index05-num .mumping_mun02 li {
    padding: 10px 0;
  }

  .index06wrap {
    height: 70vh;
  }
  .index06 h3 {
    font-size: 26px;
  }
  .index06 p {
    font-size: 14px;
    line-height: 24px;
  }
  .index06 .more {
    height: 40px;
  }

  .f-nav {
    display: none;
  }
  .f-logo img {
    height: auto;
    width: 60px;
  }
  .f-search {
    width: calc(100% - 80px);
  }
  .f-search label {
    width: 100%;
    height: 40px;
  }
  .f-search img {
    height: 16px;
  }
  .f-top {
    margin-bottom: 30px;
  }
  .f-fx {
    display: none;
  }
  .f-lx {
    display: block;
  }
  .f-lx .item {
    padding-left: 30px;
    margin-bottom: 15px;
  }
  .f-lx .item img {
    left: -30px;
  }
  .f-lx .item p {
    margin-bottom: 6px;
    font-size: 14px;
  }

  .footerwrap {
    padding-bottom: 70px;
  }
  .f-ba-l {
    display: none;
  }
  /*.f-ba-r a:last-child{display: none;}*/
  .f-ba-r a,
  .f-ba-r font {
    font-size: 12px;
    line-height: 20px;
    margin: 0;
  }
  .f-ba-r {
    flex-wrap: wrap;
    -webkti-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
  }
  .totop {
    bottom: 140px;
  }
  /*.f-ba-r p>i{display: none;}*/
  .f-ba-r p > i {
    font-size: 12px;
    margin: 0 4px;
  }
  .f-ba-r p {
    text-align: center;
  }

  .c-banner img {
    height: 300px;
  }
  .c-btext {
    padding-top: 0;
  }
  .c-btext h3 {
    font-size: 28px;
  }
  .c-btext strong {
    width: 60px;
    margin: 15px auto;
  }
  .c-btext p {
    font-size: 16px;
  }

  .mbx {
    display: none;
  }
  .center {
    width: 94%;
  }
  .aboutwrap {
    padding: 50px 0 30px;
    margin-bottom: 0;
  }
  .about01-top .text p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .about01-top .text h3 {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .about01-top {
    display: block;
  }
  .about01-top .text span {
    font-size: 16px;
  }
  .about01-top .text span::before {
    width: 30px;
  }
  .a01-search {
    width: 100%;
    margin-top: 20px;
    height: 40px;
  }
  .about01-top {
    margin-bottom: 30px;
  }
  .about01 .item .hovertext {
    padding: 0 15px;
  }
  .about01 .item h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .about01 .item .text .more {
    width: 90px;
    height: 32px;
    border-radius: 4px;
    font-size: 14px;
  }
  .about01 .item .text {
    padding: 0 15px;
  }
  .about01 .item .hovertext h4 {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .about01 .item {
    border-radius: 6px;
  }
  .about01 .item .hovertext strong {
    height: 1px;
    width: 50px;
    margin: 15px 0;
  }
  .about01 .item .hovertext .more {
    width: 90px;
    height: 32px;
    font-size: 14px;
  }
  .about01 {
    margin-bottom: 10px;
  }

  .file03wrap {
    padding: 50px 0 50px;
  }
  .f-tl h3 {
    font-size: 26px;
  }
  .file03-imglist {
    margin-top: 30px;
    display: block;
  }
  .file03-imglist .item {
    width: 100%;
    margin-bottom: 30px;
  }
  .file-lxmin {
    margin-top: 30px;
  }

  .file03-text {
    margin-top: 50px;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  /*.file03-text .item{width: 100%;box-sizing:border-box;padding-left:40px;text-align:left;}*/
  /*.file03-text .item strong{margin: 20px 0;}*/
  /*.file03-text .item .imgbox{position: absolute;left: 0;}*/
  .file03-text .item {
    width: calc((100% - 10px) / 2);
  }
  .file03-text .item p {
    font-size: 14px;
  }
  .file03-text .item h3 {
    font-size: 18px;
  }
  .file03-text .item strong {
    width: 40px;
    height: 1px;
    margin: 15px auto;
  }
  .files01-lmin .item .top .link a i {
    margin-right: 3px;
  }
  .file03-text .item .imgbox {
    margin-bottom: 20px;
  }

  .loging .toindex {
    margin-top: 30px;
  }
  .logingwrap {
    min-height: 100vh;
  }
  .logingmin {
    height: auto;
    padding-bottom: 30px;
  }
  .loging-l {
    display: none;
  }
  .loging-r .loging-rtop {
    padding: 30px 20px;
    display: block;
  }
  .login-formwrap {
    width: 100%;
    padding: 0 20px;
  }
  .loging-r {
    width: 100%;
  }
  .login-formwrap .tl {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .login-tl02 {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .login-form label input {
    height: 46px;
    font-size: 14px;
    padding: 0 12px;
  }
  .login-form label .eyes img {
    height: 20px;
  }
  .login-form .tips {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .login-form label {
    margin-bottom: 10px;
  }
  .login-form button {
    width: 120px;
    margin: auto;
    font-size: 14px;
    height: 40px;
  }
  .f-bacont {
    box-sizing: border-box;
    padding: 10px 3%;
    flex-wrap: wrap;
    -wekti-flex-wrap: wrap;
    height: 60px;
  }
  .f-bacont a:last-child {
    display: none;
  }
  .f-bacont strong {
    display: none;
  }
  .f-bacont a {
    font-size: 14px;
  }

  /*.dsztable{*/
  /*       width: 94%;*/
  /*   }*/

  .c-center {
    width: 94%;
  }
  .c-banner img {
    min-height: auto;
  }
  .contact01min {
    padding: 50px 0;
    box-sizing: border-box;
    display: block;
  }
  .contact01-l {
    padding-left: 30px;
    margin-bottom: 30px;
  }
  .contact01-l .icon img {
    width: 20px;
  }
  .contact01-l .text .tl h3 {
    font-size: 24px;
  }
  .contact01-l .text .tl p {
    font-size: 20px;
  }
  .contact01-l .text .tl {
    margin-bottom: 20px;
  }
  .contact01-l .text .list p {
    font-size: 16px;
    line-height: 30px;
  }
  .contact01-r {
    width: 100%;
  }
  .cr-list li .tl h3 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .cr-list li .tl {
    margin-bottom: 20px;
  }
  .cr-list li .list .item p {
    font-size: 16px;
    line-height: 30px;
  }
  .cr-tab a {
    padding-top: 15px;
    font-size: 16px;
  }
  .cr-list .tl h3 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .contact01-l .text .tl p {
    font-size: 18px;
  }
  .cr-list .list .item p {
    font-size: 16px;
  }
  .cr-list .tl {
    margin-bottom: 20px;
  }
  .cr-tab .swiper-slide {
    font-size: 16px;
  }
  .cr-list .list {
    margin-bottom: 30px;
  }

  .c03list li form .item label,
  .c03list li form .item textarea {
    width: calc((100% - 10px) / 2);
  }
  .c03list li form .item label input,
  .c03list li form .item label select,
  .c03list li form .item textarea {
    font-size: 14px;
    height: 50px;
  }
  .c03list li form .item label.colinput {
    width: 100%;
  }
  .c03list li form .item textarea {
    padding: 10px;
  }
  .c03list li form .item02 label,
  .c03list li form .item02 label a {
    font-size: 12px;
  }
  .c03list li form .item03 label {
    width: 100%;
  }
  .c03list li form .item02 label input {
    width: 14px;
    height: 14px;
  }
  .c03list li form .more {
    width: 120px;
    height: 40px;
    margin-top: 20px;
  }

  .contact02wrap {
    margin: 50px auto;
  }
  .contact02 .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .contact02 .item .imgbox img {
    max-width: 70%;
  }
  .contact02 .item .tl .icon {
    width: 20px;
  }
  .contact02 .item .tl .icon img {
    max-width: 100%;
  }
  .contact02 .item .tl .font h3 {
    font-size: 20px;
  }
  .contact02 .item .tl .font p {
    font-size: 16px;
  }
  .contact02 .item .tl {
    margin-bottom: 20px;
    padding-left: 30px;
  }
  .contact02 .item .text {
    margin-top: 20px;
  }
  .contact02 .item .text li p {
    font-size: 14px;
    line-height: 24px;
  }
  .contact02 .item .text li span {
    font-size: 14px;
    line-height: 24px;
  }

  .contact03wrap {
    padding: 50px 0 30px;
  }
  .c03-tab a {
    font-size: 18px;
    padding-bottom: 10px;
    margin-right: 20px;
  }
  .c03list {
    padding: 60px 10px;
  }
  .c03list li form .item {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .c03list li form .item input,
  .c03list li form .item select,
  .c03list li form .item textarea {
    width: calc((100% - 10px) / 2);
    font-size: 14px;
  }
  .c03list li form .item input.colinput,
  .c03list li form .item textarea {
    width: 100%;
  }
  .c03list li form .item02 label input {
    width: 14px;
  }
  .c03list li form .item02 label,
  .c03list li form .item02 label a {
    font-size: 14px;
  }
  .c03list li form .more {
    width: 200px;
    height: 42px;
  }
  .c03listwrap .bg {
    height: 620px;
  }
  .c03listwrap {
    margin-top: 20px;
  }
  .c03list li form .item textarea {
    line-height: 20px;
  }

  /* .result-banner */
  .result-banner {
    padding: 50px 3%;
    padding-top: 120px;
    box-sizing: border-box;
  }
  .file-banner .f-tl {
    margin-bottom: 30px;
  }
  .result-s {
    width: 100%;
  }
  .result-s input {
    font-size: 14px;
  }

  .filetabwrap {
    width: 100%;
    overflow: auto;
  }
  .filetab {
    width: 600px;
    margin-top: 40px;
  }
  .filetab .item p {
    font-size: 14px;
    line-height: 18px;
  }
  .filetab .item .imgbox {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
  }
  .filetab .item {
    padding-bottom: 15px;
  }
  .files01 {
    flex-flow: column;
  }
  .files01-l {
    width: 100%;
  }
  .news02tl {
    display: block;
  }
  .news-tl01 {
    font-size: 26px;
    margin-bottom: 10px;
  }
  .news02tl-r > p {
    font-size: 12px;
  }
  .news02tl-r > i {
    margin: 0 10px;
    height: 12px;
  }
  .news02tl-r .looknum p {
    font-size: 12px;
  }
  .chagemode p {
    font-size: 12px;
  }
  .chagemode .open {
    width: 25px;
    height: 14px;
  }
  .chagemode .open::before {
    width: 10px;
    height: 10px;
  }
  .files01-lmin .item {
    padding: 30px 20px;
    margin-bottom: 20px;
  }
  .files01-lmin .item .top {
    display: block;
  }
  .files01-lmin .item .top .text {
    width: 100%;
  }
  .files01-lmin .item .top .text h3 {
    font-size: 20px;
    font-size: 16px;
  }
  .files01-lmin .item .top .text .data p {
    font-size: 14px;
  }
  .files01-lmin .item .top .text .tags p {
    padding: 0 10px;
    font-size: 12px;
    line-height: 28px;
    height: 28px;
    margin-right: 6px;
    border-radius: 14px;
  }
  .files01-lmin .item .top .text {
    margin-bottom: 10px;
  }
  .files01-lmin .item .top .link a {
    width: 80px;
    height: 30px;
    margin-right: 8px;
    font-size: 14px;
  }
  .files01-lmin .item .bot h3 {
    font-size: 14px;
    height: 30px;
  }
  .files01-lmin .item .bot h3 i {
    margin-left: 10px;
  }
  .files01-lmin .item .bot .info {
    padding-top: 20px;
  }
  .files01-lmin .item .bot .info p {
    font-size: 14px;
    line-height: 24px;
  }
  .files01-lmin.textmode .item {
    padding: 20px 12px;
    width: calc((100% - 10px) / 2);
  }
  .files01-lmin .item .top .text h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .files01-lmin .item .top .text .data i {
    display: none;
  }
  .files01-lmin .item .top .text .data p {
    line-height: 20px;
  }
  .result-page {
    margin-top: 20px;
  }
  .f02r-tag a {
    margin-right: 5px;
    border-radius: 18px;
  }
  .files01wrap {
    margin-bottom: 50px;
  }
  .files01-lmin.textmode .item .top .text h3 {
    font-size: 16px;
    min-height: 66px;
  }
  .files01-lmin .item .top .text .data p {
    font-size: 12px;
  }
  .files01-lmin.textmode .item {
    margin-bottom: 10px;
  }
  .pdfwrap .btns a {
    width: 40px;
    height: 40px;
  }
  .pdfwrap .btns a img {
    max-width: 60%;
    max-height: 60%;
  }
  .pdfwrap .btns {
    width: 40px;
    right: 10px;
  }
  .sendmin {
    width: 90%;
  }
  .sendmin .close {
    width: 34px;
    height: 34px;
    right: -14px;
  }
  .sendmin .form {
    padding: 30px 20px;
  }
  .sendmin .form p {
    font-size: 14px;
  }
  .sendmin .form label {
    width: calc(100% - 120px);
  }
  .sendmin .form .more {
    width: 80px;
  }
  .f02r-tagwrap {
    margin-top: 50px;
  }

  /* .files01-r */
  .files01-r {
    width: 100%;
  }

  .yzmlable .more {
    height: 46px;
    font-size: 14px;
    width: 120px;
  }
  .login-form label.yzmlable input {
    width: calc(100% - 130px);
  }
  .login-form .slideunlock {
    font-size: 14px;
  }
  .login-form .tonext {
    width: 120px;
    margin: auto;
    font-size: 14px;
    height: 40px;
  }

  .ejinav {
    display: none;
  }
  .global01 {
    margin: 50px auto;
    display: block;
  }
  .global01-tl {
    width: 100%;
    padding: 0;
    border: none;
  }
  .global01-tl > h3 {
    font-size: 24px;
  }
  .global01-tl > strong {
    width: 30px;
    margin: 20px 0;
  }
  .global01-tl > p {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .global01-tl ul li h4 {
    font-size: 18px;
  }
  .global01-tl ul li p {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .global01-info {
    width: 100%;
    padding: 0;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #eee;
  }
  .global01-info p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
  }

  .global02 {
    display: block;
  }
  .global02-l {
    width: 100%;
    margin-bottom: 6px;
  }
  .global02-l .item {
    overflow: hidden;
  }
  .global02-l .item .textbox {
    padding: 0 20px;
  }
  .global02-l .item {
    height: 200px;
  }
  .global02-l .item .textbox .numfont h2,
  .global02-l .item .textbox .numfont {
    font-size: 34px;
  }
  .global02-l .item .textbox h3 {
    font-size: 14px;
    line-height: 22px;
  }
  .global02-r .textbox02 h3 {
    font-size: 20px;
  }
  .global02-r .textbox02 p {
    font-size: 16px;
  }
  .global02-r .textbox02 {
    top: 20px;
  }

  .global03-tl {
    width: 100%;
    box-sizing: border-box;
    padding: 0 3%;
    margin-top: 50px;
  }
  .global03-tl h3 {
    font-size: 26px;
  }
  .global03-tl p {
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .global03-tl strong {
    display: none;
  }
  .global03-tl h4 {
    font-size: 14px;
    line-height: 24px;
  }

  .invest01wrap {
  }
  .invest01-tl h3 {
    font-size: 26px;
    margin-bottom: 15px;
  }
  .invest01 {
    display: block;
  }
  .invest01-l {
    width: 100%;
  }
  .invest01-tl {
    margin-bottom: 30px;
  }
  .invest01-l .item .imgbox {
    width: 40px;
  }
  .invest01-l .item .text {
    padding-left: 10px;
  }
  .invest01-l .item .text h3 {
    font-size: 18px;
  }
  .invest01-l .item .text p {
    font-size: 16px;
    margin-left: 10px;
  }
  .invest01-l .item {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .invest01-r {
    width: 100%;
    margin-top: 30px;
  }
  .invest01wrap {
    margin: 50px auto;
  }

  .login-form button {
    margin-top: 20px;
  }
  .login-formbot {
    margin-top: 30px;
  }
  .login-formbot a,
  .login-formbot p {
    font-size: 14px;
  }

  .memberwrap01 {
    padding-top: 0;
    margin-bottom: 50px;
  }
  .invest01-tl strong {
    width: 30px;
  }
  .invest01-tl p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 20px;
  }
  .member01 .dimg {
    width: 60%;
  }
  .member01min {
    padding: 20px 10px;
    overflow: auto;
  }
  .member01min thead tr {
    font-size: 14px;
    height: 50px;
  }
  .member01min tbody tr {
    font-size: 14px;
    height: 50px;
  }
  .member01min table {
    width: 460px;
  }

  .news01wrap {
    margin: 50px auto;
  }
  .news01-top {
    display: block;
  }
  .news01-top .item {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
  .news01-top .item .imgbox {
    height: 240px;
  }
  .news01 .item font {
    right: 8px;
  }
  .news01 .item .imgbox {
    border-radius: 10px;
  }
  .news01 .item .text .data i {
    margin: 0 10px;
  }
  .news01 .item .text .data {
    margin-bottom: 10px;
  }
  .news01 .item .text .info h3 {
    font-size: 16px;
    line-height: 22px;
    width: calc(100% - 110px);
  }
  .news01 .item .text .info p {
    width: 90px;
    height: 34px;
    font-size: 14px;
  }
  .news01-bot {
    display: none;
  }
  .news01-bot .item {
    display: block;
    width: 100%;
  }

  .news02wrap {
    margin: 50px auto;
  }
  .news-screenli p {
    font-size: 14px;
    white-space: nowrap;
    margin-right: 0;
    width: 50px;
    line-height: 24px;
  }
  .news-screenli .list {
    width: calc(100% - 50px);
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .news-screenli .list a {
    font-size: 14px;
    margin-right: 8px;
    line-height: 24px;
  }
  .news-screenli {
    align-items: flex-start;
    -webkit-align-items: flex-start;
    margin-bottom: 10px;
  }
  .news-screen {
    margin: 30px 0;
  }
  .news02 .item {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
  .news02 .item .imgbox {
    width: 100%;
    height: 200px;
  }
  .news02 .item .text {
    width: 100%;
    margin-top: 20px;
  }
  .news02 .item .text h3 {
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 24px;
  }
  .news02 .item .text h4 {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 0;
    margin-bottom: 20px;
    border: none;
  }
  .news02 .item .text .bot {
    padding-top: 20px;
    border-top: 1px solid #dddddd;
  }
  .news02 .item .text .data p {
    font-size: 12px;
  }
  .news02 .item .text .data i {
    height: 12px;
    margin: 0 8px;
  }
  .news02 .item .text .bot .more {
    width: 80px;
    height: 30px;
    font-size: 12px;
  }
  .result-page .el-pager li,
  .result-page .el-pagination button {
    margin-right: 10px;
  }

  .ninfo-bwrap {
    padding: 110px 0 50px;
  }
  .ninfo-b {
    display: block;
  }
  .ninfo-b .text {
    width: 100%;
    margin-bottom: 30px;
  }
  .ninfo-b .text strong {
    width: 50px;
    height: 2px;
    margin-bottom: 20px;
  }
  .ninfo-b .text h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
  }
  .ninfo-b .text .data p {
    font-size: 12px;
    margin-right: 10px;
    margin-bottom: 0;
  }
  .ninfo-b .text .fx {
    margin-top: 20px;
  }
  .ninfo-b .text .fx a {
    width: 30px;
    height: 30px;
  }
  .ninfo-b .imgbox {
    width: 100%;
    height: auto;
  }
  .ninfo01wrap {
    margin: 50px auto;
  }
  .ninfo01 p {
    font-size: 14px !important;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .ninfo01 img {
    max-width: 100%;
  }
  .ninfo01 span {
    font-size: 14px !important;
    line-height: 24px;
  }
  .ninfo-page .link a {
    font-size: 14px;
  }
  .ninfo-page .more {
    width: 90px;
    height: 34px;
    font-size: 14px;
  }
  .ninfo-page .link {
    width: calc(100% - 100px);
  }
  .ninfo01 li {
    padding-left: 12px;
  }

  .noticeselect {
    margin-top: 30px;
    width: 100%;
  }
  .noticeselect select {
    font-size: 18px;
  }
  .notice01 {
    margin-top: 10px;
  }
  .notice01item-l img {
    height: 20px;
    margin-right: 10px;
  }
  .notice01item-l h3 {
    font-size: 14px;
    width: calc(100% - 20px);
  }
  .notice01item-r p {
    font-size: 12px;
    margin-right: 10px;
  }
  .notice01item-r .btnlist a img {
    width: 10px;
    display: none;
  }
  .notice01item-r .btnlist a {
    font-size: 12px;
  }
  .notice01item-r .btnlist i {
    margin: 0 5px;
  }
  .notice01item-l {
    width: 60%;
  }
  .notice01item {
    padding: 15px 0;
  }
  .notice01wrap .tomore {
    margin-top: 30px;
  }

  .video-top {
    display: block;
  }
  .video-top .link a {
    font-size: 20px;
    margin-right: 20px;
    padding-bottom: 10px;
  }
  .video {
    margin: 30px 0 50px;
  }
  .photos01 .item {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .photos01 .item:nth-of-type(3n) {
    margin-right: 10px;
  }
  .photos01 .item:nth-of-type(2n) {
    margin-right: 0;
  }
  .photos01 .item .text h3 {
    font-size: 14px;
  }
  .photos01 .item .text .link a {
    font-size: 13px;
  }
  .photos01 .item .text .link i {
    height: 13px;
    margin: 0 6px;
  }
  .files01-l {
    margin-bottom: 50px;
  }

  .register-r .loging-rtop .login-tl02 {
    margin-bottom: 30px;
  }
  .login-form label.yzmlable {
    height: 46px;
  }
  .login-form label.yzmlable .yzm {
    width: 120px;
  }
  .xieyilist {
    margin-top: 12px;
  }
  .login-form label.check {
    font-size: 13px;
    margin-bottom: 6px;
  }
  .login-form label.check i {
    width: 12px;
    height: 12px;
  }

  .result01wrap {
    padding: 50px 0;
  }
  .result01-tab a {
    font-size: 14px;
    margin-right: 5px;
    padding-bottom: 10px;
    text-align: center;
    line-height: 18px;
  }
  .result01-tab {
    margin-bottom: 20px;
  }
  .result01-list .item .text span {
    font-size: 14px;
    width: 60px;
  }
  .result01-list .item .text p {
    font-size: 14px;
  }
  .result01-list .item i {
    font-size: 12px;
  }
  .result01-list .item .text {
    width: calc(100% - 70px);
  }
  .result01-list .item {
    height: 50px;
  }

  .stockwrap {
    width: 100%;
  }
  .stock-l {
    width: 100%;
  }
  .stock {
    display: block;
  }
  .stock-l .item01 h3 {
    font-size: 26px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .stock-l .item01 p {
    font-size: 18px;
  }
  .stock-l .item01 {
    margin-bottom: 30px;
  }
  .stock-l .item02 p {
    font-size: 14px;
  }
  .stock-l .item01 h3 span {
    margin-left: 10px;
  }
  .stock-l .item02 h3 {
    font-size: 14px;
  }
  .stock-r .item01 .top .text h2 {
    font-size: 40px;
  }
  .stock-r .item01 .top img {
    height: 30px;
    margin-right: 10px;
  }
  .stock-r .item01 .top .text span {
    font-size: 40px;
  }
  .stock-r .item01 .top .text font {
    font-size: 16px;
    margin-bottom: 5px;
    margin-left: 5px;
  }
  .stock-r .item01 .top {
    margin-bottom: 10px;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
  }
  .stock-r {
    margin-top: 20px;
  }
  .stock-r .item01 .bot {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
  }
  .stock {
    padding: 50px 10px 30px;
  }
  .stockwrap .bg {
    height: 300px;
  }
  .stockwrap::before {
    content: "";
    display: block;
    width: 100%;
    height: calc(100% - 300px);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    background-color: #f8f8f8;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .stock-r .item01 .bot .font {
    margin-right: 20px;
  }
  .stock-r .item01 {
    margin-bottom: 20px;
  }
  .stock-r .item02 li h2,
  .stock-r .item02 li .font span {
    font-size: 30px;
  }
  .stock-r .item02 li p {
    font-size: 16px;
    margin-top: 10px;
  }
  .stock-r .item02 {
    width: 100%;
  }
  .stock-r .item02 li h2 {
    text-align: left;
  }
  .stock-r .item02 li p {
    text-align: left;
    transform: none;
  }
  .stock-r .item02 li .font {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
  }

  /* .video01 */
  .video01 {
    display: block;
  }
  .video01-l,
  .video01-r {
    width: 100%;
  }
  .video01 .video01-l .imgbox {
    height: 260px;
  }
  .video01-r {
    margin-top: 20px;
    position: relative;
  }
  .video01-r .item {
    margin-bottom: 20px;
  }
  .video01-r .item:last-child {
    margin-bottom: 0;
  }
  .video02 h3 {
    font-size: 26px;
  }
  .videopage .swiper-pagination-bullet {
    width: 40px;
  }
  .videopage .swiper-pagination-bullet-active {
    width: 50px;
  }
  .video03 .item {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0;
  }
  .video03 .item:nth-of-type(2n) {
    margin-right: 0;
  }
  .video03 {
    display: flex;
  }
  .video01 .item .text .data {
    flex-wrap: wrap;
    -webkit-fkex-wrap: wrap;
    margin-top: 10px;
  }
  .video03 .item .text .data i {
    display: none;
  }
  .video03 .item .text .data p {
    line-height: 16px;
  }
  .video03 .item .imgbox {
    height: 140px;
  }
  .video01 .item .text {
    padding: 15px 10px;
  }
  .video03 .item .text h3 {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
  }
  .video01 .item .imgbox .icon {
    width: 50px;
    height: 50px;
  }
  .videobox {
    height: auto;
    width: 90%;
  }
  .videobox .videclose {
    width: 36px;
    height: 36px;
  }
  /*.maskweap .imgshow .bigvideo{padding: 10px;}*/
  .videobox .rq {
    padding: 10px;
    max-width: calc(100% - 20px);
    height: auto;
  }

  .agreement {
    width: 90%;
    padding: 0 20px 50px;
  }
  .agreement .info p {
    font-size: 12px;
    line-height: 20px;
  }
  .agreement .info h3 {
    font-size: 16px;
  }
  .agreement .bot {
    display: block;
  }
  .agreement .bot .imgbox {
    width: auto;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    margin-bottom: 10px;
  }
  .agreement .bot .imgbox img {
    height: 36px;
  }
  .agreement .bot .form div > label input {
    padding: 0 10px;
    font-size: 12px;
  }
  .agreement .bot .form > div > label {
    width: calc((100% - 10px) / 2);
  }
  .agreement .bot .form > div {
    margin-bottom: 10px;
  }
  .agreement .bot .form > label {
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
    padding-left: 20px;
  }
  .agreement .bot .form label input.radio_type {
    width: 10px;
    height: 10px;
    border-width: 0;
    position: absolute;
    left: 0;
    top: 5px;
  }
  .more {
    font-size: 14px;
  }
  .agreement .bot .form label {
    margin-top: 0;
  }

  .sell .text {
    padding: 30px 20px;
  }

  /*20240108*/
  .global04 {
    display: block;
  }
  .global04-l {
    width: 100%;
  }
  .global04-l li img {
    max-width: 40px;
    max-height: 40px;
  }
  .global04-l li .textbox {
    width: calc(100% - 50px);
  }
  .global04-l li .textbox .numfont h2,
  .global04-l li .textbox .numfont p,
  .global04-l li .textbox .numfont h2 i {
    font-size: 40px;
  }
  .global04-l li .textbox .numfont h2,
  .global04-l li .textbox .numfont p {
    font-size: 34px;
  }
  .global04-l li .textbox .numfont span {
    font-size: 16px;
    margin-bottom: 6px;
  }
  .global04-l li .textbox h3 {
    font-size: 16px;
    margin-top: 5px;
  }
  .global04-l li {
    margin-bottom: 20px;
  }
  .global04-r {
    width: 100%;
    margin-top: 30px;
  }

  .history {
    display: block;
  }
  .history-l {
    width: 100%;
    padding: 0;
    border: none;
  }
  .history-lmin {
    margin-top: 20px;
    overflow: hidden;
  }
  .history-lmin h3 {
    font-size: 18px;
  }
  .history-lmin a.active h3 {
    font-size: 20px;
  }
  .history-lmin p {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .history-lmin {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-bottom: 30px;
  }
  .history-lmin a .line {
    width: 40px;
    height: 2px;
    top: initial;
    bottom: 0;
    right: initial;
    left: 0;
  }
  .history-lmin a {
    padding-bottom: 10px;
    margin-bottom: 0;
  }
  .history-rlist {
    width: 100%;
    padding: 0;
  }
  .history-swiper-min .top {
    display: block;
  }
  .nfen {
    width: 100%;
  }
  .history-lmin a font {
    font-size: 60px;
    right: initial;
    left: 0;
    margin-top: -30px;
  }
  .history-lmin a.active font {
    font-size: 44px;
    position: relative;
    top: 0;
    margin: 0;
  }
  .history-swiper-min .top .text {
    width: 100%;
  }
  .history-swiper-min .top .text h3 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .history-swiper-min .top .text h4 {
    font-size: 14px;
    line-height: 24px;
  }
  .history-swiper-min .top .imgbox {
    width: 260px;
    height: 260px;
    margin: auto;
    margin-top: 20px;
  }
  .history-swiper-min .top .imgbox img {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
  }
  .history-page {
    top: 440px;
  }
  .history-swiper-min .bot {
    margin-top: 0;
  }
  .history-swiper-min .bot > h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .history-swiper-min .bot .list {
    display: block;
    margin-bottom: 0;
  }
  .history-swiper-min .bot .list .item {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-bottom: 20px;
    margin-right: 0;
  }
  .history-swiper-min .bot .list .item .imgbox {
    width: 40%;
    height: 180px;
  }
  .history-swiper-min .bot .list .item .text {
    width: 60%;
    box-sizing: border-box;
    padding-left: 10px;
    padding-top: 0;
  }
  .history-swiper-min .bot .list .item .text h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
  }
  /*height:48px;*/
  .history-swiper-min .bot .list .item .text h4 {
    padding-bottom: 0;
    border: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
  }
  .history-swiper-min .bot .list .item .text .data {
    padding-top: 0;
    border-top: 1px solid #dddddd;
  }
  .historywrap {
    margin-bottom: 30px;
  }

  .login-form label.yzmlable .yzm img {
    width: 100%;
    height: 100%;
  }
  .login-form .tonext {
    margin-top: 20px;
  }
  .login-form .slideunlock {
    margin-bottom: 10px;
    height: 46px;
    line-height: 46px;
  }
  .login-form .slideunlock .label {
    height: 46px;
  }

  .mr--about_us--global--imgBg {
    display: none;
  }
  .mr--about_us--global--item1 {
    position: relative;
  }
  .m-picture {
    display: block;
  }
  .m-picture img {
    width: 100%;
  }
  .global03-tl {
    margin-bottom: 0;
  }
  .mdgq,
  .mr--about_us--global--item1 .list,
  .mr--about_us--global--imgBgWrap .list {
    display: none;
  }
  .mr--about_us--global--item1 {
    margin-top: 30px;
  }
  .mr--about_us--global--item {
    margin-top: 50px;
  }
  .global04-l li .textbox h3 {
    font-size: 12px;
    margin-top: 0;
  }
  .global04-l li .textbox .numfont h2,
  .global04-l li .textbox .numfont p,
  .global04-l li .textbox .numfont h2 i {
    font-size: 32px;
  }
  .global03-tl p {
    font-size: 16px;
  }

  .c-banner {
    padding-top: 106px;
  }
  .c-banner img {
    height: 250px;
  }
  /*.appli01wrap*/
  .appli02-twrap {
    display: none;
  }
  .appli01wrap {
    padding: 50px 0;
  }
  .appli01 {
    display: block;
  }
  .appli01-l {
    width: 100%;
  }
  .appli01-l h3 {
    font-size: 24px;
  }
  .appli01-l strong {
    width: 30px;
    margin: 15px 0;
  }
  .appli01-l p {
    font-size: 18px;
    line-height: 24px;
  }
  .linetext {
    flex-flow: row;
    -webkit-flex-flow: row;
    width: auto;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    margin-top: 20px;
  }
  .linetext span {
    writing-mode: initial;
    font-size: 14px;
  }
  .linetext::before {
    width: 30px;
    height: 2px;
    margin: 0;
    margin-right: 5px;
  }
  .appli01-r {
    width: 100%;
    margin-top: 20px;
  }
  .appli01-r p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
    padding: 0;
  }
  .appli01-rmin {
    margin-top: 20px;
  }

  .appli02item .tl {
    top: 30px;
  }
  .appli02item .tl h3 {
    font-size: 24px;
  }
  .appli02item .tl p {
    font-size: 16px;
  }
  .appli02-gallery .swiper-slide {
    padding-top: 120px;
  }
  .appli02-gallery .swiper-slide .text h3 {
    font-size: 20px;
  }
  .appli02-gallery .swiper-slide .text h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
  }
  .appli02-gallery .swiper-slide .text a {
    font-size: 14px;
  }

  /*20240409*/
  .appli02-thumbs .swiper-slide {
    font-size: 14px;
    line-height: 30px;
  }
  .appli02page .line {
    width: 25px;
  }
  .appli02-thumbs {
    width: calc(100% - 100px);
  }
  .appli02-thumbs .swiper-slide::before {
    width: 10px;
  }
  .appli02page .button {
    width: 25px;
    height: 25px;
  }
  .appli02-gallery .swiper-slide {
    padding-bottom: 120px;
  }
  .appli02page {
    bottom: 50px;
    width: 94%;
    left: 3%;
  }

  .appli03-tl h3 {
    font-size: 22px;
  }
  .appli03-tl p {
    font-size: 14px;
  }
  .appli03-tab .more {
    width: 100px;
    height: 34px;
    font-size: 12px;
  }
  .appli03-thumbs .swiper-slide .imgbox {
    width: 50px;
    height: 50px;
  }
  .appli03-thumbs {
    width: 100%;
    box-sizing: border-box;
  }
  .appli03-thumbs .swiper-slide p {
    font-size: 14px;
    margin-top: 10px;
  }
  .appli03-thumbs .swiper-slide .imgbox img {
    max-width: 60%;
  }
  .appli03-thumbs .swiper-slide {
    padding: 15px 10px 20px;
    border: 1px solid #f5f5f5;
  }
  .appli03-gallery .swiper-slide {
    flex-flow: column-reverse;
    -webkit-flex-flow: column-reverse;
    padding: 20px 10px 30px;
  }
  .appli03-gallery .swiper-slide .imgbox {
    width: 100%;
    margin-bottom: 20px;
  }
  .appli03-gallery .swiper-slide .text {
    width: 100%;
    padding: 0;
  }
  .appli03-gallery .swiper-slide .text h3 {
    font-size: 20px;
  }
  .appli03-gallery .swiper-slide .text h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .appli03-gallery .swiper-slide .text a {
    font-size: 14px;
    padding-bottom: 5px;
  }
  .appli03wrap {
    margin: 50px auto 30px;
  }
  .appli03-tab {
    margin-bottom: 20px;
  }
  .appli03 {
    overflow: hidden;
  }

  .appli04wrap {
    margin: 30px auto 50px;
    padding: 0 3%;
  }
  .appli04wrap .appli03-tl {
    margin-bottom: 30px;
  }
  .appli04 {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .appli04 .item,
  .appli04 .item.active {
    width: 100%;
    margin-bottom: 10px;
  }
  .appli04 .item img {
    height: 250px;
  }
  .appli04 .item .text {
    transform: none;
    padding: 0 20px;
  }
  .appli04 .item .text h3 {
    font-size: 20px;
    padding-bottom: 15px;
  }
  .appli04 .item .text h4 {
    font-size: 14px;
    line-height: 22px;
    opacity: 1;
  }

  .appli05wrap {
    margin: 50px auto 30px;
  }
  .appli05min {
    display: block;
  }
  .appli05min-l {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    border: none;
    padding: 0;
    margin-bottom: 30px;
  }
  .appli05min-l a {
    font-size: 14px;
    padding-left: 10px;
    margin-bottom: 0;
    margin-right: 10px;
  }
  .appli05min-l a::before {
    width: 2px;
    height: 100%;
  }
  .appli05min-r {
    width: 100%;
  }
  .swiper-appli05.textmode .swiper-slide a {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    padding: 20px 15px;
    margin-bottom: 10px;
  }
  .swiper-appli05.textmode .swiper-slide a:nth-of-type(3n) {
    margin-right: 10px;
  }
  .swiper-appli05.textmode .swiper-slide a:nth-of-type(2n) {
    margin-right: 0;
  }
  .swiper-appli05 .swiper-slide a .text h4 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
  }
  .swiper-appli05 .swiper-slide a .text p {
    font-size: 12px;
    padding-bottom: 4px;
  }
  .appli05-page .swiper-pagination-bullet:before {
    height: 2px;
  }
  .appli05-page .swiper-pagination-bullet {
    width: 30px;
    margin-right: 10px;
  }
  .appli05-page .swiper-pagination-bullet-active {
    width: 50px;
  }

  .appli06wrap {
    margin: 30px auto 50px;
    padding: 50px 0;
  }
  .appli06list {
    width: 100%;
    margin: 20px 0 30px;
  }
  .appli06list a {
    height: 30px;
    width: calc((100% - 20px) / 3);
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 12px;
  }
  .appli06text {
    width: 100%;
  }
  .appli06text .li h3 {
    font-size: 20px;
    margin-bottom: 14px;
  }
  .appli06text .li h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .appli06text .li p {
    font-size: 12px;
    padding-bottom: 4px;
  }

  .appli07wrap {
    margin: 50px auto;
  }
  .appli07wrap .tl {
    font-size: 24px;
  }
  .appli07 > img {
    width: 100px;
  }
  .appli07min {
    padding: 30px 20px;
  }
  .appli07min-top {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .appli07min-top li {
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 20px;
  }
  .appli07min-top li > h3 {
    font-size: 20px;
  }
  .appli07min-top li .list {
    height: 260px;
  }
  .appli07min-top li .jticon {
    left: 50%;
    top: initial;
    bottom: 0;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    width: 20px;
    margin-left: -10px;
  }
  .appli07min-bot {
    margin-top: 0;
  }
  .appli07min-bot .tl h3 {
    margin: 0 5px;
    font-size: 20px;
  }
  .appli07min-bot .tl img {
    height: 10px;
  }
  .appli07min-bot .list {
    padding: 20px 15px;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .appli07min-bot .list .item {
    width: calc((100% - 10px) / 2);
    margin-bottom: 20px;
  }
  .appli07min-bot .list .item > p,
  .appli07min-bot .list .item .text h3 {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .appli07min-bot .list .item .text .hovertext p {
    display: none;
  }
  .appli07min-bot .list .item .text .hovertext span {
    position: relative;
    opacity: 1;
    transform: none;
    display: block;
    left: 0;
    text-align: center;
  }
  .appli08 > img {
    width: 100px;
  }
  .appli08 {
    margin-top: 30px;
  }
  .appli08min {
    padding: 20px 15px;
  }
  .appli08mintab tr td:first-child,
  .appli08mintab tr td:nth-of-type(2n) {
    font-size: 14px;
    line-height: 22px;
  }
  .appli08mintab tr td {
    padding: 10px;
  }
  .appli08mintab tr td:nth-of-type(2n) {
    padding-left: 10px;
    font-size: 12px;
    line-height: 18px;
  }
  .appli08wrap {
    margin: 50px auto;
  }

  /*.appli09wrap*/
  .appli09wrap {
    margin: 50px 0;
    padding: 50px 0;
  }
  .appli09 {
    flex-flow: column-reverse;
    -webkit-flex-flow: column-reverse;
  }
  .appli09-r {
    width: 100%;
    margin-top: 0;
    margin: auto;
  }
  .appli09-r img {
    max-width: 90%;
    margin: auto;
  }
  .appli09-l {
    width: 100%;
    margin-top: 30px;
  }
  .appli09-l h3 {
    font-size: 24px;
  }
  .appli09-l p {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .appli09-l h4 {
    font-size: 14px;
    line-height: 24px;
  }
  .appli09-l a {
    font-size: 14px;
    padding-bottom: 5px;
  }
  .appli09-l a i {
    font-size: 14px;
  }

  .appli10wrap {
    margin: 50px auto;
  }
  .appli10 {
    margin-top: 30px;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .appli10-l {
    width: 100%;
    padding: 20px 15px;
  }
  .appli10-l .tl {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .appli10-l .list .item .text {
    padding-left: 10px;
  }
  .appli10-l .list .item .text h4 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    margin-bottom: 10px;
  }
  .appli10-l .list .item {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .appli10-l .tomore {
    font-size: 14px;
    padding-bottom: 5px;
  }

  .appli10-c {
    width: 100%;
    margin-top: 20px;
  }
  .appli10-ct {
    padding: 20px 15px;
  }
  .appli10-c .tl h3 {
    font-size: 20px;
  }
  .appli10-c .tl a {
    font-size: 14px;
  }

  .appli10-cb {
    margin-top: 20px;
    padding: 20px 15px;
  }
  .appli10-cb .item .boicon {
    width: 50px;
  }

  .appli10-r {
    margin-top: 20px;
    padding: 20px 15px;
    width: 100%;
  }
  .appli10-r .tl {
    font-size: 20px;
  }
  .appli10-r .list .item h4 {
    width: calc(100% - 50px);
    line-height: 22px;
  }
  .appli10-r .tomore {
    font-size: 14px;
    padding-bottom: 5px;
  }

  .appli11wrap {
    padding: 50px 0;
  }
  .appli11 {
    margin-top: 30px;
    display: block;
    padding: 30px 15px;
    box-sizing: border-box;
  }
  .appli11 .text {
    width: 100%;
  }
  .appli11 .text .tl img {
    height: 46px;
  }
  .appli11 .text .tl h3 {
    font-size: 20px;
  }
  .appli11 .text .tl p {
    font-size: 14px;
  }
  .appli11 .text .tl {
    padding-top: 30px;
    margin-bottom: 20px;
  }
  .appli11 .text .info h4 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 30px;
  }
  .appli11 .imglist {
    width: 100%;
  }
  .appli11 .text .info img {
    display: none;
  }
  .appli07-swrap .button {
    width: 30px;
    height: 30px;
    background-color: #00a19b;
  }
  .appli07-swrap .button.appli07-next {
    right: 0;
  }
  .appli07-swrap .button.appli07-prev {
    left: 0;
  }
  .appli07-swrap .button i {
    color: #fff;
    font-size: 16px;
  }

  .swiper-appli07 {
    width: calc((100% + 20px));
    margin-left: -10px;
    padding: 10px;
  }

  .aplimask {
    width: 94%;
  }
  .aplimask > img {
    width: 140px;
    margin-bottom: -2px;
  }
  .aplimask .maskbox {
    padding: 20px;
  }
  .aplimask .maskbox h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .aplimask .maskbox table {
    width: 800px;
  }
  .aplimask .close {
    width: 32px;
    height: 32px;
  }
  .aplimask .close img {
    width: 14px;
  }
  .aplimask .maskbox table thead td {
    font-size: 14px;
    line-height: 22px;
    padding: 10px;
  }
  .aplimask .maskbox table tbody td {
    padding: 10px;
    font-size: 14px;
  }
  .aplimask .maskbox table tbody tr {
    height: 60px;
  }
  .aplimask .maskbox::-webkit-scrollbar {
    height: 12px;
    width: 12px;
  }

  .prombxwrap {
    margin-top: 140px;
  }

  /*20240410*/
  .files01-lmin .item .top .link {
    width: 100%;
  }
  .f02r-tagwrap {
    margin-top: 30px;
  }
  .prover-tl h3 {
    font-size: 24px;
  }

  .prover-tl .zh3 {
    margin: 0 auto 15px;
  }

  .prover-tl p {
    font-size: 14px;
  }
  .proverview01-top {
    margin-bottom: 30px;
  }
  .proverview01 {
    width: 100%;
    padding-left: 3%;
    overflow: hidden;
  }
  .proverview01min .item .imgbox {
    height: 150px;
  }
  .proverview01min .item .text {
    margin-top: 20px;
    padding-bottom: 30px;
  }
  .proverview01min .item .text p {
    font-size: 14px;
  }
  .proverview01min .item .text h3 {
    font-size: 18px;
    margin-top: 15px;
  }
  .proverview01min .item .text span {
    font-size: 12px;
    margin-top: 10px;
  }
  .proverview01min .item .more {
    width: 80px;
    height: 30px;
    font-size: 12px;
  }

  .proverview02 {
    margin: 150px auto 10px;
  }
  .proverview02min {
    margin-top: 30px;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .proverview01 {
    margin-bottom: 50px;
  }
  .proverview02min li {
    width: 100%;
    margin-bottom: 30px;
  }
  .proverview02min li .tmore {
    width: 150px;
    height: 40px;
    font-size: 14px;
  }
  .proverview02min li .min .more {
    font-size: 12px;
    line-height: 30px;
  }
  .proverview02min li.item01 .min .list01 .img {
    margin-bottom: 10px;
  }
  .proverview02min li .min {
    margin-top: 20px;
  }
  .proverview02min li.item03 .min {
    padding: 0;
    height: auto;
  }
  .proverview02min li.item03 .min .box {
    height: auto;
    margin-bottom: 10px;
    width: calc((100% - 20px) / 3);
    margin-right: 10px;
  }
  .proverview02min li .img img {
    max-width: 90%;
  }
  .proverview02min li.item03 .min .img {
    height: 90px;
  }
  .proverview02min li .min {
    overflow: hidden;
  }

  .proverview03wrap {
    padding: 50px 0;
  }
  .prover03-tab {
    margin: 30px 0;
    border-bottom: 1px solid #ddd;
  }

  .prover03-tab a:not(:last-of-type) {
    margin-right: 20px;
  }

  .prover03-tab a {
    font-size: 14px;
    margin-right: 0;
    padding-bottom: 10px;
  }
  .prover03-list li.active {
    display: block;
  }
  .prover03-list-l {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-bottom: 30px;
  }
  .prover03-list-l a {
    margin: 0;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid transparent;
  }
  .prover03-list li::before {
    display: none;
  }
  .prover03-list-r {
    width: 100%;
    margin: 0;
  }
  .prover03-list-r h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .prover03-list-r h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .prover03-list-r a {
    font-size: 14px;
    padding-bottom: 5px;
  }

  .proverview04wrap {
    padding-top: 50px;
  }
  .proverview04wrap .item .font {
    padding: 20px 15px;
  }
  .proverview04wrap .item .font h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .proverview04wrap .item .font p {
    font-size: 14px;
  }
  .proverview05wrap {
    padding: 50px 0;
  }

  .proverview05-tab a {
    padding: 0 5px;
    font-size: 12px;
    margin-right: 5px;
    line-height: 34px;
  }
  .proverview05min {
    margin-top: 30px;
  }
  .proverview05-info {
    width: 100%;
  }
  .proverview05-info .item h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .proverview05-info .item h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .proverview05-info .item a {
    font-size: 14px;
    padding-bottom: 5px;
  }

  .proverview06 {
    margin: 50px auto;
  }
  .proverview06min {
    margin-top: 30px;
  }
  .proverview06min a {
    width: calc((100% - 10px) / 3);
    margin-right: 5px;
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 5px;
    height: 42px;
  }
  .proverview06min a:nth-of-type(3n) {
    margin-right: 0;
  }

  .proverview07 {
    margin: 50px auto;
  }
  .proverview07min {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-top: 30px;
  }
  .proverview07min li {
    width: 100%;
    margin-bottom: 30px;
  }
  .proverview07min li .tl {
    font-size: 16px;
    line-height: 40px;
  }
  .proverview07min li.item01 .top {
    height: 300px;
  }
  .proverview07min li .box img {
    max-height: 80%;
    max-width: 80%;
  }
  .proverview07min li .box p {
    font-size: 10px;
  }
  .customerform form .icon {
    height: 20px;
  }

  .customer01wrap {
    padding-top: 50px;
    margin-bottom: 50px;
  }
  .customerform {
    width: 100%;
    margin-top: 0;
  }
  .customerformwrap > .more {
    height: 44px;
  }
  .customerform form {
    height: 46px;
  }
  .customer01 {
    margin-top: 30px;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .customer01 .item,
  .customer01 .item.active {
    width: 100%;
  }
  .customer01 .item {
    margin-bottom: 20px;
    height: auto;
  }
  .customer01 .item:last-child {
    margin-bottom: 0;
  }
  .customer01 .item .min {
    position: relative;
    bottom: 0;
    padding: 30px 20px;
    transform: none;
  }
  .customer01 .item .min .info {
    padding: 0;
    margin-top: 30px;
    opacity: 1;
  }
  .customer01 .item .min .top h3 {
    font-size: 20px;
  }
  .customer01 .item .min .top p {
    font-size: 14px;
    margin-top: 10px;
  }
  .customer01 .item .min .info a {
    font-size: 14px;
    margin-bottom: 10px;
    width: 40%;
  }

  .customer02wrap {
    padding: 50px 0;
  }
  .customer02 {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .customer02 .item {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    padding: 10px 0;
  }
  .customer02 .line {
    flex-flow: column;
    -webkit-flex-flow: column;
    width: 80px;
    margin: 0;
  }
  .customer02 .line img {
    display: none;
  }
  .customer02 .line i {
    transform: rotate(90deg);
    font-size: 18px;
  }
  .customer02 .item .imgbox {
    width: 80px;
    height: 80px;
    margin: 0;
  }
  .customer02 .item .text {
    width: calc(100% - 100px);
    text-align: left;
  }
  .customer02 .item .text h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .customer02 .item .text h4 {
    line-height: 22px;
  }
  .customer02 .item .imgbox img {
    max-width: 50%;
    max-height: 50%;
  }

  .bear06wrap {
    margin: 50px auto;
  }
  .bear06-tab {
    margin-top: 30px;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .bear06-tab a {
    font-size: 15px;
    margin-right: 0;
  }
  .bear06-info li {
    padding: 0 10px 0 30px;
  }
  .bear06-info li .top {
    height: 80px;
  }
  .bear06-info li .top h3 {
    font-size: 16px;
    line-height: 24px;
  }
  .bear06-info li .top h3::before {
    left: -20px;
  }
  .bear06-info li .top .icon {
    width: 16px;
  }
  .bear06-info li .info p {
    font-size: 14px;
    line-height: 22px;
  }
  .bear06-info li .info {
    padding: 20px 0;
  }

  .bear07 {
    margin: 50px auto;
  }
  .i003-swiper {
    padding: 0;
  }

  .bear08wrap {
    padding: 50px 0;
    padding-left: 3%;
    box-sizing: border-box;
  }
  .bear08 .top .text h3 {
    font-size: 16px;
  }
  .bear08 .top .text p {
    font-size: 14px;
  }
  .bear08 .info {
    padding: 30px 15px;
    height: 100%;
  }
  .bear08 .info .icon {
    width: 30px;
    right: 15px;
  }
  .bear08 .info p {
    font-size: 14px;
    line-height: 24px;
  }
  .bear08wrap .swiper-slide {
    height: initial;
  }
  .bear08-pagewrap {
    width: 100%;
    margin-top: 40px;
    box-sizing: border-box;
    padding-right: 3%;
  }
  .bear08-pagewrap .tips {
    font-size: 14px;
    margin-top: 20px;
  }
  .bear08-pagewrap .tips img {
    width: 14px;
    margin-right: 5px;
  }

  .bear09wrap {
    margin: 50px auto;
  }
  .bear09-tl {
    margin-bottom: 30px;
  }
  .bear09links a {
    font-size: 16px;
  }
  .bear09links i {
    margin: 0 10px;
  }
  .bear09links {
    margin-bottom: 30px;
  }
  .bear09-top .list .swiper-slide {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .bear09-top .list .list-l,
  .bear09-top .list .list-r {
    width: 100%;
  }
  .bear09-top .list .list-r {
    margin-top: 10px;
  }
  .bear09-top .list .box p {
    box-sizing: border-box;
    font-size: 14px;
    padding: 0 15px;
    bottom: 15px;
  }
  .bear09-top .list .list-r .box p {
    padding: 0 15px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    bottom: 10px;
  }
  .bear09-top .list .box .tag {
    font-size: 12px;
    line-height: 28px;
    padding: 0 10px 0 0;
  }
  .bear09-top .list .box .icon {
    width: 40px;
  }
  .bear09 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin-right: 10px;
  }
  .bear09 .swiper-pagination {
    margin-top: 20px;
  }
  .bear09-botmin .swiper-slide {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .bear09-botmin a {
    width: calc((100% - 10px) / 2);
    margin-bottom: 20px;
    margin-right: 10px;
    padding-bottom: 20px;
    border-width: 1px;
  }
  .bear09-botmin a:nth-of-type(2n) {
    margin-right: 0;
  }
  .bear09-botmin a h3 {
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .bear09-botmin a p {
    font-size: 12px;
    margin: 15px 0;
  }
  .bear09-botmin a h4 {
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .customer03 {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .customer03-l {
    width: 100%;
  }
  .customer03-l .info {
    margin-top: 20px;
  }
  .customer03-l .info p {
    font-size: 14px;
    line-height: 22px;
  }
  .customer03-l .more {
    margin-top: 20px;
    font-size: 14px;
    width: 100px;
    height: 36px;
  }
  .customer03-r {
    width: 100%;
    margin-top: 50px;
  }
  .customer03-r .imgbox {
    width: calc((100% - 10px) / 2);
  }
  .customer03-r .imgbox:last-child {
    margin-top: -30px;
  }
  .customer03wrap {
    margin-bottom: 50px;
  }

  .customer04wrap {
    padding: 50px 0;
  }
  .customer04min {
    margin-top: 30px;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .customer04min li > h3 {
    font-size: 20px;
    margin: 20px;
  }
  .customer04min li .li .text a {
    font-size: 16px;
  }
  .customer04min li .li p {
    font-size: 14px;
    width: 70px;
  }
  .customer04min li .li .imgbox img {
    max-width: 18px;
    max-height: 16px;
  }
  .customer04min li .li {
    padding-left: 26px;
    margin-bottom: 10px;
  }
  .customer04min li .li p {
    width: auto;
  }
  .customer04min li {
    border-bottom: 1px solid #fff;
    width: 100%;
    margin: 0;
  }
  .customer04min li:last-child {
    border-bottom: none;
  }

  .customer05wrap {
    padding: 50px 0;
  }
  .customer05 {
    margin-top: 30px;
  }

  .networkwrap .networkshow .network {
    width: 94%;
    padding: 20px 15px;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .network .networkclose {
    width: 30px;
    height: 30px;
    right: 0;
    top: 0;
  }
  .network .imgbox {
    width: 100%;
  }
  .network-r {
    width: 100%;
    margin-top: 20px;
  }
  .network-r .text {
    padding: 20px 15px 0;
    margin-bottom: 10px;
  }
  .network-r .text p {
    font-size: 12px;
    margin-bottom: 15px;
  }
  .network-r .tips li p {
    font-size: 14px;
  }
  .network-r .tips {
    padding: 20px 10px;
  }
  .network-r .tips li img {
    max-height: 12px;
  }
  .network-r .tips li {
    margin-bottom: 12px;
  }
  .network .networkclose img {
    max-width: 40%;
  }

  .b-tc {
    display: none;
  }
  .bear-btab a,
  .bear02-r .item .box .more {
    height: 34px;
    margin-right: 10px;
  }
  .bear-btab {
    font-size: 20px;
  }
  .prombxwrap {
    margin-top: 50px;
  }
  .bear01 {
    margin: 50px auto;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .bear01 .item {
    width: 100%;
    margin-bottom: 20px;
  }
  .bear01 .item .text h3 {
    font-size: 24px;
  }
  .bear01 .item .text p {
    margin-bottom: 20px;
  }
  .bear01 .item .text span {
    font-size: 14px;
  }
  .bear01 .item:last-child {
    margin-bottom: 0;
  }

  .bear02wrap {
    margin: 50px auto;
  }
  .bear02-top h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .bear02-top p {
    font-size: 14px;
  }
  .bear02-top form {
    width: 100%;
    height: 46px;
  }
  .bear02-top form input {
    padding: 0 12px;
  }
  .bear02 {
    margin-top: 30px;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding: 30px 15px;
    height: auto;
  }
  .bear02-l {
    width: 100%;
    padding: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
  }
  .bear02::before {
    display: none;
  }
  .bear02-l h3 {
    font-size: 20px;
    margin-right: 20px;
  }
  .bear02-l h3:last-child {
    margin-right: 0;
  }
  .bear02-l p {
    font-size: 14px;
  }
  .bear02-l .item {
    margin-bottom: 30px;
  }
  .bear02-r {
    width: 100%;
    padding: 0;
  }
  .bear02-r .item.active {
    display: block;
  }
  .bear02-l p {
    margin-top: 10px;
    display: none;
  }
  .bear02-l h3::after {
    display: none;
  }
  .bear02-r .item .box h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .bear02-r .item .box h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .bear-btab a,
  .bear02-r .item .box .more {
    width: 100px;
  }
  .bear02-r .item .box {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
  }
  .bear02-r .item .box:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
  }

  .bear03wrap {
    padding: 50px 0;
  }
  .bear03 h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .bear03 h4 {
    font-size: 16px;
    line-height: 24px;
  }

  .bear04wrap {
    margin: 50px auto;
  }
  .bear04 {
    display: block;
    padding: 30px 20px 20px;
  }
  .bear04wrap .img {
    width: 140px;
  }
  .bear04-l {
    width: 100%;
  }
  .bear04-l .text h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .bear04-l .text h4 {
    font-size: 14px;
    line-height: 24px;
  }
  .bear04-l .text {
    margin-bottom: 30px;
  }
  .bear04-l .list li.active {
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    -webkit-justify-content: space-aroundl;
  }
  .bear04-l .list li a {
    font-size: 18px;
    padding-bottom: 5px;
  }
  .bear04-r {
    width: 100%;
  }
  .bear04-l .tab {
    margin-bottom: 30px;
  }
  .bear04-r .swiper-slide .box {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-bottom: 20px;
  }
  .bear04-r .swiper-slide .box:nth-of-type(3n) {
    margin-right: 10px;
  }
  .bear04-r .swiper-slide .box:nth-of-type(2n) {
    margin-right: 0;
  }
  .bear04-r .swiper-slide .box .imgbox {
    border-radius: 4px;
  }
  .bear04-r .swiper-slide .box p {
    font-size: 14px;
    margin-top: 10px;
  }
  .bear04-r .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin-right: 10px;
  }

  .bear05 {
    display: block;
    padding-bottom: 30px;
  }
  .bear05-l {
    width: 100%;
  }
  .bear05-l img {
    width: 100%;
  }
  .bear05-r {
    width: 100%;
  }
  .bear05-r h3 {
    font-size: 20px;
  }
  .bear05-r p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .bear05-r .more {
    width: 100px;
    height: 40px;
    font-size: 14px;
  }

  .bear09-tab a {
    font-size: 16px;
    margin-right: 20px;
  }
  .bear09links {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    overflow: auto;
    white-space: nowrap;
  }

  .contrastwrap {
    padding-top: 140px;
  }
  .contrast-top h3 {
    font-size: 24px;
    margin: 0;
    margin-bottom: 30px;
  }
  .contrastlist {
    display: block;
  }
  .contrastlist p {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 26px;
  }
  .contrastlist .listmin {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .contrastlist .listmin a {
    padding: 0 10px;
    font-size: 12px;
    min-width: 60px;
    height: 28px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  .contrastlist {
    margin-bottom: 10px;
  }

  .contrastmin-t li {
    width: calc(100vw - 6%);
    margin-right: 10px;
  }
  .contrastmin-t li .checkwrap {
    height: 50px;
  }
  .contrastmin-t li .checkwrap select {
    font-size: 16px;
  }
  .contrastmin-t li .close {
    width: 26px;
    height: 26px;
  }
  .contrastmin-t li .imgbox {
    height: 200px;
  }
  .contrastmin-t li .imgbox img {
    max-height: 100%;
  }
  .contrastmin-t li .text .more {
    width: 100px;
    height: 34px;
  }
  .contrastmin-t li .text .tomore {
    font-size: 14px;
  }
  .contrastmin .toggle-btn {
    width: 120px;
    height: 34px;
    font-size: 14px;
  }

  .contrastmin-tl h3 {
    font-size: 20px;
  }
  .contrastmin-tlwrap {
    padding-top: 0;
  }
  .contrastmin-list li .box img {
    width: 20px;
  }
  .contrastmin-list li .box .text h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .contrastmin-list li .box .text h4 {
    font-size: 14px;
    line-height: 22px;
  }
  .contrastmin-list li .box {
    width: calc((1000px - 20px) / 3);
    margin-right: 10px;
  }
  .contrastmin-tl {
    width: 1000px;
  }
  .ratio {
    left: 820px;
  }
  .ratio font {
    font-size: 14px;
  }

  .addpro {
    z-index: 11;
    right: -2%;
    font-size: 12px;
    line-height: 16px;
  }
  .addpro .imgbox {
    width: 40px;
    height: 40px;
  }
  .contrast {
    width: calc(100% - 46px);
  }
  .addpro .imgbox img {
    width: 16px;
  }
  .addpro .imgbox {
    margin-bottom: 5px;
  }

  /*20240418*/
  .wordwrap {
    width: 100%;
    padding: 0;
    margin-top: 106px;
  }
  .word-menu {
    height: calc(100% - 106px) !important;
    position: fixed;
    left: 0;
    top: 106px;
    background-color: #fff;
    width: 100%;
    z-index: 11;
  }
  .word-menu .menu-box,
  .word-menu .caption,
  .search-box-l,
  .sidebar-nav002 {
    padding-left: 30px;
  }
  .sidebar-nav {
    width: 100%;
    padding: 30px;
    padding-top: 10px;
  }

  .wordmin {
    width: 100%;
    padding: 0;
    padding-bottom: 50px;
  }
  .word {
    padding: 0 3%;
  }

  .word-guide {
    position: fixed;
    right: 0;
    opacity: 0;
    visibility: hidden;
  }
  .adOutsideDivmin {
    height: auto;
    padding: 12px 0;
    padding-right: 60px;
  }
  .adOutsideDivmin .text {
    display: block;
  }
  .adOutsideDivmin .text p {
    margin: 0;
    margin-bottom: 10px;
  }
  .adOutsideDivmin .text .more {
    font-size: 12px;
    height: 26px;
    width: 70px;
  }
  .adOutsideDivmin .icon {
    top: -10px;
    right: 10px;
    max-width: 15%;
  }
  .wordlist li .tl {
    padding-top: 30px;
  }
  .wordinfo-tl h3 {
    font-size: 22px;
  }
  .wordlist li .cont {
    display: block;
  }
  .wordlist li .cont .text {
    width: 100%;
  }
  .wordlist li .cont .img {
    width: 100%;
    margin-top: 30px;
  }

  /*20240419*/
  .news02.textmode .item {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  .news02.textmode .item:nth-of-type(2n) {
    margin-right: 0;
  }
  .news02.textmode .item .text h3 {
    font-size: 14px;
    line-height: 24px;
  }
  .news02 .item .text {
    margin-top: 15px;
  }
  .news02 .item .text .data01 {
    margin: 15px 0 5px;
  }
  .news02 .item .imgbox img {
    width: 100%;
  }
  .news02 .item .imgbox .box {
    width: 100%;
  }
  .word-footer {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    height: auto;
    padding: 10px 0;
  }
  .word-footer a,
  .word-footer p {
    font-size: 12px;
    margin-right: 10px;
    line-height: 24px;
  }
  .word-footer i {
    height: 12px;
    margin-right: 10px;
  }
  .wordlist li .cont .text p,
  .wordinfo .text p {
    font-size: 14px;
  }
  .wordinfo .more {
    height: 34px;
  }
  .word-imgmaskwrap img {
    max-width: 90%;
  }

  /*20240423*/
  .smuen {
    display: block;
    width: 36px;
    height: 36px;
    background-color: #00a19b;
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    position: fixed;
    bottom: 10%;
    left: 3%;
    z-index: 11;
  }
  .smuen img {
    margin: auto;
  }
  .smuen p {
    font-size: 10px;
    color: #fff;
    text-align: center;
    margin-top: 2px;
  }
  .word-menu {
    width: 100%;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: 111;
  }
  .wordwrap .word-menu .word-menumin {
    width: 70%;
    background-color: #fff;
    transform: translateX(-100%);
    transition: all 0.5s;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .word-menu .menu-box {
    padding: 0 20px;
  }
  .search-box-l {
    padding: 10px 20px;
  }
  .word-menu .caption {
    padding: 10px 20px;
  }
  .sidebar-nav {
    padding: 10px 20px 30px;
  }
  .support-link-searcher {
    height: 36px;
  }
  .support-link-searcher-input {
    height: 100% !important;
    font-size: 14px !important;
  }
  .sidebar-nav .sidebar-brand .xl {
    padding-bottom: 10px;
  }
  .sidenav-main {
    height: calc(100% - 180px);
  }
  .word-menu {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
  }
  .word-menu.open {
    opacity: 1;
    visibility: visible;
  }
  .word-menu.open .word-menumin {
    transform: none;
  }

  /*20240506*/
  .swiper-appli05 .swiper-slide a {
    width: 100%;
    margin-right: 0;
    padding: 20px 15px;
    margin-bottom: 20px;
  }
  .swiper-appli05 .swiper-slide a .imgbox {
    width: 46%;
  }
  .swiper-appli05 .swiper-slide a .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .appli07min-top li .list::-webkit-scrollbar-thumb {
    background-color: #00a19b;
  }
  .video01-r {
    flex-flow: row;
    -webkit-flex-flow: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .video01-r .item {
    height: auto;
  }
  .video01-r .item .imgbox {
    height: 120px;
  }
  .video01 .item .text h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    height: 48px;
    text-align: left;
  }
  .video01 .item .text .data p i {
    font-size: 12px;
    margin-right: 5px;
  }
  .video01 .item .text .data p {
    font-size: 10px;
    line-height: 12px;
    margin: 0;
    margin-bottom: 5px;
  }
  .video03 .item:nth-of-type(3n) {
    margin-right: 10px;
  }
  .video03 .item:nth-of-type(2n) {
    margin-right: 0;
  }
  .video {
    margin-bottom: 0;
  }
  .video01 .item .imgbox .icon {
    width: 40px;
    height: 40px;
  }
  .video02 h3 {
    font-size: 24px;
  }

  #msg {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    width: 90%;
  }
  .info_message {
    width: 100% !important;
  }
  .global01-tl .fontbg {
    font-size: 60px;
    line-height: 70px;
    bottom: 0;
  }
  .global01-tl ul li p {
    margin-bottom: 0;
  }
  .global01-tl ul li {
    margin-bottom: 10px;
  }
  .global01 {
    margin-bottom: 0;
  }
  .history-swiper-min .top .text h4 {
    height: 24px;
  }

  /*.history02*/
  .history02 {
    display: block;
  }
  .history02wrap {
    padding-top: 50px;
  }
  .h-tl01 h3 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .h-tl01 {
    margin-bottom: 20px;
  }
  .about-timeline-year {
    padding: 0;
  }
  .history02-l {
    width: 100%;
  }
  .about-timeline-year ul {
    display: flex;
    display: -webkit-flex;
    overflow: auto;
    height: auto;
  }
  .about-timeline-year ul li {
    white-space: nowrap;
    margin: 0 10px;
  }
  .about-timeline-year ul li a {
    font-size: 14px;
    border: none;
    border-bottom: 2px solid #00000000;
  }
  .year-content {
    width: 100%;
    height: auto;
  }
  .year-content ul li {
    float: left;
  }
  .year-content h3 {
    font-size: 5rem;
    text-align: center;
  }
  .year-content {
    padding: 0;
    margin: 30px 0;
  }
  .year-content .overtext h4 span,
  .year-content .overtext h4 p {
    font-size: 14px;
    line-height: 24px;
  }
  .year-content .overtext h4 span {
    width: 50px;
  }
  .year-content .overtext h4 p {
    width: calc(100% - 50px);
  }
  .year-content .overtext h4:before {
    top: 10px;
    width: 5px;
    height: 5px;
  }
  .history02-l:before {
    display: none;
  }
  .about-timeline .year-content ul {
    overflow: hidden;
  }
  .history02wrap {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .history02 {
    width: 100%;
  }

  .xymask {
    width: 94%;
    padding: 40px 20px;
  }
  .xymask .xyclose {
    width: 30px;
    height: 30px;
    right: 5px;
    top: 5px;
  }
  .xymask .min p {
    font-size: 14px;
    line-height: 24px;
  }

  /*.pro01*/
  .pro01 {
    display: block;
    margin-bottom: 50px;
  }
  .pro01-l {
    width: 100%;
  }
  .pro01-l h3 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 20px;
  }
  .pro01-l .tl02 P {
    font-size: 18px;
  }
  .pro01-l .tl02 a {
    font-size: 14px;
  }
  .pro01-l .tl02 a img {
    height: 18px;
    margin-right: 5px;
  }
  .pro01-l .tl02 {
    margin-bottom: 20px;
  }
  .pro01-l h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
  }
  .pro01-l .bot .link .more {
    width: 110px;
    font-size: 14px;
    height: 34px;
    margin-right: 10px;
  }
  .pro01-l .bot .link .more img {
    height: 16px;
  }
  .pro01-l .bot .collect .img img {
    height: 20px;
  }
  .pro01-l .bot .collect .img {
    margin-right: 5px;
  }
  .pro01-l .bot .collect {
    font-size: 14px;
  }
  .pro01-r {
    width: 100%;
    margin-top: 30px;
  }

  /*20240507*/
  .index01min {
    margin-bottom: 0;
  }
  .appli10-ct,
  .appli10-cb {
    min-height: auto;
  }
  .ax-menu > li > ul > li > ul > li > ul > li > ul > li > a {
    padding-right: 10px;
    height: auto;
    min-height: 2.8rem;
  }
  .ax-menu > li > ul > li > ul > li > ul > li > ul > li > a .ax-name {
    align-items: flex-start;
    -webkit-align-items: flex-start;
  }

  .logingwrap {
    align-items: flex-start;
    -webkit-align-items: flex-start;
    padding-top: 0;
  }
  .appli01-thumbs p {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin: 0;
    font-size: 12px;
    box-sizing: border-box;
    padding: 0 5px;
  }
  .appli04 .item .text {
    bottom: initial;
    top: 30px;
  }
  .swiper-appli05 .swiper-slide a {
    flex-flow: row-reverse;
    -webkit-flex-flow: row-reverse;
  }
  .logingwrap {
    min-height: 100vh;
  }

  /* 20240510 */
  .pro-mbx {
    padding-top: 100px;
  }
  .pro01 {
    flex-flow: column-reverse;
    -webkit-flex-flow: column-reverse;
    margin: 50px auto;
  }
  .pro01-r {
    width: 100%;
  }
  .pro01-l {
    width: 100%;
    margin-top: 20px;
  }
  .pro01-l h3 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 20px;
  }
  .pro01-l .tl02 {
    margin-bottom: 20px;
  }
  .pro01-l .tl02 P {
    font-size: 18px;
  }
  .pro01-l .tl02 a {
    font-size: 14px;
  }
  .pro01-l .tl02 a img {
    height: 16px;
    margin-right: 5px;
  }
  .pro01-l h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
  }
  .pro01-l .bot .link .more {
    width: 100px;
    height: 36px;
    font-size: 14px;
    margin-right: 10px;
  }
  .pro01-l .bot .link .more img {
    max-height: 16px;
    margin-right: 5px;
  }
  .pro01-l .bot .collect .img img {
    height: 20px;
  }
  .pro01-l .bot .collect .img {
    margin-right: 5px;
  }
  .pro01-l .bot .collect {
    font-size: 14px;
  }
  .protab {
    display: block;
  }
  .protab .list {
    overflow: auto;
  }
  .protab .list a {
    font-size: 14px;
    margin-right: 15px;
    white-space: nowrap;
    line-height: 50px;
  }
  .protab .more {
    display: none;
  }

  .pro02wrap {
    margin: 50px auto;
  }
  .pinfo-tl h3 {
    font-size: 24px;
  }
  .pinfo-tl p {
    font-size: 14px;
  }
  .pinfo-tl {
    margin-bottom: 30px;
  }
  .pro02 .item {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 25px 15px;
  }
  .pro02 .item:nth-of-type(2n) {
    margin-right: 0;
  }
  .pro02 .item h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .pro02 .item P {
    font-size: 14px;
  }
  .pro02 .item img {
    height: 46px;
    margin-bottom: 20px;
  }

  .pro03list li,
  .pro03list li:nth-of-type(2n) {
    flex-flow: column-reverse;
    -webkit-flex-flow: column-reverse;
  }
  .pro03list li .imgbox {
    width: 100%;
  }
  .pro03list li .text {
    width: 100%;
    padding: 30px 3%;
  }
  .pro03list li .text > h3,
  .pro03bot-text > h3 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 10px;
  }
  .pro03list li .text > h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .pro03list li .text .list {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-bottom: 30px;
  }
  .pro03list li .text .list h3 {
    font-size: 24px;
  }
  .pro03list li .text .list .item {
    margin-right: 0;
  }
  .pro03list li .text .list h3 img {
    height: 20px;
  }
  .pro03list li .text .list p {
    font-size: 14px;
    margin-top: 6px;
  }
  .pro03list li .more {
    width: 110px;
    height: 36px;
    font-size: 14px;
  }
  .pro03list li:nth-of-type(2n) .text {
    padding: 30px 3%;
  }

  .pro03bot {
    padding: 50px 3%;
  }
  .pro03bot-text {
    width: 100%;
  }
  .pro03bot-text h4 {
    font-size: 14px;
    line-height: 24px;
  }
  .pro03bot-text .list {
    margin-top: 20px;
  }
  .pro03bot-text .list li h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .pro03bot-text .list li p {
    font-size: 14px;
  }
  .pro03bot img {
    max-width: 100%;
  }

  .proverview05wrap {
    padding: 50px 0;
  }

  .pro06wrap {
    margin: 50px auto;
  }
  .pro06 > img {
    width: 120px;
  }
  .pro06min {
    padding: 30px 15px;
  }
  .pro06min .tablewrap {
    display: block;
  }
  .pro06min .tablewrap table {
    width: 100%;
    margin-bottom: 20px;
  }
  .pro06min .tablewrap table:last-child {
    margin-bottom: 0;
  }
  .pro06min .tablewrap table p,
  .pro06min .tablewrap table tr td {
    font-size: 14px;
    line-height: 20px;
  }
  .pro06min .tablewrap table tr td {
    padding: 5px 10px;
  }
  .pro06min .tablink .more {
    width: 100px;
    height: 36px;
    font-size: 14px;
    margin-right: 10px;
  }
  .pro06min .tablink {
    margin-top: 20px;
  }

  .pro07wrap {
    margin: 50px auto;
  }
  .pro07min table tr th,
  .pro07min table tr td {
    padding: 0 10px;
    font-size: 16px;
  }
  .pro07min table tr th,
  .pro07min table tr td {
    font-size: 14px;
  }
  .pro07min table tr td:first-child {
    white-space: nowrap;
  }

  .pro08wrap {
    margin: 50px auto;
  }
  .pro08 {
    display: block;
    margin-top: 80px;
  }
  .pro08 .item {
    width: 100%;
    padding: 30px 20px;
    margin-bottom: 80px;
  }
  .pro08 .item:last-child {
    margin-bottom: 0;
  }
  .pro08 .item h3 {
    font-size: 18px;
    line-height: 24px;
    height: 48px;
  }
  .pro08 .item h4 {
    font-size: 14px;
    line-height: 24px;
  }
  .pro08 .item .list {
    margin-top: 20px;
    padding-top: 20px;
  }
  .pro08 .item .list li {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
  }
  .pro08 .item .box {
    height: 100px;
    margin-top: -80px;
  }
  .pro08 .item .more {
    width: 100px;
    height: 36px;
  }

  .pro09wrap {
    margin: 50px auto;
  }
  .pro09 {
    overflow: auto;
  }
  .pro09::before,
  .pro09 .bg,
  .pro09 .top,
  .pro09min {
    width: 900px;
  }
  .pro09 .top .imgbox {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
  }
  .pro09 .top h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .pro09 .top li::after {
    width: 20px;
    height: 20px;
  }
  .pro09::before {
    height: 5px;
    top: 96px;
  }
  .pro09min li .item p {
    font-size: 12px;
    line-height: 22px;
  }
  .pro09min li .item,
  .pro09 .top li,
  .pro09 .bg > div {
    width: calc((100% - 30px) / 4);
  }
  .pro09min li .item {
    padding: 0 10px;
  }
  .pro09min li .item > div {
    padding: 10px 0;
  }

  /*.pro10wrap{margin: 50px auto;}*/
  .pro10 .swiper-slide {
    flex-flow: column-reverse;
    -webkit-flex-flow: column-reverse;
    box-sizing: border-box;
    padding: 0 3%;
  }
  .pro10 .swiper-slide .imgbox {
    width: 100%;
  }
  .pro10 .swiper-slide .text {
    width: 100%;
    padding: 20px 0;
  }
  .pro10 .swiper-slide .text h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .pro10 .swiper-slide .text h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .pro10 .swiper-slide .text .more {
    width: 100px;
    height: 36px;
    font-size: 14px;
  }
  .pro10-bot {
    margin-top: 20px;
  }

  .pro11wrap {
    padding: 50px 0;
  }
  .pro11 {
    display: block;
  }
  .pro11 .item {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
  }
  .pro11 .item:last-child {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .pro11 .item .text h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .pro11 .item .text h3 {
    margin-bottom: 10px;
  }
  .pro11 .item .text .more {
    width: 100px;
    height: 36px;
    font-size: 14px;
  }

  .pro12wrap {
    margin: 50px auto;
  }
  .pro12 {
    display: block;
  }
  .pro12-l {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    border: none;
    padding: 0;
    border-bottom: 1px solid #dddddd;
  }
  .pro12-l a {
    margin-bottom: 0;
    font-size: 16px;
    padding-bottom: 20px;
    line-height: inherit;
    margin-right: 20px;
  }
  .pro12-l a::before {
    width: 100%;
    height: 2px;
    left: 0;
    top: initial;
    bottom: 0;
  }
  .pro12-r {
    width: 100%;
    margin-top: 30px;
  }
  .pro12-r li .swiper-slide .item {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-bottom: 10px;
    margin-bottom: 10px;
    padding: 15px 10px 16px;
    display: block;
  }
  .pro12-r li .swiper-slide .item:nth-of-type(3n) {
    margin-right: 10px;
  }
  .pro12-r li .swiper-slide .item:nth-of-type(2n) {
    margin-right: 0;
  }
  .pro12-r li .swiper-slide .item img {
    left: 20px;
    top: 20px;
    width: 20px;
    position: relative;
    margin-bottom: 10px;
    top: 0;
    left: 0;
    display: none;
  }
  .pro12-r li .swiper-slide .item h3 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
  }
  .pro12-r li .swiper-slide .item p {
    font-size: 14px;
    padding-bottom: 5px;
  }

  .pro12-r li.videoli .swiper-slide .v-item {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 10px 20px;
    flex-flow: column-reverse;
    -webkit-flex-flow: column-reverse;
    border-radius: 6px;
  }
  .pro12-r li.videoli .swiper-slide .v-item .text {
    width: 100%;
  }
  .pro12-r li.videoli .swiper-slide .v-item .text h3 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
  }
  .pro12-r li.videoli .swiper-slide .v-item .text p {
    font-size: 14px;
    padding-bottom: 5px;
  }
  .pro12-r li.videoli .swiper-slide .v-item .imgbox {
    width: 100%;
    margin-bottom: 10px;
  }
  .pro12-r li.videoli .swiper-slide .v-item .imgbox .icon {
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
  }

  .pro12-r .swiper-pagination {
    margin-top: 20px;
  }
  .pro12-r .swiper-pagination-bullet {
    width: 30px;
  }
  .pro12-r .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 60px;
  }
  .pro10-bot {
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .pro10-bot .control {
    position: relative;
  }
  .pro10-page {
    width: calc(100% - 60px);
  }

  .pro13 .bg {
    height: 560px;
  }
  .contact03wrap .tl {
    font-size: 24px;
  }

  .protwo01::before {
    display: none;
  }
  .protwo01-r .top {
    display: block;
  }
  .protwo01-r .top h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .protwo01-r .top a {
    font-size: 14px;
    margin-top: 10px;
  }
  .protwo01-r .top a img {
    height: 16px;
    margin-right: 5px;
  }
  .protwo01-r .p {
    margin-bottom: 20px;
  }
  .tabwrap table tr td {
    line-height: 22px;
    padding: 5px;
  }
  .tabwrap table tr td:last-child {
    text-align: center;
  }
  .protwo01-bot .protwo01-page {
    width: calc(100% - 60px);
  }
  .pro10-bot {
    margin-top: 40px;
  }
  .protwo01 {
    padding-bottom: 0;
    flex-flow: column;
    -webkit-flex-flow: column;
  }
  .protwo01 .pro01-l {
    margin: 0;
    margin-bottom: 50px;
  }

  .protwo02wrap {
    margin: 50px auto;
  }
  .protwo02 {
    display: block;
  }
  .protwo02-l {
    width: 100%;
  }
  .protwo02-l li .top {
    height: auto;
    min-height: 50px;
    padding: 10px 0;
    box-sizing: border-box;
  }
  .protwo02-l li .top p {
    font-size: 16px;
    width: calc(100% - 20px);
    line-height: 22px;
  }
  .protwo02-l li .info p {
    font-size: 14px;
    line-height: 24px;
  }
  .protwo02-l li .info {
    padding-bottom: 20px;
  }
  .protwo02-r {
    width: 100%;
    margin-top: 30px;
    display: block;
  }
  .protwo02-r .gallery-top {
    width: 100%;
  }
  .protwo02-r .gallery-top .swiper-slide video,
  .protwo02-r .gallery-top .swiper-slide img {
    height: 280px;
  }

  .protwo02-rr {
    width: 100%;
    margin-top: 10px;
    height: auto;
    display: block;
  }
  .protwo02-rr .swiper-slide {
    height: 100% !important;
    border-radius: 6px;
  }
  .protwo02-page {
    width: 100%;
    height: 2px;
    margin-top: 10px;
    position: relative;
  }
  .protwo02-rr .gallery-thumbs {
    width: 100%;
    height: 100%;
  }

  .protwo03wrap {
    margin: 50px auto;
  }
  .protwo03 li {
    display: block;
    margin-bottom: 50px;
  }
  .protwo03 li .text {
    width: 100%;
  }
  .protwo03 li .text h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .protwo03 li .text h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .protwo03 li .text .more {
    width: 100px;
    height: 36px;
    font-size: 14px;
  }
  .protwo03 li .tab {
    width: 100%;
    margin-top: 30px;
  }
  .protwo03 li .tab table tr td {
    height: 40px;
    padding: 5px;
    font-size: 14px;
    line-height: 24px;
  }
  .protwo03 li .tab table tr td:last-child {
    text-align: center;
  }

  .protwo05wrap {
    margin: 50px auto;
  }
  .protwo05 .swiper-slide {
    padding: 30px;
    height: auto;
  }
  .protwo05 .swiper-slide h3 {
    font-size: 18px;
    line-height: 26px;
  }
  .protwo05 .swiper-slide .more {
    width: 100px;
    height: 36px;
    font-size: 14px;
  }
  .protwo05 .swiper-pagination-bullet {
    width: 30px;
    margin-right: 10px;
  }
  .protwo05 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 60px;
  }

  .protwo06wrap {
    margin: 50px auto;
  }
  .protwo06-tab a {
    font-size: 14px;
    margin-right: 15px;
    padding-bottom: 6px;
  }
  .protwo06-tab {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-bottom: 20px;
  }
  .protwo06-list li .item {
    padding: 0 15px 0 25px;
    margin-bottom: 10px;
  }
  .protwo06-list li .item:last-child {
    margin-bottom: 0;
  }
  .protwo06-list li .item .top h3 {
    font-size: 16px;
    line-height: 24px;
  }
  .protwo06-list li .item .top {
    height: 80px;
  }
  .protwo06-list li .item .top h3::before {
    width: 6px;
    height: 6px;
    left: -15px;
    top: 7px;
  }
  .protwo06-list li .item .info p {
    font-size: 14px;
    line-height: 24px;
  }
  .protwo06-list li .item.active .info {
    padding: 15px 0 30px;
  }

  .pro05wrap .proverview05-tab {
    width: 100%;
  }
  .pro05wrap .proverview05-tab a {
    padding: 0 10px;
    margin-bottom: 5px;
    line-height: 30px;
  }

  /*.index-about*/
  .index-about {
    display: block;
    padding: 0 3%;
  }
  .index-about-l {
    width: 100%;
    margin-bottom: 30px;
  }
  .index-about-l a {
    width: auto;
    font-size: 20px;
    height: auto !important;
    margin: 0;
    transform-origin: bottom;
    padding-top: 12px;
  }
  .index-about-l a::before {
    width: 100%;
    height: 3px;
  }
  .index-about-r {
    width: 100%;
  }
  .index-aboutmin .swiper-container {
    padding: 0;
  }
  .index-aboutitem {
    display: block;
  }
  .index-aboutitem .left {
    width: 100%;
  }
  .index-aboutitem .left .item .imgbox {
    width: 100%;
    height: auto;
  }
  .index-aboutitem .left .item {
    display: block;
  }
  .index-aboutitem .left .item .text {
    width: 100%;
    padding: 20px;
  }
  .index-aboutitem .left .item {
    margin-bottom: 10px;
  }
  .index-aboutitem .item .text h3 {
    font-size: 20px;
  }
  .index-aboutitem .item .text h4 {
    margin-top: 6px;
    font-size: 14px;
    line-height: 24px;
  }
  .index-aboutitem .right {
    width: 100%;
  }
  .index-aboutitem .right .imgbox {
    height: auto;
  }
  .index-aboutitem .right .text {
    padding: 20px;
    display: block;
  }
  .index-aboutwrap {
    margin: 50px auto;
  }

  #cookieConsent a.cookieOK {
    display: block;
    float: none;
    text-align: center;
    margin-top: 5px;
  }

  /*20241218*/
  .index02list .hovtext {
    transform: none;
    opacity: 1;
  }
  .index02list .text {
    opacity: 0;
  }
  .index02list .hovtext h3 {
    font-size: 20px;
  }
  .index02list .hovtext p {
    line-height: 24px;
  }
  .index04 .item .text h3 {
    font-size: 16px;
    line-height: 24px;
  }
  .index05-l .list .item {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  .index05-l .list .item p {
    font-size: 10px;
  }
  .index05-num .textbox .numfont h2,
  .index05-num .textbox .numfont span {
    font-size: 28px;
  }
  .bannerpage .swiper-pagination-bullet {
    width: 30px;
    height: 16px;
  }

  .pro02 .item h3 {
    font-size: 16px;
  }
  .pro03list li .text > h3,
  .pro03bot-text > h3 {
    font-size: 20px;
    line-height: 32px;
  }
  .pro03list li .text .list h3 {
    font-size: 20px;
  }
  .pro03bot-text .list li {
    width: calc(100% / 2);
    margin-bottom: 20px;
  }
  .pro03bot {
    padding-bottom: 50px;
  }

  .pro10 .swiper-slide .text h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .pro10 .swiper-slide .imgbox {
    height: 160px;
  }
  .pro10 .swiper-slide .text .more {
    height: 34px;
  }
  .pro10-bot {
    margin-top: 20px;
  }
  .appli01-thumbs p {
    line-height: 16px;
  }
  .appli10-l .list .item .imgbox {
    height: 80px;
  }
  .appli10-ct .list .item {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .news02 .item .text .bot {
    margin-top: 20px;
    padding-top: 15px;
  }
  .result-s {
    height: 40px;
  }
  .files01-lmin.textmode .item .top .text h3 {
    font-size: 14px;
  }
  .files01-lmin.textmode .item .top .link {
    bottom: 20px;
    box-sizing: border-box;
    padding: 0 10px;
  }
  .files01-lmin .item .top .link a {
    height: 28px;
    font-size: 12px;
  }
  .files01-lmin.textmode .item {
    padding-bottom: 50px;
  }
  .files01-lmin .item .top .text h3 {
  }
  .f02rsift-item .list .li p font {
    font-size: 14px;
  }
  .f02rsift-item .list .li {
    height: 40px;
  }
  .f02r-tag {
    margin-top: 20px;
  }
  .f02r-tag a {
    padding: 0 10px;
    font-size: 14px;
    line-height: 30px;
  }
  .result-s button {
    width: 30px;
  }
  .result-s input {
    width: calc(100% - 30px);
    padding: 0;
  }
  .result-banner {
    padding-top: 140px;
  }
  .file-banner .f-tl {
    margin-bottom: 20px;
  }
  .filetab {
    margin-top: 30px;
  }
  .video-topwrap .news-screen {
    margin-bottom: 30px;
  }
  .video01-r .item {
    width: calc((100% - 10px) / 2);
  }
  .video01 .item .text h4 {
    display: none;
  }
  .video01 .item font {
    width: 80px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    right: 20px;
    top: -26px;
  }
  .video01-r .item:last-child {
    margin-bottom: 20px;
  }
  .customer04min li .li .text h4 {
    line-height: 24px;
  }

  .news01 .item {
    padding-top: 0;
  }
  .news02.textmode .item .imgbox {
    height: 80px;
  }
  .news02 .item .imgbox,
  .news02 .item .imgbox .box,
  .news02 .item .imgbox img {
    border-radius: 6px;
  }
  .ninfo-b .text .fx {
    display: none;
  }

  .c03list li form .item textarea {
    height: 80px;
  }

  .sortli .innerbox {
    width: calc(100% - 90px);
    height: 40px;
    margin-right: 0;
  }
  .sortli .innerbox strong {
    height: 20px;
  }
  .sortli .innerbox .el-input__inner {
    font-size: 12px;
  }
  .el-select .el-input .el-select__caret {
    font-size: 12px;
  }
  .sortli .innerbox input {
    font-size: 12px;
  }
  .sortli button {
    width: 80px;
    height: 42px;
    font-size: 14px;
  }
  .sortli button img {
    margin-right: 5px;
    width: 14px;
  }
  .sortli .innerbox .el-select {
    width: 36%;
  }
  .sortli .innerbox input {
    width: 64%;
  }
  .sortli {
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .sort-list {
    margin-bottom: 20px;
  }
  .indtruwrap {
    padding-bottom: 50px;
  }
  .files01-l {
    margin-bottom: 0;
  }

  .ninfo-b .text .mbx {
    display: flex;
    display: -webkit-flex;
  }
  .mbx p,
  .mbx a {
    font-size: 12px;
  }
  .mbx i {
    height: 12px;
    margin: 0 6px;
  }
  .ax-menu li {
    overflow: hidden;
  }

  .noticeselect {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .noticeselect .block .el-input input,
  .noticeselect .block .el-date-editor .el-range-input,
  .noticeselect .block .el-date-editor .el-range-separator {
    font-size: 14px;
  }
  .noticeselect .block {
    width: 49%;
    margin-bottom: 10px;
  }
  .noticeselect .block:last-child {
    width: 100%;
  }
  .noticeselect .block .el-input input,
  .noticeselect .block .el-date-editor .el-range-input {
    height: 40px;
  }

  .el-date-range-picker__content.is-right {
    display: none;
  }
  .el-date-range-picker {
    width: 86%;
    left: 7% !important;
  }
  .el-date-range-picker__content {
    width: 100% !important;
  }
  .el-date-range-picker .el-picker-panel__body {
    min-width: 100% !important;
  }
  /*.el-select-dropdown{top: 414px!important;z-index:10!important;}*/
  /*.el-date-range-picker{top: 465px!important;z-index:10!important;}*/
  .notice01item-l {
    width: 54%;
  }
  .h-topwrap {
    position: relative;
    z-index: 1;
  }

  /*20250120*/
  .product01-top {
    display: block;
  }
  .product01-top .item {
    width: 100%;
    margin-bottom: 10px;
  }
  .product01-top .item .imgbox {
    height: 200px;
  }
  .product01-top .item .text {
    padding: 20px;
    padding-bottom: 60px;
  }
  .product01-top .item .text h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .product01-top .item .text .more {
    width: 90px;
    height: 32px;
  }
  .product02wrap {
    display: block;
    margin-top: 50px;
  }
  .product02-l .maxtl {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .product02-l .categorylist {
    margin-bottom: 30px;
    display: flex;
    overflow-x: auto;
  }
  .product02-l .categorylist a {
    font-size: 16px;
    line-height: 40px;
    border-color: transparent;
    margin-right: 20px;
    flex-shrink: 0;
  }
  .product02-l .categorylist a:first-child {
    border-top: none;
  }
  .product02-l .categorylist a:last-child {
    margin-right: 0;
  }
  .product02-l .categorylist a.active {
    border-color: #00a19b;
  }
  .product02-l .sell,
  .product02-l .file-lx {
    display: none;
  }
  .product02-r {
    width: 100%;
  }
  .product02-lser .tl h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .product02-lser .tl {
    margin-bottom: 20px;
  }
  .product02-lser .form {
    height: 40px;
  }
  .product02-lser .form button {
    width: 40px;
    height: 40px;
  }
  .product02-lser .form button img {
    max-width: 50%;
  }
  .product02-lser .form input {
    width: calc(100% - 40px);
  }
  .product02-r img {
    max-width: 60%;
  }
  .product02-r {
    margin-top: 30px;
  }
  .product02-rmin {
    padding: 30px 15px;
  }
  .protags li {
    display: block;
  }
  .protags li .list {
    width: 100%;
  }
  .protags li .tagslist .el-checkbox__label {
    font-size: 12px;
    padding-left: 4px;
    line-height: 16px;
  }
  .protags li .tagslist .el-checkbox {
    margin-right: 10px;
  }
  .protags li h3 {
    margin-bottom: 10px;
  }
  .protags li .list .el-checkbox__inner {
    width: 12px;
    height: 12px;
  }
  .el-tag {
    font-size: 10px;
    padding: 0 6px;
  }
  .reslistwrap .delres {
    font-size: 12px;
  }
  .el-checkbox__inner::after {
    height: 4px;
    left: 3px;
    width: 2px;
  }
  .procontent li {
    padding: 15px 0;
  }
  .procontent li .tl h3 a {
    font-size: 14px;
    line-height: 24px;
  }
  .procontent li .info p {
    font-size: 12px;
    line-height: 18px;
  }
  .procontent li .info .min {
    max-height: 54px;
  }
  .procontent li .info .show {
    font-size: 12px;
    line-height: 18px;
  }
  .toggle-tag02 {
    font-size: 16px;
  }

  .procontent li .info {
    height: auto;
    display: block;
    margin-top: 12px;
  }

  .procontent li.active .info {
    margin: 0;
    height: 0;
  }
  .procontent li .tl i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  .procontent li.active .tl i {
    transform: unset;
    -webkit-transform: unset;
  }

  .protags li:last-child {
    padding-bottom: 0;
  }
  .el-pager li,
  .result-page .el-pagination button {
    width: 30px;
    min-width: auto;
    height: 30px;
    min-height: auto;
    font-size: 12px;
    line-height: 30px;
  }
  .el-pagination button,
  .el-pagination span:not([class*="suffix"]) {
    font-size: 12px;
    height: 30px !important;
  }
  .el-input {
    font-size: 12px;
  }

  .procontent .data p {
    font-size: 10px;
  }

  .index06wrap .video {
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.5);
  }

  .index-about-l .index-aboutpagination {
    width: 100%;
    height: 3px;
    bottom: 0;
  }
  .index-about-l {
    position: relative;
    padding-bottom: 12px;
  }
  .index-about-l a {
    padding-top: 0;
    font-size: 16px;
    transform: scale(0.8);
  }
  /*.index-about-l a::before{display:none;}*/
  .index-about-l a.swiper-slide-thumb-active {
    color: #00a19b;
    transform: scale(1);
  }
  .c03list li form .item label.colinput {
    padding-top: 20px;
  }
  .c03list li form .item textarea {
    padding: 10px 0;
  }
  .c03list li form .item label input::placeholder,
  .c03list li form .item textarea::placeholder {
    color: #666;
  }

  .pro06min .tablewrap {
    overflow: auto;
  }
  .proverview05wrap .imglist {
    display: none;
  }
  .protwo01-r .top h3 {
    max-width: 100%;
  }
  .tabwrap table tr td p,
  .tabwrap table tr td span {
    font-size: 14px !important;
    line-height: 24px !important;
  }
  .tabwrap table tr td {
    padding: 10px !important;
  }
  .protwo05 .swiper-slide .more {
    position: relative;
    bottom: 0;
    left: 0;
  }
  .pro13 .bg {
    height: 600px;
  }

  .bear06-tab {
    overflow: auto;
  }
  .bear06-tab a {
    white-space: nowrap;
    margin-right: 12px;
  }
  .bear06-tab a:last-child {
    margin-right: 0;
  }
  .bear06-info li .info {
    font-size: 14px;
    line-height: 22px;
  }

  .pro13 .bg,
  .c03listwrap .bg {
    height: auto;
    max-width: 60%;
  }
  .c03list li form .item .el-form-item {
    width: calc((100% - 10px) / 2);
    margin-bottom: 12px;
  }
  .c03list li form .item .el-form-item.twoine,
  .c03list li form .item.twoitem label {
    width: calc((100% - 10px) / 2);
  }
  .c03list li form .item .el-form-item input {
    font-size: 14px;
    height: 40px;
  }
  .c03list li form .thereinewrap .el-form-item.thereine,
  .c03list li form .item.thereitem label {
    width: calc((100% - 10px) / 2);
  }
  .c03list li form .el-checkbox__label,
  .c03list li form .lookxy {
    font-size: 14px;
  }
  .c03list li form .thereinewrap .el-form-item.thereine:last-child {
    width: 100%;
  }
  .c03list {
    padding-bottom: 20px;
  }
  .el-select-dropdown__item {
    height: 30px;
    font-size: 12px;
    line-height: 30px;
  }

  .newchagetext h3 {
    font-size: 20px;
    line-height: 30px;
  }
  .newchagetext {
    bottom: 30px;
  }
  .newchagetext p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
  }

  .f-ba {
    height: auto;
    padding: 10px 3%;
  }
  .footerwrap.chageh {
    padding-bottom: 70px;
  }
  .f-ba-r a,
  .f-ba-r font {
    margin: 0 2px;
  }

  .ninfo01 table {
    width: 800px !important;
  }

  .languagedown {
    left: initial;
    right: 0;
    margin-left: 20px;
    width: 200px;
  }

  .coaBox .formBox {
    padding: 25px 15px;
  }
  .coaBox .inputBox {
    width: 100%;
    margin-bottom: 10px;
  }
  .coaBox .inputText {
    height: 40px;
  }
  .coaBox .name {
    line-height: 24px;
  }
  .coaBox .timeBox .inputText {
    width: 49%;
  }
  .coaBox .btnSubmit {
    width: 100px;
    height: 40px;
    font-size: 14px;
  }
  .coaBox .btnBox {
    margin-top: 20px;
  }

  .docuform {
    width: 100%;
  }
  .docu-forbot .el-form-item__label {
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    margin-bottom: 10px;
  }
  .docu-fortop p {
    font-size: 14px;
    line-height: 24px;
  }

  /* .aptitude01wrap */
  .aptitude01wrap {
    padding: 50px 0;
  }
  .aptitude01 h3 {
    font-size: 26px;
  }
  .aptitude01 strong {
    width: 30px;
    margin-bottom: 20px;
  }
  .aptitude01 h4 {
    font-size: 14px;
    line-height: 24px;
  }

  .aptitude02 {
    margin: 50px auto;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .aptitude02-l {
    width: 100%;
  }
  .aptitude02-l .text01 h3 {
    font-size: 24px;
  }
  .aptitude02-l .text01 span {
    font-size: 72px;
  }
  .aptitude02-l .text01 p {
    font-size: 14px;
    line-height: 24px;
  }
  .aptitude02-l {
    height: 360px;
  }
  .aptitude02-l .text02 .item h3 {
    font-size: 24px;
  }
  .aptitude02-l .text02 .item h3 {
    font-size: 60px;
  }
  .aptitude02-l .text02 .item p {
    font-size: 16px;
    line-height: 30px;
  }

  .aptitude02-r {
    width: 100%;
    margin: auto;
    margin-top: 20px;
    padding: 50px 20px;
  }
  .aptitude02-r h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .aptitude02-r h4 {
    font-size: 14px;
    line-height: 24px;
  }

  .aptitude03wrap {
    margin: 50px auto;
  }
  .apti-tl h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .apti-tl h4 {
    font-size: 14px;
    line-height: 24px;
  }
  .aptitude03 {
    margin-top: 30px;
    display: block;
  }
  .aptitude03-l {
    width: 100%;
  }
  .aptitude03-l .item {
    width: calc((100% - 10px) / 2);
    padding: 30px 10px;
  }
  .aptitude03-l .item:nth-of-type(3n) {
    margin-right: 10px;
  }
  .aptitude03-l .item:nth-of-type(2n) {
    margin-right: 0;
  }
  .aptitude03-l .item h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .aptitude03-l .item h3 span {
    font-size: 60px;
  }
  .aptitude03-l .item p {
    font-size: 14px;
  }
  .aptitude03-r {
    width: 100%;
    padding: 30px 10px;
    box-sizing: border-box;
    margin: auto;
    margin-bottom: 10px !important;
    height: 300px !important;
  }
  .aptitude03-r .box h3 {
    font-size: 20px;
  }
  .aptitude03-r .box h3 span {
    font-size: 72px;
  }
  .aptitude03-r .box p {
    font-size: 14px;
    margin: 15px 0 40px;
  }

  .aptitude03-r .box p {
    margin: 50px aoto;
  }
  .aptitude04 {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-top: 30px;
  }
  .aptitude04 li {
    width: 100%;
    padding: 40px 20px 10px;
    margin-bottom: 20px;
  }
  .aptitude04 li h4 {
    height: auto;
  }
  .aptitude04 li .list .item {
    margin-bottom: 20px;
  }
  .aptitude04wrap {
    margin: 50px auto;
  }
  .aptitude04wrap .tips {
    margin-top: 20px;
  }
  .aptitude04 li .list .item .imgbox {
    width: 90px;
    height: 90px;
  }
  .aptitude04 li .list .item p {
    width: calc(100% - 90px);
  }

  .aptitudemask .maskbox {
    padding: 0 20px;
  }
  .aptitudemask .maskbox table thead td {
    padding: 15px 5px;
    font-size: 14px;
  }
  .aptitudemask .maskbox table tbody td {
    font-size: 14px;
    padding: 10px 5px;
  }
  .aptitudemask > img {
    max-width: 60%;
  }

  .history-swiper-min .bot .list .item .imgbox {
    height: 140px;
  }
  .history-swiper-min .bot .list .item .text .data {
    border: none;
  }
  .history-swiper-min .bot .list .item {
    align-items: center;
    -webkit-align-items: center;
  }
  .history-swiper-min .bot .list .item .text h4 {
    margin-bottom: 0;
  }
  /*.history-swiper-min .bot .list .item{border-bottom:none;}*/
  .files01-r {
    margin-top: 50px;
  }
  .bear07 .swiper-slide a {
    height: 160px;
  }
  .bear07 .btnlist {
    margin-top: 30px;
  }
  .file03-text .item p {
    line-height: 20px;
  }
  .customer03-r .imgbox:first-child img {
    height: 100%;
  }
  .videobox {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
  }
  .maskweap .imgshow .bigvideo {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }
  .bear09-botmin a .img {
    height: 100px;
  }
  .bear09-botmin a h3 {
    font-size: 14px;
  }
  .pro06min {
    overflow: auto;
  }

  .sortli.sortli02 {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    position: relative;
  }
  .sortli .itemlist {
    width: 100%;
    padding: 0;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    position: relative;
  }
  .sortli .itemlist .item {
    width: calc((100% - 10px) / 2);
  }
  .sortli .itemlist .item input {
    height: 40px;
    font-size: 12px;
  }
  .sortli.sortli02 button {
    position: absolute;
    right: 0;
  }
  .sortli .itemlist .item:last-child {
    width: calc(100% - 90px);
    margin-top: 10px;
  }
  .sortli .innerbox input {
    width: 100%;
  }
  .sortli .itemlist .item p {
    font-size: 12px;
  }

  .filetab {
    width: auto;
  }
  .filetab .item {
    min-width: calc(100% / 4);
  }
  .files01-lmin .item .top .text h3 {
    font-size: 16px;
  }
  .nodata .tips {
    font-size: 16px;
    line-height: 30px;
  }

  .word-btext {
    padding-top: 100px;
  }
  .c-btext h3 {
    font-size: 24px;
  }
  .c-btext p {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .customerformwrap {
    margin-top: 24px;
  }
  .adOutsideDiv {
    padding-top: 10px;
  }

  .index-about-l a {
    padding-bottom: 12px;
  }
  .index-about-l a::before {
    top: initial;
    bottom: 0;
  }
  .index-about-l {
    padding-bottom: 0;
  }
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    display: none;
  }
  .index-about-l .index-aboutpagination {
    z-index: 0;
  }

  .history-swiper-min .bot .list .item .imgbox {
    height: 120px;
  }
  .appli01-thumbs .swiper-slide {
    height: 50px;
  }
  .appli01-rmin .swiper-slide a {
    height: 200px;
  }

  .ax-menu > li > a,
  .ax-menu > li > ul > li > a,
  .ax-menu > li > ul > li > ul > li > a,
  .ax-menu > li > ul > li > ul > li > ul > li > a {
    padding-right: 1rem;
  }
  .file03-text .item h3 {
    font-size: 16px;
  }
  .file03-text .item p {
    font-size: 12px;
  }
  .file03-text .item strong {
    margin: 12px auto;
  }
  .result-banner {
    padding-bottom: 0;
  }
  .customer03-l .info p {
    font-size: 14px !important;
    line-height: 24px;
  }
  .customer03-l .info p strong {
    display: block;
    margin-bottom: 10px;
  }

  .pro10wrap {
    padding: 50px 0;
  }

  .customerform form {
    padding-left: 40px;
  }
  .customerform form input {
    font-size: 14px;
  }
  .protwo01-swiper {
    margin-bottom: 40px;
  }
  .pro10-bot {
    position: relative;
  }

  .appli09-l h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .appli10 > div {
    margin-right: 0;
  }

  .pro09 .top,
  .pro09min li,
  .pro09 .bg {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
  }

  .word-btext .customerformwrap {
    margin-top: 0;
  }

  .el-message-box {
    box-sizing: border-box;
    width: 90%;
  }
  .el-message-box__message p {
    font-size: 12px;
    line-height: 20px;
  }
  .el-message-box__status + .el-message-box__message {
    padding-left: 50px;
  }
  .el-message-box__status.cusomer {
    width: 40px;
    height: 40px;
  }

  .result-banner {
    padding-bottom: 20px;
  }

  /*20250527*/
  .appli01-r p {
    text-align: left !important;
  }
  .pro06min .tablewrap table,
  .pro07min table,
  .pro06min .tablewrap.one table {
    width: 1000px;
  }
  .pro11 .item .text h3 {
    min-height: auto;
  }

  .reslistwrap .el-tag {
    font-size: 12px;
  }
  .protags li .tagslist .el-checkbox__label {
    font-size: 12px;
  }
  .appli09-l p {
    line-height: 24px;
  }
  .appli11 .text .tl h3 {
    line-height: 28px;
  }
  .bear06-info li .info span {
    font-size: 14px !important;
  }

  .pro06min .tablewrap table tr td {
    padding: 8px !important;
  }
  .pro02 .item h3 {
    line-height: 24px;
    margin-bottom: 14px;
  }

  .contact01-l .text .list p,
  .cr-list .list .item p {
    font-size: 14px;
  }
  .contact01-l .text .tl h3,
  .cr-list .tl h3 {
    font-size: 22px;
  }

  .dsztable .rq {
    width: 100%;
    overflow-x: auto;
  }
  .dsztable table {
    width: 1000px;
  }
  .dsztable table tr td,
  .dsztable table th {
    line-height: 20px;
    padding: 6px 6px;
  }
  .dsztable table tr td {
    font-size: 12px;
  }
  .dsztable table th a {
    line-height: 20px;
  }
  .dsztable table .img {
    height: 100px;
  }
  .aptitude03-l-1 {
    width: 100% !important;
    padding: 0;
    height: 100px !important;
  }

  .aptitude03-l-1 .box span {
    font-size: 14px;
  }
 
}