.redFf {
  color: red
}

#nt_body {
  padding: 0
}

.more {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 22rem;
  height: 6.5rem;
  width: 22rem;
  height: 6.5rem;
  color: #fff;
  border: 1px solid #fff
}

@media(max-width: 576px) {
  .more {
    width: 20rem;
    height: 5.8rem
  }
}

.business a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  position: relative;
  height: 100vh;
  min-height: 60rem;
  background: no-repeat center/cover;
  transition: .3s
}

.business a:nth-of-type(1) {
  background-image: url(/img/yz/m_bus1.png)
}

.business a:nth-of-type(2) {
  background-image: url(/img/yz/m_bus2.png)
}

.business a:nth-of-type(3) {
  background-image: url(/img/yz/m_bus3.png)
}

.business a .inner {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff
}

.business a .inner .h2 {
  font-size: 4.5rem;
  font-weight: 500;
  transition: .3s;
  line-height: 1
}

@media(max-width: 1200px) {
  .business a .inner .h2 {
    font-size: 4rem
  }
}

.business a .inner p {
  padding: 3.65rem 0 0
}

.business a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .2);
  transition: .3s
}

@media(min-width: 992px) {
  .business a .more {
    opacity: 0;
    height: 0;
    transition: .3s
  }

  .business a:hover .inner .h2 {
    font-weight: 700;
    color: #1784ff
  }

  .business a:hover .inner .more {
    opacity: 1;
    margin-top: 4.5625rem;
    height: 6.5rem
  }

  .business a:hover:after {
    background: rgba(0, 0, 0, .65)
  }
}

@media(max-width: 991px) {
  .business {
    flex-direction: column
  }

  .business a {
    flex: auto;
    height: 44rem;
    min-height: auto
  }

  .business a .inner p {
    padding-top: 3rem
  }

  .business a .inner .more {
    opacity: 1;
    margin-top: 3.6rem
  }
}

.preinspection {
  display: flex
}

@media(max-width: 768px) {
  .preinspection {
    flex-direction: column
  }
}

.preinspection .img {
  flex: 1;
  background: url(/img/yz/m_preinspection.png) no-repeat center/cover
}

@media(max-width: 768px) {
  .preinspection .img {
    flex: auto;
    height: 24rem
  }
}

.preinspection .txt {
  padding: 23rem 15rem;
  min-width: 50%;
  color: #fff;
  background: #091138
}

.preinspection .txt .h2 {
  line-height: 1;
  font-size: 4.5rem;
  font-weight: 500
}

.preinspection .txt .p1 {
  padding: 5.7rem 0 3.5rem;
  font-size: 3.8rem
}

.preinspection .txt .more {
  margin-top: 5.5rem
}

@media(max-width: 1300px) {
  .preinspection .txt {
    width: 64%;
    padding: 18rem 0 18rem 10rem
  }

  .preinspection .txt .p1 {
    font-size: 3rem
  }
}

@media(max-width: 991px) {
  .preinspection .txt {
    padding: 13rem 2rem 13rem 5rem
  }

  .preinspection .txt .p1 {
    font-size: 2.6rem
  }

  .preinspection .txt br {
    display: none
  }
}

@media(max-width: 768px) {
  .preinspection .txt {
    width: 100%;
    padding: 8rem 2rem
  }

  .preinspection .txt .h2 {
    font-size: 4.2rem
  }

  .preinspection .txt .p1 {
    padding: 4rem 0 2rem;
    font-size: 2rem
  }
}

@media(max-width: 768px) {
  .preinspection .txt {
    padding: 6.4rem 2rem
  }
}

.faq {
  padding: 10rem 0
}

.faq .nt-container {
  max-width: 1520px
}

.faq .header {
  text-align: center
}

.faq .header .h2 {
  font-size: 2.4rem;
  font-weight: 700;
  color: #9aabbd
}

.faq .header .p1 {
  margin-top: 3.5rem;
  font-size: 4.2rem;
  font-weight: 700;
  line-height: 1.19
}

.faq .cnt {
  padding: 7rem 0
}

.faq .more2 {
  text-align: center
}

.faq .more2 a {
  display: inline-block;
  color: #9aabbd
}

