@charset "UTF-8";
body, html {
  overflow-x: hidden;
}

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

.only-m-br {
  display: block;
  width: 1px;
}

.indexNavMain {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 15.74vw;
  background: #fff;
  z-index: 999;
  /* 显示汉堡菜单按钮 */
  /* 导航菜单初始状态为隐藏 */
  /* 导航菜单展开状态 */
  /* 汉堡菜单动画 - 展开时变成X */
}
.indexNavMain .logo {
  float: left;
  display: flex;
  margin-left: 7.4vw;
  margin-top: 2.22vw;
}
.indexNavMain .logo img {
  display: block;
  width: 12.6vw;
}
.indexNavMain .logo p {
  margin-left: 5vw;
  margin-top: 2vw;
  height: 7.4vw;
  font-size: 2.2vw;
  line-height: 3.7vw;
  font-weight: 500;
}
.indexNavMain .logo p i {
  display: none;
}
.indexNavMain .logo p span {
  display: block;
}
.indexNavMain .contact {
  float: right;
  display: flex;
  justify-content: center;
  width: 32vw;
  height: 8.33vw;
  margin-right: 10.2vw;
  margin-top: 3.7vw;
  background-color: #530000;
}
.indexNavMain .contact img {
  display: block;
  width: 4.07vw;
  height: auto;
  filter: invert(1) brightness(2);
}
.indexNavMain .contact div {
  margin-left: 2.2vw;
  margin-top: 1.2vw;
  height: 5.92vw;
}
.indexNavMain .contact div span {
  display: block;
  font-size: 0.18rem;
  line-height: 2.96vw;
  font-weight: 100;
  color: #ffcc00;
}
.indexNavMain .contact div p {
  font-size: 0.2rem;
  line-height: 2.96vw;
  color: #fff;
  font-weight: 500;
}
.indexNavMain .menu-toggle {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  flex-direction: column;
  justify-content: center;
  width: 10vw;
  height: 15.74vw;
  border: none;
  background: none;
  z-index: 1001;
}
.indexNavMain .menu-toggle .menu-toggle-bar {
  display: block;
  width: 5.55vw;
  height: 0.04rem;
  background-color: #530000;
  margin: 0.08rem auto;
  transition: all 0.3s ease;
}
.indexNavMain nav {
  position: fixed;
  top: -120vh;
  left: 0%;
  width: 100%;
  height: 100vh;
  padding: 0 0.4rem;
  box-sizing: border-box;
  background: #530000;
  transition: all 0.6s;
  z-index: 1000;
  overflow-y: auto;
}
.indexNavMain nav .logo {
  margin-left: 0;
  float: none;
  margin-top: 0;
  border-bottom: 2px solid #6a0c0c;
}
.indexNavMain nav .logo img {
  display: block;
  width: 1rem;
  margin-top: 0.1rem;
  filter: invert(1) brightness(2);
}
.indexNavMain nav .logo p {
  margin-left: 0.3rem;
  margin-top: 0;
  height: 1.2rem;
  font-size: 0.2rem;
  line-height: 1.2rem;
  font-weight: 500;
  color: #fff;
}
.indexNavMain nav ul {
  margin-top: 0.6rem;
}
.indexNavMain nav ul a {
  position: relative;
  display: block;
  border-bottom: 2px solid #6a0c0c;
  padding: 0.24rem 0.4rem 0.3rem;
  font-size: 0.4rem;
  color: #fff;
  font-weight: 500;
  transition: color 0.3s;
}
.indexNavMain nav ul a span {
  display: block;
  font-size: 0.24rem;
  line-height: 0.48rem;
  text-transform: uppercase;
}
.indexNavMain nav ul a p {
  font-size: 0.4rem;
  line-height: 0.48rem;
}
.indexNavMain nav ul a::before {
  position: absolute;
  content: "";
  right: 0.3rem;
  top: 50%;
  width: 0.23rem;
  height: 0.22rem;
  margin-top: -0.11rem;
  background: url(../images/arr04.png) no-repeat;
  background-size: 100% 100%;
}
.indexNavMain nav ul a:hover {
  color: #ffcc00;
}
.indexNavMain nav ul li:last-child a {
  color: #ffcc00;
}
.indexNavMain nav ul li:last-child a div {
  margin-left: 0.8rem;
}
.indexNavMain nav ul li:last-child a img {
  position: absolute;
  left: 0.24rem;
  top: 0.4rem;
  width: 0.8rem;
  height: auto;
}
.indexNavMain nav ul li:last-child a::before {
  background-image: url(../images/arr05.png);
}
.indexNavMain nav .copyright {
  margin-top: 1rem;
  font-size: 0.32rem;
  line-height: 0.52rem;
  text-align: center;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  color: #fff;
}
.indexNavMain nav.active {
  top: 0;
}
.indexNavMain .menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(1) {
  transform: translateY(0.2rem) rotate(45deg);
  background-color: #fff;
}
.indexNavMain .menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(2) {
  opacity: 0;
}
.indexNavMain .menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(3) {
  transform: translateY(-0.2rem) rotate(-45deg);
  background-color: #fff;
}

