@font-face {
  font-family: "KOZGOPR6N-REGULAR";
  src: url("../fonts/KOZGOPR6N-REGULAR.OTF");
}
@font-face {
  font-family: "KozGoPro-Bold";
  src: url("../fonts/KozGoPro-Bold.otf");
}
@font-face {
  font-family: "Jost-Regular";
  src: url("../fonts/Jost-Regular.ttf");
}
@font-face {
  font-family: "Jost-Bold";
  src: url("../fonts/Jost-Bold.ttf");
}

@font-face {
    font-family: "iconfont";
    src: url(../afonts/iconfont.woff2?t=1645624313924) format('woff2'), url(../afonts/iconfont.woff?t=1645624313924) format('woff'), url(../afonts/iconfont.ttf?t=1645624313924) format('truetype');
}
.wrap{    width: 86.25%;
    margin: 0 auto;
    position: relative;}
#banner_marai {
    position: fixed;
    width: 352px;
    left: 50%;
    margin-left: -176px;
    bottom: 50%;
    transform: translateY(50%);
    border-radius: 6px;
    z-index: 2014;
}
#banner_marai > span {
    position: absolute;
    right: 5px;
    top: 0;
    cursor: pointer;
}
#banner_marai > span .iconfont {
    font-size: 16px;
    color: #fff;
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-guanbi:before {
    content: "\e64d";
}


html {
  overflow-x: hidden;
}

.only-m {
  display: none !important;
}

.w1440 {
  position: relative;
  width: 75vw;
  margin: 0 auto;
}

.section01 {
  position: relative;
  /* height: 56.25vw; */
}
.section01 .banner {
  display: block;
  width: 100%;
  /* height: 56.25vw; */
}
.section01 .swiper-slide {
  width: 100%;
  /* height: 56.25vw; */
}
.section01 .swiper-pagination {
  width: 5vw;
  left: 50%;
  margin-left: -2.5vw;
}
.section01 .swiper-pagination .swiper-pagination-bullet {
  width: 1vw;
  height: 1vw;
  background: #fff;
}

.LINE a {
  display: block;
}
.LINE img {
  display: block;
  width: 100%;
}


.topBtn{ position: fixed; right: 3.7%; bottom: 180px; width: 200px; border-radius: 50px; z-index: 999;}
   .topBtn img{ display: block;width:200px;}
    .topBtn:hover{ box-shadow: 0 0 15px rgba(0,0,0,.3);}





.section02 {
  background-color: #1b1f28;
  padding: 8vw 0 5vw;
}
.section02 ul {
  display: flex;
  flex-wrap: wrap;
}
.section02 ul li {
  width: 25%;
  height: 13vw;
  text-align: center;
  transition: all 0.5s;
}
.section02 ul li img {
  display: block;
  width: 3.64vw;
  margin: 0 auto 1.04vw;
}
.section02 ul li p {
  display: block;
  font: normal 1.04vw/2em "KOZGOPR6N-REGULAR";
  color: #fff;
}
.section02 ul li:hover {
  transform: scale(1.08);
}