@media(max-width: 991px) {
  .faq {
    padding: 9rem 0
  }

  .faq .header .p1 {
    font-size: 4rem
  }

  .faq .cnt {
    padding: 6.5rem 0
  }
}

@media(max-width: 768px) {
  .faq {
    padding: 8rem 0
  }

  .faq .header .p1 {
    font-size: 3.6rem
  }

  .faq .cnt {
    padding: 6rem 0 5rem
  }
}

@media(max-width: 576px) {
  .faq {
    padding: 7rem 0
  }

  .faq .header .p1 {
    font-size: 3.4rem
  }

  .faq .cnt {
    padding: 5.5rem 0 4rem
  }
}

.product_main{max-width: 1300px; position: relative; margin: auto; padding: 0 0 0px 0;text-align: center; }
.product_main h1{font-size: 45px; padding: 100px 0 70px; }
.example h1{font-size: 45px; padding: 100px 0 70px; }
.example{ text-align: center; flex-wrap: wrap;}
.example .flex{ text-align: center; flex-wrap: wrap; align-items: center; gap:20px;padding: 20px 20px 0 20px;}
.example .flex>a{ flex:1; height: 280px;align-items: center; line-height: 280px; font-size: 32px; font-weight: 700; color:#fff; background-size: auto 100%; background-repeat: no-repeat;background-position: center; border-radius: 15px;
  transition: background-size .3s ease;
    -moz-transition: background-size .3s ease;
    -web-kit-transition: background-size .3s ease;
}
.example .flex>a:hover{
background-size: auto 110%

}
.example .flex .e1{background-image: url(/img/yz/e1.png)}
.example .flex .e1:hover{background-image: url(/img/yz/e1.png)}
.example .flex .e2{background-image: url(/img/yz/e2.png)}
.example .flex .e2:hover{background-image: url(/img/yz/e2.png)}
.example .flex .e3{background-image: url(/img/yz/e3.png)}
.example .flex .e4{background-image: url(/img/yz/e4.png)}
.example .flex .e5{background-image: url(/img/yz/e5.png)}
.example .flex .e6{background-image: url(/img/yz/e6.png)}
.example .flex .e7{background-image: url(/img/yz/e7.png)}
.example .flex .e8{background-image: url(/img/yz/e8.png)}
.example .flex .e9{background-image: url(/img/yz/e9.png)}
.example .flex .e10{background-image: url(/img/yz/e10.png)}

.video_notice{max-width: 1300px; position: relative; margin: auto; padding: 100px 0 0 0;text-align: center; display: flex; justify-content: space-between;}
.video_notice .notice {width: 500px ; text-align: left; padding: 30px 0;}
.video_notice .notice h1 {font-size: 35px; font-weight: 700; padding: 0 0 20px;;}
.wr-list .na-title a.na-subject {font-size: 18px; color: #333;}
.wr-list .na-title .date{font-size: 18px; }

/* .location{background-image: url(/img/yz/location.png); background-size: cover; background-repeat: no-repeat; } */
.location_box{max-width: 1300px; margin: auto;}
.location_box h1{font-size: 45px}
.location .map-wrap { flex:1;}
.map_border { display: none;}
.location_content{padding: 50px 0 0!important}
.location_content .map-wrap { flex:1;}
.map_border { display: none;}
.location_content .txt{padding: 7rem 10rem 0; width: 60rem; height: 450px; background: #fff;}
.location_content .txt_tit { line-height: 1.5; font-size: 25px; font-weight: 500; }
.location_content .info{ margin-top: 15px; }
.location_content .add { padding-bottom: 25px;  font-size: 18px; border-bottom: 1px solid #ccc;}
.location_content .blue2 { color: #0068d1; font-weight: 700;}
.location_content .txt .info ul {padding:20px 0 0; }
.location_content .txt .info ul li{color: #999;font-size: 18px; list-style: none; padding-bottom: 10px;}
.location_content .txt .info ul li b{color: #111; font-weight: 400;font-size: 18px;}
.location .header{  text-align: center;}
.location .header p{  font-size: 18px}
.location {  padding: 100px 0;}
.section_address{display: none;}

	@media (max-width:480px){

		.location_content .txt_tit{ font-size: 20px}
	}
/*# sourceMappingURL=main.css.map */