.indexBanner {
  position: relative;
  margin-top: 16vw;
}
.indexBanner .banner-image {
  position: relative;
  width: 100%;
  height: 162vw;
}
.indexBanner .banner-image img {
  display: block;
  position: absolute;
  width: 83.7%;
}
.indexBanner .banner-image .img01 {
  left: 0;
  top: 0;
  z-index: 1;
}
.indexBanner .banner-image .img02 {
  right: 0;
  top: 28.42vw;
  z-index: 2;
}
.indexBanner .banner-image .img03 {
  left: 0;
  top: 76vw;
  z-index: 4;
}
.indexBanner .banner-image .img04 {
  right: 0;
  bottom: 0;
  z-index: 3;
}
.indexBanner .banner-txt {
  position: absolute;
  left: 2%;
  top: 58vw;
  width: 96%;
  z-index: 5;
}
.indexBanner .banner-txt h1 .slogan01 {
  display: flex;
  justify-content: center;
  width: 67vw;
  height: 22vw;
  background: url(../images/sloganBg01.png) no-repeat center center;
  background-size: 100% auto;
}
.indexBanner .banner-txt h1 .slogan01 img {
  display: block;
  width: 57.4vw;
}
.indexBanner .banner-txt h1 .slogan02 {
  display: flex;
  justify-content: center;
  width: 86vw;
  height: 24vw;
  margin: -13vw 0 -3vw 9vw;
  background: url(../images/sloganBg02.png) no-repeat center center;
  background-size: 100% auto;
}
.indexBanner .banner-txt h1 .slogan02 img {
  display: block;
  width: 75.3vw;
}
.indexBanner .banner-txt p {
  width: 60vw;
  height: 20vw;
  overflow: hidden;
  margin: -13vw 0 0 36vw;
}
.indexBanner .banner-txt p span {
  display: block;
  width: 60vw;
  height: 9.5vw;
  padding-top: 1.5vw;
  padding-left: 4vw;
  margin-left: -1vw;
  background-color: rgba(255, 255, 255, 0.9);
  font-size: 2.96vw;
  line-height: 4.44vw;
  font-style: italic;
  transform: rotateZ(-7deg) translateY(5vw);
}

.indexTitle {
  position: relative;
  margin-left: 7.4vw;
}
.indexTitle span {
  display: block;
  margin-bottom: 4.07vw;
  font-size: 5.55vw;
  line-height: 5.55vw;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  color: #333;
  text-transform: uppercase;
}
.indexTitle span strong {
  color: #006900;
  font-weight: 700;
}
.indexTitle h2 {
  font-size: 4.44vw;
  line-height: 6.66vw;
  font-weight: 700;
  color: #111;
}