.section03 {
  position: relative;
}
.section03 h2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  font: bold 3.75vw/12.6vw "KozGoPro-Bold";
  color: #fff;
  text-align: center;
  z-index: 9;
}
.section03 ul {
  overflow: hidden;
}
.section03 ul li {
  float: left;
  width: 16.666%;
  padding: 12.6vw 0 3.7vw;
}
.section03 ul li h3 {
  font: normal 1.56vw/2.5vw "Jost-Regular";
  text-align: center;
}
.section03 ul li h3 span {
  display: block;
  font-size: 1.04vw;
}
.section03 ul li img {
  display: block;
  width: 100%;
  transition: all 0.5s;
}
.section03 ul li img:hover {
  transform: translateY(-10px);
}
.section03 ul li:nth-child(1) {
  background-color: #f4f4f4;
  background-image: linear-gradient(#cacaca, #f4f4f4, #d9d9d9);
  background-image: -moz-linear-gradient(#cacaca, #f4f4f4, #d9d9d9);
  background-image: -webkit-linear-gradient(#cacaca, #f4f4f4, #d9d9d9);
  background-image: -o-linear-gradient(#cacaca, #f4f4f4, #d9d9d9);
}
.section03 ul li:nth-child(1) h3 {
  color: #666;
}
.section03 ul li:nth-child(1) h3 span {
  color: #1d1d1f;
}
.section03 ul li:nth-child(1):hover {
  background-image: linear-gradient(#cacaca, #f4f4f4 20%, #d9d9d9);
}
.section03 ul li:nth-child(2) {
  background-color: #485348;
  background-image: linear-gradient(#586458, #5a665a, #434d43);
  background-image: -moz-linear-gradient(#586458, #5a665a, #434d43);
  background-image: -webkit-linear-gradient(#586458, #5a665a, #434d43);
  background-image: -o-linear-gradient(#586458, #5a665a, #434d43);
}
.section03 ul li:nth-child(2) h3 {
  color: #c9ddcb;
}
.section03 ul li:nth-child(2):hover {
  background-image: linear-gradient(#586458, #5a665a 20%, #434d43);
}
.section03 ul li:nth-child(3) {
  background-color: #b7ab81;
  background-image: linear-gradient(#5e541b, #b7ab81, #5e5319);
  background-image: -moz-linear-gradient(#5e541b, #b7ab81, #5e5319);
  background-image: -webkit-linear-gradient(#5e541b, #b7ab81, #5e5319);
  background-image: -o-linear-gradient(#5e541b, #b7ab81, #5e5319);
}
.section03 ul li:nth-child(3) h3 {
  color: #f9edae;
}
.section03 ul li:nth-child(3):hover {
  background-image: linear-gradient(#5e541b, #b7ab81 20%, #5e5319);
}
.section03 ul li:nth-child(4) {
  background-color: #ff6275;
  background-image: linear-gradient(#ff1c38, #ff6275, #b21928);
  background-image: -moz-linear-gradient(#ff1c38, #ff6275, #b21928);
  background-image: -webkit-linear-gradient(#ff1c38, #ff6275, #b21928);
  background-image: -o-linear-gradient(#ff1c38, #ff6275, #b21928);
}
.section03 ul li:nth-child(4) h3 {
  color: #fde7ea;
}
.section03 ul li:nth-child(4):hover {
  background-image: linear-gradient(#ff1c38, #ff6275 20%, #b21928);
}
.section03 ul li:nth-child(5) {
  background-color: #ffe248;
  background-image: linear-gradient(#fab62a, #ffe248, #fab92d);
  background-image: -moz-linear-gradient(#fab62a, #ffe248, #fab92d);
  background-image: -webkit-linear-gradient(#fab62a, #ffe248, #fab92d);
  background-image: -o-linear-gradient(#fab62a, #ffe248, #fab92d);
}
.section03 ul li:nth-child(5) h3 {
  color: #fff3cd;
}
.section03 ul li:nth-child(5):hover {
  background-image: linear-gradient(#fab62a, #ffe248 20%, #fab92d);
}
.section03 ul li:nth-child(6) {
  background-color: #2d2d2d;
  background-image: linear-gradient(#2e2e2e, #2d2d2d, #2c2c2c);
  background-image: -moz-linear-gradient(#2e2e2e, #2d2d2d, #2c2c2c);
  background-image: -webkit-linear-gradient(#2e2e2e, #2d2d2d, #2c2c2c);
  background-image: -o-linear-gradient(#2e2e2e, #2d2d2d, #2c2c2c);
}
.section03 ul li:nth-child(6) h3 {
  color: #fff;
}
.section03 ul li:nth-child(6):hover {
  background-image: linear-gradient(#2e2e2e, #2d2d2d 20%, #2c2c2c);
}

.section04 .title {
  padding: 4vw 0 7.5vw;
  text-align: center;
}
.section04 .title h2 {
  font: bold 3.75vw/6.14vw "KozGoPro-Bold";
  color: #1d1d1f;
}
.section04 .title p {
  font: normal 3.75vw/6.14vw "KozGoPro-REGULAR";
  color: #333;
}
.section04 .img {
  display: block;
  width: 75.6%;
  margin-left: 4.16%;
}
.section04 .bike {
  position: absolute;
  right: -7%;
  bottom: -11.3%;
  width: 49.3%;
}

.section05 {
  position: relative;
  margin-top: 8.6vw;
}
.section05 .img {
  display: block;
  width: 100%;
}
.section05 .main {
  position: absolute;
  left: 18.75vw;
  top: 6vw;
}
.section05 .main h2 {
  font: bold 3.75vw/5.5vw "KozGoPro-Bold";
  color: #1d1d1f;
}
.section05 .main .p01 {
  font: normal 1.875vw/5.5vw "KozGoPro-REGULAR";
  color: #333;
}
.section05 .main .icon {
  display: block;
  width: 4vw;
  margin: 2.5vw 0 2.5vw;
}
.section05 .main .txt {
  display: block;
  width: 21vw;
}
.section05 .main ol {
  margin-top: 2.6vw;
}
.section05 .main ol li {
  display: inline-block;
  margin-right: 3vw;
}
.section05 .main ol li p:nth-child(1) {
  font: normal 1.56vw/3.75vw "KozGoPro-REGULAR";
  color: #1d1d1f;
}
.section05 .main ol li p:nth-child(1) strong {
  font-size: 1.25vw;
  font-family: "KozGoPro-Bold";
}
.section05 .main ol li p:nth-child(2) {
  font: normal 1.56vw/3.75vw "Jost-Regular";
  color: #fff;
}
.section05 .main ol li p:nth-child(2) strong {
  font-size: 3.125vw;
  font-family: "Jost-Bold";
}
.section05 .main ol li p:nth-child(2) strong i {
  font-weight: normal;
}
.section05 .bike {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 72vw;
}

.section06 {
  padding: 5vw 0 5.2vw;
  position: relative;
  background-image: linear-gradient(180deg, #6c9aff 0, #6c9aff 50%, #36519d 50%);
}
.section06 h2 {
  position: relative;
  margin-bottom: -5vw;
  font: bold 3.75vw/5.5vw "KozGoPro-Bold";
  color: #fff;
  text-align: center;
  z-index: 2;
}
.section06 .logo {
  position: absolute;
  left: 0;
  top: 38.54vw;
  width: 100%;
}
.section06 .bike01 {
  position: relative;
  width: 75.2vw;
  margin: 0 auto;
}
.section06 .bike01 img {
  display: block;
  width: 100%;
}
.section06 .bike01 .txt {
  position: absolute;
  left: 49%;
  top: 8.6vw;
}
.section06 .bike01 .txt p {
  margin-bottom: 3vw;
  font: italic 1.875vw/3.75vw "Jost-Regular";
  color: #fff;
}
.section06 .bike01 .txt p strong {
  margin-right: 1vw;
  font-size: 3.75vw;
  font-family: "KozGoPro-Bold";
}
.section06 .bike01 .txt p span {
  display: block;
  font: normal 1.25vw/1.25vw "KozGoPro-REGULAR";
}
.section06 .bike02 {
  width: 85.88vw;
  margin: 3.2vw auto 0;
}
.section06 .bike02 img {
  float: left;
  width: 47.36%;
  margin: 0 1.32%;
}

.section07 {
  height: 68.5vw;
  background: #fff url(../images/ES2/img05.png) no-repeat center bottom;
  background-size: 100% auto;
}
.section07 .title {
  padding: 4vw 0 7.5vw;
  text-align: center;
}
.section07 .title h2 {
  font: bold 3.75vw/6.14vw "KozGoPro-Bold";
  color: #1d1d1f;
}
.section07 .title p {
  font: normal 1.56vw/2vw "KozGoPro-REGULAR";
  color: #666;
}
.section07 h3 {
  margin-left: 24vw;
  margin-bottom: 2vw;
  font: normal 3.75vw/5.2vw "KozGoPro-REGULAR";
  color: #1d1d1f;
}
.section07 .txt {
  margin-left: 24vw;
}
.section07 .txt p {
  display: inline-block;
  margin-right: 3vw;
  font: normal 1.875vw/3.75vw "KozGoPro-Bold";
  color: #0978ee;
}
.section07 .txt p strong {
  font-size: 3.75vw;
  font-family: "Jost-Bold";
}
.section07 .txt p span {
  display: block;
  font: normal 1.25vw/1.25vw "KozGoPro-REGULAR";
  color: #666;
}

.section08 {
  padding-bottom: 6.4vw;
}
.section08 .title {
  padding: 4vw 0 4vw;
  text-align: center;
}
.section08 .title h2 {
  font: bold 3.75vw/6.14vw "KozGoPro-Bold";
  color: #1d1d1f;
}
.section08 .title p {
  width: 42vw;
  margin: 0 auto;
  font: normal 1.25vw/2.6vw "KozGoPro-REGULAR";
  color: #666;
}
.section08 img {
  display: block;
  width: 83.38vw;
  margin: 0 auto;
}

.section09 {
  height: 61.82vw;
  background: url(../images/ES2/img07.jpg) no-repeat center bottom;
  background-size: 100% auto;
}
.section09 .title {
  padding: 5vw 0 4vw;
  text-align: center;
}
.section09 .title h2 {
  font: bold 3.75vw/6.14vw "KozGoPro-Bold";
  color: #fff;
}
.section09 .title p {
  width: 38vw;
  margin: 0 auto;
  font: normal 1.25vw/2.6vw "KozGoPro-REGULAR";
  color: #fff;
}
.section09 ol {
  text-align: center;
}
.section09 ol li {
  display: inline-block;
  margin: 0 2vw;
}
.section09 ol li img {
  display: inline-block;
  width: 4.2vw;
  margin: 0 auto;
}
.section09 ol li p {
  font: italic 1.25vw/3.75vw "Jost-Regular";
  color: #fff;
}
.section09 ol li p strong {
  font-size: 1.875vw;
  font-family: "Jost-Bold";
}
.section09 ol li p span {
  display: block;
  font: normal 1.56vw/2vw "KozGoPro-Bold";
}

.section10 {
  padding-bottom: 6.4vw;
}
.section10 h2 {
  padding: 5vw 0 4vw;
  font: bold 3.75vw/5.2vw "KozGoPro-Bold";
  color: #1d1d1f;
  text-align: center;
}
.section10 img {
  display: block;
  width: 83.38vw;
  margin: 0 auto;
}

.section11 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  background-color: #f2f2f2;
}
.section11 h2 {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  margin-top: -4.16vw;
  font: bold 2.5vw/4.16vw "KozGoPro-Bold";
  color: #1d1d1f;
  text-align: center;
}
.section11 img {
  display: block;
  width: 50%;
}

.section12 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 5.2vw 0 4.8vw 1.565vw;
  text-align: center;
}
.section12 li {
  position: relative;
  width: 31.04%;
  margin: 0 0.625%;
  border-radius: 2vw;
  text-align: center;
  overflow: hidden;
  transition: all 1s;
}
.section12 li:hover {
  opacity: 0.8;
}
.section12 li:hover img {
  transform: scale(1.08);
}
.section12 h3 {
  position: absolute;
  left: 0;
  top: 13.5vw;
  width: 100%;
  font: bold 2.5vw/4.16vw "KozGoPro-Bold";
  color: #fff;
}
.section12 p {
  position: absolute;
  left: 0;
  top: 18vw;
  width: 100%;
  padding: 0 20%;
  font: normal 1.25vw/2.08vw "KozGoPro-REGULAR";
  color: #fff;
  box-sizing: border-box;
}
.section12 img {
  display: block;
  width: 100%;
  transition: all 1s;
}

.section13 {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.section13 img {
  height: 48vw;
}
.section13 .img01 {
  float: left;
}
.section13 .img02 {
  position: absolute;
  left: 30.9%;
  top: 0;
}
.section13 .img03 {
  float: right;
}

.section14 {
  position: relative;
}
.section14 h2 {
  padding: 5vw 0 4vw;
  font: bold 3.75vw/5.2vw "KozGoPro-Bold";
  color: #1d1d1f;
  text-align: center;
}
.section14 .bike {
  display: block;
  width: 71.98vw;
}
.section14 ul {
  position: absolute;
  left: 53.85vw;
  top: 15.1vw;
  width: 34vw;
}
.section14 ul li {
  float: left;
  width: 14.63vw;
  margin-right: 1.67vw;
  margin-bottom: 0.833vw;
}
.section14 ul li img {
  display: block;
  width: 100%;
  transition: all 0.5s;
}
.section14 ul li p {
  font: normal 1.04vw/2.5vw "KozGoPro-Bold";
  text-align: center;
}
.section14 ul li:hover img {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.section15 {
  padding: 13vw 0 6.4vw;
  background-color: #f8f8f8;
}
.section15 table {
  width: 100%;
  border-radius: 1.8vw 1.8vw 0 0;
}
.section15 table tr th {
  position: relative;
  background-color: #0978ee;
  height: 7vw;
  font: normal 1.875vw/4vw "KozGoPro-REGULAR";
}
.section15 table tr th:nth-child(1) {
  border-radius: 1.8vw 0 0 0;
}
.section15 table tr th:nth-child(2) {
  color: #fff;
}
.section15 table tr th:nth-child(3) {
  position: relative;
  background-color: #e5efff;
  color: #0978ee;
  border-left: 2px solid #0978ee;
  border-right: 2px solid #0978ee;
}
.section15 table tr th:nth-child(3)::after {
  content: "";
  position: absolute;
  left: -2px;
  top: -1.4vw;
  width: 100%;
  height: 1.4vw;
  background-color: #e5efff;
  border: 2px solid #0978ee;
  border-bottom: none;
  border-radius: 0.7vw 0.7vw 0 0;
}
.section15 table tr th:nth-child(4) {
  border-radius: 0 1.8vw 0 0;
}
.section15 table tr th span {
  display: block;
  padding-top: 3vw;
}
.section15 table tr th img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 4vw;
  z-index: 2;
}
.section15 table tr th .bike01 {
  width: 11.875vw;
}
.section15 table tr th .bike02 {
  width: 15.3vw;
  bottom: 3.2vw;
}
.section15 table tr td {
  width: 27%;
  font: normal 1.25vw/4.16vw "KozGoPro-Bold";
  box-sizing: border-box;
}
.section15 table tr td:nth-child(1) {
  width: 19%;
  padding-left: 2.5em;
  color: #0978ee;
}
.section15 table tr td:nth-child(2) {
  text-align: center;
  color: #1d1d1f;
  font-family: "KozGoPro-REGULAR";
}
.section15 table tr td:nth-child(3) {
  text-align: center;
  color: #1d1d1f;
  border-left: 2px solid #0978ee;
  border-right: 2px solid #0978ee;
}
.section15 table tr td:nth-child(4) {
  padding-left: 4em;
  color: #0978ee;
  font-family: "KozGoPro-REGULAR";
}
.section15 table tr td:nth-child(4) span {
  position: relative;
}
.section15 table tr td:nth-child(4) span::after {
  content: "";
  position: absolute;
  right: -18px;
  top: 0;
  width: 13px;
  height: 100%;
  background: url(../images/ES2/icon12.png) no-repeat center center;
}
.section15 table tr:hover {
  background-color: #dce9fd !important;
}
.section15 table tr:nth-child(2n) {
  background-color: #fff;
}
.section15 table tr:nth-child(2n+3) {
  background-color: #f5f9ff;
}
.section15 table tr:nth-child(2n+3) td:nth-child(3) {
  background-color: #e5efff;
}
.section15 table tr:last-child td:nth-child(3) {
  position: relative;
  background-color: #e5efff;
}
.section15 table tr:last-child td:nth-child(3)::after {
  content: "";
  position: absolute;
  left: -2px;
  bottom: -0.7vw;
  width: 100%;
  height: 0.7vw;
  background-color: #e5efff;
  border: 2px solid #0978ee;
  border-top: none;
  border-radius: 0 0 0.7vw 0.7vw;
}

.section16 {
  padding: 2vw 0 4vw;
  background-color: #fff;
}
.section16 h2 {
  font: bold 3.75vw/9vw "KozGoPro-Bold";
  color: #1d1d1f;
  text-align: center;
}
.section16 > p {
  font: normal 3.125vw/3vw "KozGoPro-REGULAR";
  color: #1d1d1f;
  text-align: center;
}
.section16 > p strong {
  display: inline-block;
  border-bottom: 0.68vw solid #0978ee;
  margin-bottom: -0.68vw;
}
.section16 > p span {
  font-size: 1.875vw;
}
.section16 .table {
  margin-top: 4vw;
  border: 1px solid #d9d9d9;
  border-radius: 1.8vw;
  overflow: hidden;
}
.section16 .table table {
  width: 100%;
}
.section16 .table table tr td {
  font: normal 1.25vw/5.2vw "KozGoPro-Bold";
  box-sizing: border-box;
}
.section16 .table table tr td:nth-child(1) {
  width: 40%;
  padding-left: 5em;
  color: #1d1d1f;
}
.section16 .table table tr td:nth-child(2) {
  width: 60%;
  font-family: "KozGoPro-REGULAR";
  color: #666;
}
.section16 .table table tr:hover {
  background-color: #e9e8e8 !important;
}
.section16 .table table tr:nth-child(2n) {
  background-color: #fafafa;
}
.section16 .table table tr:nth-child(2n+1) {
  background-color: #fff;
}
.section16 .table p {
  width: 49vw;
  margin: 0 auto;
  padding: 3vw 0;
  font: normal 1.25vw/1.875vw "KozGoPro-Bold";
  color: #666;
  text-align: center;
}
.goTop{z-index:2;}

@media (min-width: 0) and (max-width: 1716px) {
    .topBtn{ right: 0;}
}
@media (min-width: 0) and (max-width: 1540px) {
	
	.topBtn{ right: 0;}
  .w1440 {
    width: 93.5vw;
  }
  .section02 ul li img {
    width: 4.5vw;
  }
  .section02 ul li p {
    font-size: 1.3vw;
  }
}/*# sourceMappingURL=ES2-pc.css.map */