@charset "UTF-8";
.html,
.body {
  min-width: 320px;
  margin: 0 auto; }
.pc{display: none;}
.mobile{display: block;}
.w1200, .w1000 {
  margin: 0 .15rem; }

.indexNavMainBg {
  background: rgba(0, 0, 0, 0.7); }

.indexNavMain {
  position: fixed;
  left: 0;
  top: 0;
  height: 1rem;
  width: 100%;
  padding: 0 1.15rem 0 .15rem;
  background: rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
  z-index: 9999; }
  .indexNavMain .indexNavBox {
    height: 1rem; }
    .indexNavMain .indexNavBox > a {
      float: left;
      line-height: 1rem; }
      .indexNavMain .indexNavBox > a img {
        display: inline-block;
        vertical-align: middle;
        max-height: .5rem; }
    .indexNavMain .indexNavBox ul {
      display: none; }
    .indexNavMain .indexNavBox .phoneNavBtn {
      width: 1rem;
      height: 1rem;
      position: absolute;
      right: 0;
      top: 0;
      background: #223a70 url("../images/navIcon.png") no-repeat center center;
      background-size: 0.54rem 0.4rem; }
    .indexNavMain .indexNavBox .language {
      float: right;
      background: url(../images/globe-icon.png) no-repeat left center;
      background-size: .2rem auto;
      padding-left: .3rem;
      position: relative; }
      .indexNavMain .indexNavBox .language > a {
        display: block;
        padding-right: .2rem;
        background: url(../images/arrImg01.png) no-repeat right center;
        background-size: .1rem auto;
        font: bold .26rem/1rem 'Arial';
        color: #ccebff; }
      .indexNavMain .indexNavBox .language .list {
        position: absolute;
        right: 0;
        top: .7rem;
        border: 1px solid #ccebff;
        text-align: center;
        background: rgba(0, 0, 0, 0.7);
        display: none; }
        .indexNavMain .indexNavBox .language .list a {
          display: block;
          width: 1rem;
          border-bottom: 1px solid #ccebff;
          font: bold .26rem/.5rem 'Arial';
          color: #ccebff; }
          .indexNavMain .indexNavBox .language .list a:last-child {
            border-bottom: none; }
      .indexNavMain .indexNavBox .language:hover .list {
        display: block; }
.indexBannerMain{width:100%;margin-top:50px;}
.indexBannerBox {
  height: 6rem;
  position: relative; }
  .indexBannerBox li {
    width: 100%;
    height: 100%;
    padding-top: 1.5rem;
    background-position: center top;
    background-size: auto 100%;
    box-sizing: border-box; }
    .indexBannerBox li h2 {
      font-size: .48rem;
      line-height: 1rem;
      color: #fff;
      font-weight: normal; }
    .indexBannerBox li p {
      font-size: .28rem;
      line-height: .5rem;
      color: #e2f3ff;
      font-family: 'Arial'; }
    .indexBannerBox li span {
      display: block;
      font: bold .3rem/1rem 'Arial';
      color: #ccebff; }
      .indexBannerBox li span em {
        font-size: .36rem;
        color: #008449; }

.indexTxtMain {
  background-color: #edf6ff;
  padding: .2rem 0.15rem; }
  .indexTxtMain p {
    font: normal .28rem/.6rem 'ＭＳ 明朝';
    color: #222;
    text-align: center; }

.indexCompanyProfileMain .title {
  padding: .3rem 0 .15rem;
  text-align: center; }
  .indexCompanyProfileMain .title h2 {
    font: normal .4rem/.9rem 'Alata';
    color: #343434; }
  .indexCompanyProfileMain .title span {
    font: normal .3rem/.6rem 'NotoSansJP';
    color: #333;
    display: block; }
.indexCompanyProfileMain .indexCompanyProfileTxt {
  background: url(../images/indexCompanyProfileBg.png) no-repeat center top;
  background-size: 100% auto;
  padding-bottom: .5rem; }
  .indexCompanyProfileMain .indexCompanyProfileTxt h3 {
    font-size: .36rem;
    line-height: 1rem;
    color: #008850;
    text-align: center; }
    .indexCompanyProfileMain .indexCompanyProfileTxt h3 span {
      font-size: .46rem;
      font-weight: normal; }
  .indexCompanyProfileMain .indexCompanyProfileTxt p {
    padding: 0 .15rem .4rem;
    font-size: .28rem;
    line-height: .5rem;
    color: #222;
    text-align: justify; }
  .indexCompanyProfileMain .indexCompanyProfileTxt .btn {
    display: block;
    width: 3rem;
    height: .6rem;
    background-color: #363636;
    text-align: center;
    margin: 0 auto;
    font-size: .28rem;
    line-height: .6rem;
    color: #fff; }

.indexManagementMain {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background: url(../images/indexManagementBg.png) no-repeat center top;
  background-size: auto 100%;
  box-sizing: border-box; }
  .indexManagementMain .title {
    padding: .1rem .6rem .2rem;
    background-color: #fff;
    box-sizing: border-box; }
    .indexManagementMain .title h2 {
      font-size: .36rem;
      line-height: .8rem;
      color: #1d88c2; }
    .indexManagementMain .title p {
      font-size: .26rem;
      line-height: .4rem;
      color: #333;
      text-align: justify; }

.indexBussinessMain .title {
  padding: .6rem 0; }
  .indexBussinessMain .title h2 {
    font-size: .4rem;
    line-height: .7rem;
    color: #333; }
  .indexBussinessMain .title span {
    font-size: .26rem;
    line-height: .5rem;
    color: #666;
    font-family: 'Arial'; }
.indexBussinessMain .indexBussinessList li {
  width: 96%;
  margin: 0 auto .3rem;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden; 
  height:4rem;
 }
  .indexBussinessMain .indexBussinessList li img {
    display: block;
    width: 100%; 
	height:100%;
	}
  .indexBussinessMain .indexBussinessList li h3 {
    position: absolute;
    left: .4rem;
    top: 1rem;
    font-size: .4rem;
    line-height: .8rem;
    color: #223a70;
    font-weight: bold; }
  .indexBussinessMain .indexBussinessList li p {
    position: absolute;
    left: .4rem;
    top: 1.8rem;
    font-size: .26rem;
    line-height: .4rem;
    color: #353e45;
    font-family: 'Arial'; }

.indexImportMain {
  padding-top: 1.5rem;
  padding-bottom: .5rem;
  margin-top: -1rem;
  background: url(../images/importBg.png) no-repeat center top;
  background-size: auto 100%; }
  .indexImportMain .title h2 {
    font: normal .42rem/1.2rem 'Alata';
    color: #fff; }
  .indexImportMain .title p {
    font-size: .28rem;
    line-height: .56rem;
    color: #fff; }
  .indexImportMain .list {
    padding: .7rem 0 .4rem; }
    .indexImportMain .list li {
      width: 80%;
      margin: 0 auto .2rem; }
      .indexImportMain .list li h3 {
        font-size: .3rem;
        line-height: .8rem;
        color: #e1bc00; }
      .indexImportMain .list li p {
        font-size: .28rem;
        line-height: .6rem;
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .indexImportMain .btn {
    display: block;
    width: 3rem;
    height: .6rem;
    background-color: #fff;
    text-align: center;
    margin: 0 auto;
    font-size: .28rem;
    line-height: .6rem;
    color: #008850; }

.indexIntroductionMain {
  background: #f5f5f5;
  padding-bottom: .6rem;
  overflow: hidden; }
  .indexIntroductionMain .title {
    padding: .5rem 0;
    text-align: center; }
    .indexIntroductionMain .title h2 {
      font-size: .5rem;
      line-height: .8rem;
      font-weight: bold;
      color: #333; }
    .indexIntroductionMain .title span {
      display: inline-block;
      font: normal .4rem/.8rem 'Alata';
      color: #343434; }
  .indexIntroductionMain .swiper-container {
    width: 100%;
    height: 6rem;
    overflow: initial; }
  .indexIntroductionMain .swiper-slide {
    position: relative; }
    .indexIntroductionMain .swiper-slide img {
      display: block;
      max-width: 100%; }
    .indexIntroductionMain .swiper-slide .txt {
      position: absolute;
      left: 10%;
      top: 1rem;
      width: 80%;
      background-color: #fff;
      padding: .2rem .2rem .2rem .3rem;
      color: #333;
      box-sizing: border-box; }
      .indexIntroductionMain .swiper-slide .txt h3 {
        font-size: .36rem;
        line-height: .8rem; }
      .indexIntroductionMain .swiper-slide .txt p {
        height: 1.6rem;
        font-size: .26rem;
        line-height: .4rem;
        overflow: hidden; }
      .indexIntroductionMain .swiper-slide .txt a {
        display: block;
        margin: .3rem 0;
        font: bold .3rem/.5rem 'Arial';
        color: #223a70; }
      .indexIntroductionMain .swiper-slide .txt span {
        display: block;
        font: normal .3rem/.6rem 'Arial';
        color: #333;
        text-align: center; }
        .indexIntroductionMain .swiper-slide .txt span em {
          font-size: .32rem;
          color: #222;
          font-weight: bold; }
  .indexIntroductionMain .swiper-button-next, .indexIntroductionMain .swiper-button-prev {
    position: absolute;
    top: 2rem;
    width: .81rem;
    height: .51rem;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: .81rem .51rem;
    -webkit-background-size: .81rem .51rem;
    background-size: .81rem .51rem;
    background-position: center;
    background-repeat: no-repeat; }
  .indexIntroductionMain .swiper-button-prev {
    background-image: url(../images/leftArrImg.png);
    left: 0;
    right: auto; }
  .indexIntroductionMain .swiper-button-next {
    background-image: url(../images/rightArrImg.png);
    left: auto;
    right: 0; }
  .indexIntroductionMain .swiper-container-horizontal > .swiper-pagination-bullets, .indexIntroductionMain .swiper-pagination-custom, .indexIntroductionMain .swiper-pagination-fraction {
    display: none; }

.indexNewsMain {
  padding-top: .4rem;
  padding-bottom: .8rem; }
  .indexNewsMain .title h2 {
    font: normal .5rem/1.2rem 'Alata';
    color: #333;
    position: relative; }
    .indexNewsMain .title h2 span {
      font: normal .28rem/1.2rem 'NotoSansJP';
      color: #666; }
    .indexNewsMain .title h2:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 1rem;
      height: .06rem;
      background-color: #0099ff; }
  .indexNewsMain .indexNewsList {
    margin-top: .6rem;
    margin-bottom: .4rem; }
    .indexNewsMain .indexNewsList li {
      border-bottom: 1px solid #d2d2d2; }
      .indexNewsMain .indexNewsList li a {
        display: block;
        position: relative; }
        .indexNewsMain .indexNewsList li a .time {
          position: absolute;
          font: normal .26rem/.7rem 'Arial';
          color: #666; }
        .indexNewsMain .indexNewsList li a p {
          height: .7rem;
          padding-left: 1.5rem;
          font-size: .26rem;
          line-height: .7rem;
          color: #3e3a39;
          overflow: hidden; }
      .indexNewsMain .indexNewsList li:last-child {
        margin-bottom: none; }
  .indexNewsMain .more {
    display: block;
    width: 3rem;
    border-bottom: 1px solid #898a8f;
    background: url(../images/arrImg03.png) no-repeat right center;
    font-size: .26rem;
    line-height: .6rem;
    color: #356cb6; }
    .indexNewsMain .more:hover {
      font-weight: bold; }

.footerBox {
  padding-top: .5rem;
  background: url(../images/footerBg.png) no-repeat center top;
  background-size: auto 100%;
  box-sizing: border-box; }
  .footerBox .footerLeft {
    margin-bottom: .2rem; }
    .footerBox .footerLeft .logo {
      float: left;
      line-height: .5rem; }
      .footerBox .footerLeft .logo img {
        display: inline-block;
        max-height: .4rem;
        vertical-align: middle; }
    .footerBox .footerLeft .language {
      float: right;
      width: 2.8rem;
      height: .5rem;
      border-radius: .25rem;
      border: 1px solid #9a9b9c;
      background: url(../images/arrImg04.png) no-repeat;
      background-position: 2.5rem .2rem;
      position: relative; }
      .footerBox .footerLeft .language > a {
        display: inline-block;
        height: .5rem;
        padding-left: .3rem;
        font: normal .26rem/.5rem 'Arial';
        color: #fff; }
      .footerBox .footerLeft .language .list {
        position: absolute;
        left: -1px;
        top: .5rem;
        width: 2.8rem;
        border: 1px solid #9a9b9c;
        background-color: #222;
        border-radius: 0 0 .25rem .25rem;
        display: none; }
        .footerBox .footerLeft .language .list a {
          display: block;
          padding-left: .3rem;
          border-bottom: 1px solid #9a9b9c;
          font: normal .26rem/.5rem 'Arial';
          color: #fff; }
          .footerBox .footerLeft .language .list a:last-child {
            border-bottom: none; }
      .footerBox .footerLeft .language:hover {
        border-radius: .25rem .25rem 0 0; }
        .footerBox .footerLeft .language:hover .list {
          display: block; }
  .footerBox .footerNav ul {
    padding: .15rem 0; }
    .footerBox .footerNav ul li {
      float: left;
      width: 33%; }
      .footerBox .footerNav ul li a {
        display: inline-block;
        margin-left: .15rem;
        font-size: .26rem;
        line-height: .6rem;
        color: #999; }
        .footerBox .footerNav ul li a:nth-child(1) {
          margin-left: 0;
          font-size: .26rem;
          line-height: .6rem;
          font-weight: bold;
          color: #fff; }
  .footerBox .footerRight p {
    font-size: .26rem;
    line-height: .5rem;
    color: #999; }
  .footerBox .copyRight p {
    font-size: .22rem;
    line-height: .8rem;
    color: #666; }

.leftMenu_z, #leftMenu {
  display: none; }

.leftMenu_z {
  position: fixed;
  top: 1rem;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1002; }

#leftMenu {
  position: fixed;
  left: 0;
  top: 1rem;
  bottom: 0;
  z-index: 1200;
  width: 4rem;
  background: #fff;
  overflow: auto; }

#leftMenu img {
  width: 80%;
  margin: 0.5rem auto 0.3rem;
  display: block; }

#leftMenu a {
  display: block;
  line-height: 0.5rem;
  font-size: 0.32rem;
  padding: 0.15rem 0.7rem 0.15rem 0.2rem;
  color: #666;
  position: relative;
  border-bottom: 0.02rem solid #f1f1f1; }

#leftMenu a::after {
  content: "";
  display: block;
  width: 0.1rem;
  height: 0.1rem;
  border-right: 0.02rem solid #666;
  border-bottom: 0.02rem solid #666;
  transform: rotate(-45deg);
  position: absolute;
  right: 0.3rem;
  top: 50%;
  margin-top: -0.07rem; }

.subPageNav {
  background-color: #223a70; }

.subPageMain {
  padding-top: 1.5rem; }

.subBannerMain {
  height: 1.6rem;
  background-color: #223a70;
  text-align: center;
  margin-bottom: 40px;}
  .subBannerMain h1 {
    font-size: .36rem;
    line-height: 1.6rem;
    color: #fff; }

.subPart01 {
  width: 100%;
  padding: .1rem 0 .6rem;
  margin: .4rem 0 0;
  background: url(../images/bg01.png) no-repeat center center;
  background-size: auto 100%; }

.subTitle {
  padding: .4rem 0;
  text-align: center; }
  .subTitle span {
    display: inline-block;
    font-size: .32rem;
    line-height: .6rem;
    color: #222;
    border-bottom: 2px solid #223a70; }

.subTxt {
  box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.3);
  background: rgba(255, 255, 255, 0.7); }
  .subTxt p {
    width: 90%;
    padding: .2rem 0;
    margin: 0 auto;
    font-size: .26rem;
    line-height: .6rem;
    color: #222; }

.subTable table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto; }
  .subTable table td {
    border: 1px solid #ccc; }
    .subTable table td.firstTd {
      width: 30%;
      padding-left: .2rem;
      font-size: .26rem;
      font-weight: bold;
      color: #222;
      background-color: #f3f2ec; }
    .subTable table td.secondTd {
      width: 70%;
      padding: .14rem;
      font-size: .26rem;
      color: #222;
      line-height: .4rem;
      text-align: justify; }
.subTable img {
  display: block;
  width: 100%;
  margin-top: .4rem;
  border-radius: .2rem;
  overflow: hidden; }

.subList01 {
  padding-bottom: .4rem; }
  .subList01 li {
    margin-bottom: .2rem; }
    .subList01 li h3 {
      padding: .3rem 0;
      font-size: .32rem;
      line-height: .6rem;
      color: #222; }
      .subList01 li h3 span {
        display: inline-block;
        margin-right: .15rem;
        font-size: .4rem;
        color: #223a70; }
    .subList01 li p {
      font-size: .26rem;
      line-height: .4rem;
      color: #222;
      text-align: justify; }

.subList02 {
  padding-bottom: .2rem;
  margin-top: .4rem; }
  .subList02 li {
    margin-bottom: .2rem; }
    .subList02 li .img {
      width: 100%; }
      .subList02 li .img h3 {
        padding: .3rem 0;
        font-size: .32rem;
        line-height: .6rem;
        color: #223a70; }
        .subList02 li .img h3 span {
          display: inline-block;
          margin-right: .15rem;
          font-size: .4rem;
          color: #223a70; }
      .subList02 li .img img {
        display: block;
        width: 100%; }
    .subList02 li .txt {
      width: 100%;
      padding-top: .4rem; }
      .subList02 li .txt p {
        font-size: .26rem;
        line-height: .4rem;
        color: #222;
        text-align: justify; }

.subCaseList {
  padding-bottom: .4rem; }
  .subCaseList li {
    list-style: none; }
    .subCaseList li h3 {
      padding: .3rem 0;
      font-size: .32rem;
      line-height: .6rem;
      color: #222; }
      .subCaseList li h3 span {
        display: inline-block;
        margin-right: .15rem;
        font-size: .4rem;
        color: #223a70; }
    .subCaseList li .img {
      width: 100%; }
      .subCaseList li .img img {
        display: block;
        width: 100%; }
    .subCaseList li .txt {
      width: 100%;
      padding-top: .4rem; }
      .subCaseList li .txt p {
        font-size: .26rem;
        line-height: .4rem;
        color: #222;
        text-align: justify; }

.subPart03 {
  padding-top: .4rem;
  padding-bottom: .4rem; }
  .subPart03 .subTitleLine {
    font-size: .3rem;
    line-height: .8rem;
    position: relative; }
    .subPart03 .subTitleLine span {
      display: inline-block;
      padding-right: .15rem;
      background-color: #fff;
      position: relative;
      z-index: 1; }
    .subPart03 .subTitleLine::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      width: 100%;
      height: 1px;
      background-color: #223a70;
      z-index: 0; }
  .subPart03 .txt h3 {
    margin-top: .3rem;
    font-size: .26rem;
    line-height: .4rem;
    color: #223a70; }
  .subPart03 .txt p {
    font-size: .26rem;
    line-height: .4rem;
    color: #222;
    text-align: justify; }
  .subPart03 .txt .linkBtn {
    text-align: center;
    margin: .2rem auto; }
    .subPart03 .txt .linkBtn a {
      display: inline-block;
      padding: 0 .3rem;
      background-color: #008850;
      font-size: .28rem;
      line-height: .6rem;
      color: #fff; }
      .subPart03 .txt .linkBtn a:hover {
        background-color: #09aa67; }

.subGoodsList li {
  float: left;
  width: 48%;
  margin-bottom: .3rem; }
  .subGoodsList li .img {
    width: 100%;
    height: auto;
    border: 1px solid #008449;
    overflow: hidden; }
    .subGoodsList li .img img {
      display: block;
      width: 100%; }
  .subGoodsList li .txt {
    padding: .15rem 0;
    font-size: .26rem;
    line-height: .36rem;
    color: #222;
    text-align: center;
    text-align: justify; }
  .subGoodsList li:nth-child(2n+1) {
    margin: 0 4% .3rem 0; }

.productList {
  margin-bottom: .6rem; }
  .productList li {
    position: relative;
    margin-bottom: .4rem; }
    .productList li .img {
      width: 100%;
      height: auto;
      border: 1px solid #008449;
      margin-bottom: .3rem; }
      .productList li .img img {
        display: block;
        width: 100%; }
    .productList li .txt {
      width: 100%; }
      .productList li .txt p {
        font-size: .26rem;
        line-height: .4rem;
        color: #222; }
        .productList li .txt p span {
          display: block;
          font-size: .32rem;
          line-height: .6rem;
          font-weight: bold; }

.productList02 {
  margin-bottom: .6rem; }
  .productList02 li img {
    display: block;
    width: 100%; }
  .productList02 li:nth-child(1) {
    float: left;
    width: 28.125%; }
  .productList02 li:nth-child(2) {
    float: left;
    width: 40%;
    margin-left: 1.875%; }
    .productList02 li:nth-child(2) div:nth-child(1) {
      margin-bottom: 4.688%; }
  .productList02 li:nth-child(3) {
    float: right;
    width: 28.125%; }
.indexIntroductionMain .indexCategoryList li a{
		display: block;
    position: relative;
	text-align:center;
}
.indexIntroductionMain .indexCategoryList li a h2{
	font-size: 30px;
    position: absolute;
    top: 44%;
    color: #ffffff;
    width: 100%;
    text-align: center;
}
.indexIntroductionMain .indexNewsList{padding:0 0.2rem;box-sizing:border-box;}
.indexIntroductionMain .indexNewsList li {
    border-bottom: 1px solid #d2d2d2;
	margin-bottom:0.4rem;
	font: normal 0.3rem/0.45rem 'Arial';
	color:#333;
}
.indexIntroductionMain .indexNewsList li a{font: normal 0.3rem/0.45rem 'Arial';
	color:#333;}
/*# sourceMappingURL=style-phone.css.map */