.viewMore {
  position: relative;
  display: block;
  width: 5rem;
  height: 10vw;
  background-color: #111;
  padding-left: 0.36rem;
  box-sizing: border-box;
  font-size: 0.26rem;
  line-height: 10vw;
  color: #fff;
  font-weight: 500;
}
.viewMore::before {
  content: "";
  position: absolute;
  right: -0.4rem;
  top: 50%;
  margin-top: -0.14rem;
  width: 0.7rem;
  height: 0.27rem;
  background: url(../images/arr02.png) no-repeat;
  background-size: auto 100%;
  transition: all 0.5s;
}
.viewMore::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.14rem;
  width: 0.3rem;
  height: 0.27rem;
  background: url(../images/arr03.png) no-repeat left center;
  background-size: auto 100%;
  transition: all 0.5s;
}

.indexAbout {
  position: relative;
  width: 100%;
  margin-top: 5.2vw;
}
.indexAbout .indexTitle span strong {
  display: block;
}
.indexAbout p {
  margin: 0.52rem 7.4vw;
  font-size: 0.26rem;
  line-height: 0.52rem;
  font-weight: 500;
  color: #333;
}
.indexAbout p span {
  color: #111;
  text-transform: uppercase;
}
.indexAbout .viewMore {
  margin-left: 7.4vw;
  margin-top: -5vw;
}
.indexAbout .img {
  display: block;
  width: 92.6vw;
  z-index: -1;
}

.indexVision {
  position: relative;
  margin-top: 14.8vw;
}
.indexVision .indexTitle {
  margin-bottom: 8vw;
}
.indexVision .logo-g {
  position: absolute;
  width: 40.74vw;
  top: 15.8vw;
  right: 0;
  z-index: 2;
}
.indexVision .list li {
  position: relative;
  width: 92.6%;
  margin-left: 7.4%;
  margin-bottom: 15.8vw;
}
.indexVision .list li .img-l img {
  display: block;
  width: 100%;
}
.indexVision .list li .tag {
  position: absolute;
  top: 10vw;
  left: -5vw;
  width: 10vw;
  z-index: 2;
}
.indexVision .list li .tag img {
  display: block;
  width: 100%;
}
.indexVision .list li .txt {
  padding: 5.55vw 7.4vw 5vw 5.55vw;
  background-color: #bfbed0;
}
.indexVision .list li .txt h3 {
  font-size: 4vw;
  line-height: 5.55vw;
  font-weight: 500;
  color: #111;
  letter-spacing: 0.15vw;
}
.indexVision .list li .txt p {
  font-size: 0.26rem;
  line-height: 0.52rem;
  font-weight: 500;
  margin-top: 5.2vw;
  text-align: justify;
}
.indexVision .list li .img-s {
  float: left;
  width: 49.53vw;
  margin-top: 5.2vw;
  margin-left: -13vw;
  margin-right: 5vw;
}
.indexVision .list li:nth-child(2n) {
  margin-left: 0;
  margin-right: 7.4%;
}
.indexVision .list li:nth-child(2n) .txt {
  background-color: #ccd7d1;
}
.indexVision .list li:nth-child(2n) .img-s {
  float: right;
  margin-left: 5vw;
  margin-right: -15vw;
}
.indexVision .list li:nth-child(2n) .tag {
  left: inherit;
  right: -5vw;
}
.indexVision .list li:nth-child(3) {
  margin-bottom: 36vw;
}
.indexVision .list li:nth-child(3) .txt {
  background-color: #fef7f0;
}
.indexVision .list li:nth-child(3) .txt p:nth-of-type(2) {
  margin-top: 0;
}

.indexVoice {
  position: relative;
  padding-top: 15vw;
  box-sizing: border-box;
}
.indexVoice .indexTitle {
  margin-left: 7.4vw;
  margin-bottom: 5.2vw;
}
.indexVoice .stomers {
  position: absolute;
  width: 74vw;
  top: 0;
  right: 0;
  z-index: 2;
}
.indexVoice .list li {
  position: relative;
}
.indexVoice .list li .img {
  float: left;
  position: relative;
  width: 90vw;
}
.indexVoice .list li .img img {
  display: block;
  width: 100%;
}
.indexVoice .list li .img::after {
  content: "";
  position: absolute;
  left: 2.6vw;
  top: 2.6vw;
  width: 90vw;
  height: 45.7vw;
  background: url(../images/indexVoiceImgbg.png) no-repeat center center;
  background-size: 100% auto;
  z-index: -1;
}
.indexVoice .list li .tag {
  position: absolute;
  left: 7.4vw;
  top: 4vw;
  width: 21vw;
  height: 10vw;
  background: url(../images/tagBg.png) no-repeat center center;
  background-size: 100% auto;
  font-size: 2.95vw;
  line-height: 10vw;
  color: #fff;
  text-align: center;
  font-weight: 500;
}
.indexVoice .list li .tag span {
  display: block;
  transform: rotateZ(-7deg);
}
.indexVoice .list li .txt {
  float: left;
  width: 85vw;
  margin-left: 7.4vw;
  margin-top: 10vw;
}
.indexVoice .list li .txt h3 {
  font-size: 4vw;
  line-height: 5.55vw;
  font-weight: 500;
  color: #111;
  letter-spacing: 0.15vw;
}
.indexVoice .list li .txt p {
  font-size: 0.26rem;
  line-height: 0.52rem;
  font-weight: 500;
  margin-top: 0.4rem;
  text-align: justify;
}
.indexVoice .list li .txt div {
  display: inline-block;
  border-bottom: 1px solid #ccc;
  font-size: 0.26rem;
  line-height: 0.52rem;
  margin-top: 0.4rem;
  font-weight: 700;
}
.indexVoice .list li:nth-child(2n) .img {
  float: right;
}
.indexVoice .list li:nth-child(2n) .img::after {
  left: -2.6vw;
}
.indexVoice .list li:nth-child(2n) .tag {
  left: inherit;
  right: 7.4vw;
  top: -2.5vw;
}
.indexVoice .viewMore {
  margin: 7vw 0 0 7.4vw;
}

.indexPhilosophy {
  position: relative;
  height: 108.88vw;
  background: url(../images/indexPhilosophyBg-m.png) no-repeat center center;
  background-size: auto 100%;
}
.indexPhilosophy .indexTitle {
  margin-left: 40vw;
  padding-top: 20vw;
  z-index: 3;
}
.indexPhilosophy .indexTitle strong {
  display: block;
}
.indexPhilosophy .txt {
  position: relative;
  margin-top: 18vw;
  margin-left: 7.4vw;
  z-index: 3;
}
.indexPhilosophy .txt p {
  font-size: 0.26rem;
  line-height: 0.52rem;
  font-weight: 500;
}
.indexPhilosophy .txt .viewMore {
  width: 3.5rem;
  margin-top: 5vw;
}
.indexPhilosophy .leftImg {
  position: absolute;
  left: 0;
  top: 6.9vw;
  width: 35vw;
}
.indexPhilosophy .leftImg img {
  display: block;
  width: 100%;
  margin-bottom: 1.15vw;
}
.indexPhilosophy .rightImg {
  position: absolute;
  right: 0;
  bottom: 6.9vw;
  width: 35vw;
}
.indexPhilosophy .rightImg img {
  float: right;
  width: 100%;
  margin-bottom: 1.15vw;
  margin-left: 10%;
}

.indexContact {
  position: relative;
  width: 85vw;
  height: 70vw;
  padding-left: 7.2vw;
  margin: 7.4vw auto;
  background: #530000;
  border-radius: 0.2rem;
  box-sizing: border-box;
}
.indexContact .logo-w {
  position: absolute;
  right: 7vw;
  bottom: 0;
  width: 35.74vw;
  opacity: 0.2;
}
.indexContact .viewMore {
  width: 4rem;
  margin-top: 7vw;
  background-color: #fff;
  color: #111;
}
.indexContact .viewMore::before {
  background-image: url(../images/arr03.png);
}
.indexContact .viewMore::after {
  background-image: url(../images/arr02.png);
}
.indexContact .viewMore:hover {
  background-color: #ebebeb;
  color: #111;
}
.indexContact span {
  display: block;
  padding-top: 4vw;
  font-size: 7.4vw;
  line-height: 10vw;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
}
.indexContact p {
  font-size: 0.26rem;
  line-height: 0.72rem;
  font-weight: 400;
  color: #fff;
}
.indexContact .p01 {
  font-weight: 700;
}
.indexContact h2 {
  font-size: 3.7vw;
  line-height: 5.55vw;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.15vw;
}

.indexFooter {
  position: relative;
  width: 100%;
  height: 63vw;
  padding-top: 9.26vw;
  box-sizing: border-box;
}
.indexFooter .bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  z-index: -1;
}
.indexFooter .main {
  width: 85vw;
  height: 40.74vw;
  margin: 0 auto;
}
.indexFooter .left {
  display: flex;
}
.indexFooter .left .logo {
  width: 20.92vw;
}
.indexFooter .left .logo img {
  display: block;
  width: 100%;
  height: auto;
}
.indexFooter .left .logo:hover {
  opacity: 0.8;
}
.indexFooter .left p {
  margin-left: 2.4vw;
  margin-top: 3vw;
  font-size: 0.2rem;
  line-height: 0.4rem;
  font-weight: 500;
}
.indexFooter .left p i {
  font-style: normal;
}
.indexFooter .right {
  margin-top: 5vw;
}
.indexFooter .right .menu {
  display: none;
}
.indexFooter .right p {
  font-size: 0.2rem;
  line-height: 0.4rem;
  font-weight: 500;
}
.indexFooter .copyright {
  font-size: 0.2rem;
  line-height: 0.52rem;
  text-align: center;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  color: #111;
}

.subBanner {
  position: relative;
  height: 41.75vw;
  padding: 0 7.4vw;
  margin-top: 15.74vw;
  background: url(../images/subBannerBg-m.jpg) no-repeat center top;
  background-size: 100% 100%;
}
.subBanner h1 {
  font-size: 7.4vw;
  line-height: 8.3vw;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.5vw;
}
.subBanner .pageTitle {
  margin-bottom: 6vw;
  font-size: 0.24rem;
  line-height: 0.6rem;
  color: #fff;
  font-weight: 100;
  text-transform: uppercase;
}
.subBanner .title-en {
  position: absolute;
  left: 7.4vw;
  bottom: 0;
  font: bold 11.11vw/8.3vw "Barlow Condensed";
  color: #fff;
  text-transform: uppercase;
  opacity: 0.1;
}

.breadcrum {
  font-size: 0.26rem;
  line-height: 0.52rem;
  color: #fff;
  font-weight: 300;
}
.breadcrum a {
  display: inline-block;
  text-decoration: underline;
  color: #fff;
}

.pageIntro {
  padding: 7.4vw;
  font-size: 2.77vw;
  line-height: 5.55vw;
  font-weight: 700;
  box-sizing: border-box;
}

.subStory01, .subStory05 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 7.4vw;
  box-sizing: border-box;
}
.subStory01 .titleBox, .subStory05 .titleBox {
  position: relative;
  width: 100%;
  margin-bottom: 5.55vw;
}
.subStory01 .titleBox h2, .subStory05 .titleBox h2 {
  font-size: 4.44vw;
  line-height: 6.66vw;
  font-weight: 700;
  color: #111;
}
.subStory01 .titleBox p, .subStory05 .titleBox p {
  margin-bottom: 5.55vw;
  font: 300 5.55vw/4.44vw "Barlow Condensed";
  text-transform: uppercase;
}
.subStory01 .titleBox p span, .subStory05 .titleBox p span {
  font-weight: 700;
  color: #006900;
}
.subStory01 .titleBox .title-en, .subStory05 .titleBox .title-en {
  display: block;
  font: bold 11.11vw/8.33vw "Barlow Condensed";
  color: #e8e8e8;
  text-align: right;
  text-transform: uppercase;
}
.subStory01 .img, .subStory05 .img {
  width: 100%;
}
.subStory01 .img img, .subStory05 .img img {
  display: block;
  width: 100%;
}
.subStory01 .txt, .subStory05 .txt {
  width: 100%;
  padding-bottom: 0.52rem;
}
.subStory01 .txt h3, .subStory05 .txt h3 {
  margin: 7.3vw 0 3vw;
  font-size: 4vw;
  line-height: 5.55vw;
  font-weight: 500;
  color: #111;
  text-transform: uppercase;
  letter-spacing: 0.15vw;
}
.subStory01 .txt p, .subStory05 .txt p {
  font-size: 0.26rem;
  line-height: 0.52rem;
  font-weight: 400;
  text-align: justify;
}
.subStory01 .txt p span, .subStory05 .txt p span {
  font-weight: 700;
}

.subStory02 {
  position: relative;
  padding: 7.4vw 0 5vw;
  background-color: #006900;
  box-sizing: border-box;
}
.subStory02 h2 {
  padding: 2vw 7.4vw;
  font-size: 4.44vw;
  line-height: 6.66vw;
  font-weight: 700;
  color: #fff;
}
.subStory02 h2 i {
  font-style: normal;
}
.subStory02 .text-en {
  padding-left: 7.4vw;
  font: 700 5.55vw/4.44vw "Barlow Condensed";
  text-transform: uppercase;
  color: #003d00;
}
.subStory02 .title-en {
  display: block;
  padding-right: 7.4vw;
  font: bold 7.4vw/9.26vw "Barlow Condensed";
  color: #005d00;
  text-transform: uppercase;
  text-align: right;
}
.subStory02 .img {
  width: 100%;
}
.subStory02 .img img {
  float: left;
  width: 47.76%;
  height: auto;
}
.subStory02 .img img:nth-child(2) {
  margin-left: 4.48%;
  margin-top: 6.66vw;
}
.subStory02 .img p {
  float: left;
  margin: 7.4vw;
  font-size: 0.26rem;
  line-height: 0.52rem;
  font-weight: 400;
  color: #fff;
  text-align: justify;
}
.subStory02 .txt {
  position: relative;
  padding: 0 7.4vw;
}
.subStory02 .txt h3 {
  font-size: 4vw;
  line-height: 5.55vw;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.15vw;
}
.subStory02 .txt p {
  margin-bottom: 0.52rem;
  font-size: 0.26rem;
  line-height: 0.52rem;
  font-weight: 400;
  color: #fff;
  text-align: justify;
}

.subStory03, .subStory04 {
  padding: 0 7.4vw;
  box-sizing: border-box;
}
.subStory03 h2, .subStory04 h2 {
  position: relative;
  font-size: 4.44vw;
  line-height: 22vw;
  font-weight: 700;
  text-align: center;
  color: #111;
  letter-spacing: 0.3vw;
  z-index: 2;
}
.subStory03 .title-en, .subStory04 .title-en {
  display: block;
  margin-top: -20vw;
  font: bold 11.11vw/20vw "Barlow Condensed";
  color: #e8e8e8;
  text-transform: uppercase;
  text-align: center;
}
.subStory03 > p, .subStory04 > p {
  margin-bottom: 3vw;
  font-size: 0.26rem;
  line-height: 0.52rem;
  font-weight: 700;
  text-align: justify;
}
.subStory03 .list, .subStory04 .list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 2vw;
}
.subStory03 .list li, .subStory04 .list li {
  width: 100%;
  margin-bottom: 7.4vw;
}
.subStory03 .list li .img img, .subStory04 .list li .img img {
  display: block;
  width: 100%;
}
.subStory03 .list li .txt, .subStory04 .list li .txt {
  padding-top: 2vw;
}
.subStory03 .list li .txt h3, .subStory04 .list li .txt h3 {
  font-size: 4vw;
  line-height: 10vw;
  font-weight: 500;
  text-align: center;
}
.subStory03 .list li .txt p, .subStory04 .list li .txt p {
  font-size: 0.26rem;
  line-height: 0.52rem;
  font-weight: 400;
  text-align: justify;
}
.subStory03 .list li .txt p span, .subStory04 .list li .txt p span {
  font-weight: 700;
}
.subStory03 .stepList, .subStory04 .stepList {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto 9.8vw;
}
.subStory03 .stepList li, .subStory04 .stepList li {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 5vw;
}
.subStory03 .stepList li .img img, .subStory04 .stepList li .img img {
  display: block;
  height: 11vw;
  margin: 0 auto 1vw;
}
.subStory03 .stepList li .txt, .subStory04 .stepList li .txt {
  text-align: center;
}
.subStory03 .stepList li .txt h3, .subStory04 .stepList li .txt h3 {
  margin-bottom: 3vw;
  font-size: 3.7vw;
  line-height: 5.55vw;
  font-weight: 500;
}
.subStory03 .stepList li .txt p, .subStory04 .stepList li .txt p {
  font-size: 0.26rem;
  line-height: 0.52rem;
  font-weight: 400;
}
.subStory03 .stepList li:nth-child(2n), .subStory04 .stepList li:nth-child(2n) {
  margin-right: 0;
}

.subAbout02 .txt {
  margin-top: 4vw;
}

.subAbout03 .title-en {
  font-size: 10.4vw;
}

.subAbout04 h2 {
  padding: 8vw 0;
  line-height: 6.66vw;
}
.subAbout04 .title-en {
  font-size: 10.4vw;
  line-height: 14.81vw;
  margin-top: -29.5vw;
  margin-bottom: 2vw;
}
.subAbout04 .stepList {
  display: flex;
  width: 100%;
  margin-top: 4vw;
}
.subAbout04 .stepList li h3 {
  text-transform: uppercase;
  letter-spacing: 0.15vw;
}
.subAbout04 .stepList li p br {
  display: none;
}
.subAbout04 .stepList li:nth-child(1) {
  width: 78%;
  margin-right: 0;
  margin-left: 11%;
}
.subAbout04 .stepList li:nth-child(2) {
  width: 48%;
  margin-right: 4%;
}
.subAbout04 .stepList li:nth-child(3) {
  width: 48%;
  margin-right: 0;
}

.subNews {
  padding: 0 7.4vw 7.4vw;
  box-sizing: border-box;
}
.subNews .titleBox {
  position: relative;
}
.subNews .titleBox p {
  font: 300 4vw/6vw "Barlow Condensed";
  text-transform: uppercase;
}
.subNews .titleBox p span {
  font-weight: 700;
  color: #006900;
}
.subNews .titleBox .title-en {
  display: block;
  margin-bottom: 0.5vw;
  font: bold 7.4vw/9.25vw "Barlow Condensed";
  color: #e8e8e8;
  text-align: right;
  text-transform: uppercase;
}
.subNews .newsList {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.subNews .newsList li {
  width: 100%;
  margin-bottom: 5vw;
}
.subNews .newsList li a {
  display: block;
  width: 100%;
}
.subNews .newsList li .img {
  width: 100%;
  aspect-ratio: 7/4;
  object-fit: cover;
  overflow: hidden;
}
.subNews .newsList li .img img {
  display: block;
  width: 100%;
  height: auto;
  transition: all 0.5s;
}
.subNews .newsList li time {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.24rem;
  line-height: 0.52rem;
  font-weight: 700;
  color: #333;
}
.subNews .newsList li h3 {
  font-size: 0.28rem;
  line-height: 0.52rem;
  font-weight: 700;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.voicePage .indexContact {
  display: none;
}

.pageNav {
  width: 100%;
  border-top: 2px solid #000;
  font-size: 0.26rem;
  line-height: 0.6rem;
  font-weight: 500;
  color: #000;
}
.pageNav .pageNum {
  float: left;
  display: flex;
}
.pageNav .pageNum a {
  padding: 0 0.2rem;
}
.pageNav .pageNum .active {
  color: #c9c9c9;
}
.pageNav .pageBtn {
  float: right;
  display: flex;
  border-bottom: 1px solid #ddd;
}
.pageNav .pageBtn a {
  position: relative;
  color: #c9c9c9;
}
.pageNav .pageBtn .prev::before {
  content: "";
  position: absolute;
  right: -50%;
  bottom: -1px;
  width: 0;
  height: 1px;
  background-color: #000;
  transition: all 0.5s;
}
.pageNav .pageBtn .prev:hover {
  color: #000;
}
.pageNav .pageBtn .prev:hover::before {
  width: 150%;
}
.pageNav .pageBtn .next::before {
  content: "";
  position: absolute;
  left: -50%;
  bottom: -1px;
  width: 0;
  height: 1px;
  background-color: #000;
  transition: all 0.5s;
}
.pageNav .pageBtn .next:hover {
  color: #000;
}
.pageNav .pageBtn .next:hover::before {
  width: 150%;
}

.subSystem {
  padding: 0 7.4vw;
  box-sizing: border-box;
}
.subSystem h2 {
  font-size: 4.4vw;
  line-height: 13vw;
  color: #006900;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
.subSystem .title-en {
  font-family: "Barlow Condensed";
}
.subSystem .list {
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 3vw;
}
.subSystem .list li {
  position: relative;
  padding: 0.3rem 2rem 0.3rem 0;
  border-top: 1px solid #c7c7c7;
}
.subSystem h4 {
  font-size: 0.26rem;
  line-height: 0.52rem;
  font-weight: 700;
}
.subSystem p {
  font-size: 0.24rem;
  line-height: 0.52rem;
  font-weight: 400;
  color: #666;
}
.subSystem .tag {
  display: flex;
  margin-bottom: 0.1rem;
}
.subSystem .tag span {
  padding: 0 0.2rem;
  margin-right: 0.1rem;
  background-color: #006900;
  border-radius: 0.05rem;
  font-size: 0.24rem;
  line-height: 0.48rem;
  color: #fff;
  font-weight: 700;
}
.subSystem .price {
  position: absolute;
  right: 0;
  top: 50%;
  width: 1.8rem;
  margin-top: -0.3rem;
  font-size: 0.32rem;
  line-height: 0.6rem;
  font-weight: 700;
}

.subSystem02 {
  padding: 0 7.4vw;
  box-sizing: border-box;
}
.subSystem02 h2 {
  font-size: 4.4vw;
  line-height: 13vw;
  color: #006900;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
.subSystem02 p {
  font-size: 0.24rem;
  line-height: 0.52rem;
  font-weight: 400;
}
.subSystem02 p span {
  font-weight: 700;
}
.subSystem02 .info {
  margin-bottom: 0.2rem;
}
.subSystem02 img {
  display: block;
  width: 100%;
}

.news-article {
  padding: 24vw 7.4vw 7.4vw;
}
.news-article .article-meta {
  display: flex;
  margin-bottom: 3vw;
}
.news-article .article-meta .tag {
  padding: 0 0.2rem;
  margin-right: 0.2rem;
  background-color: #006900;
  font: 500 0.28rem/0.48rem "Barlow Condensed";
  color: #fff;
}
.news-article .article-meta time {
  font-size: 0.26rem;
  line-height: 0.48rem;
  font-weight: 700;
  color: #333;
}
.news-article h1 {
  font-size: 0.4rem;
  line-height: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.03rem;
}
.news-article .breadcrum {
  padding: 0.3rem 0 0.1rem;
  margin-bottom: 0.2rem;
  color: #333;
  font-weight: 500;
}
.news-article .breadcrum a {
  color: #333;
}
.news-article .newImg01 {
  display: block;
  width: 100%;
  margin-bottom: 0.4rem;
}
.news-article .article-text {
  text-transform: uppercase;
}
.news-article .article-text p {
  font-size: 0.26rem;
  line-height: 0.52rem;
  font-weight: 400;
  color: #666;
  text-align: justify;
  margin-bottom: 0.4rem;
}
.news-article .article-text h3 {
  font-size: 4vw;
  line-height: 0.52rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 0.4rem;
}
.news-article .article-text img {
  display: block;
  width: 80%;
  margin: 0.4rem auto;
}
.news-article .article-text a {
  color: #006900;
  font-weight: 700;
}

.articlePage .pageNav {
  margin: 0 7.4vw;
  width: auto;
  padding-bottom: 2vw;
}/*# sourceMappingURL=index-phone.css.map */