@charset "UTF-8";
.wrap-box {
  padding-top: 8.333%;
  padding-bottom: 8.333%;
}
.i-ban {
  height: 280px;
  width: 100%;
  overflow: hidden;
}
.i-ban img {
  min-height: auto;
  height: 280px;
}
.i-ban .swiper-pagination-bullets,
.i-ban .swiper-pagination-custom,
.i-ban .swiper-pagination-fractionn {
  bottom: 10px;
}
.intPro .cnt {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.intPro .cnt .item {
  width: 48%;
  padding-bottom: 4%;
}
.intPro .cnt .item a h2 {
  line-height: 1;
  font-size: 18px;
}
.intPro .cnt .item a p {
  font-size: 14px;
}
.intPro .cnt .item a .btn {
  display: none;
}
.intAbout .font p {
  font-size: 14px;
}
.intAbout .date {
  margin: 0 10%;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.intAbout .date .item {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 48%;
  margin-bottom: 8%;
  position: relative;
}
.intAbout .date .item .icon {
  width: 76px;
  height: 76px;
}
.intAbout .date .item .icon img {
  width: 36px;
  height: 36px;
}
.intAbout .date .item .time .number {
  font-size: 32px;
}
.intAbout .date .item .time .annotation {
  font-size: 14px;
}
.intAbout .date .item p {
  font-size: 12px;
}
.intAbout .btn {
  display: block;
  width: 100px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}
.intCase .item {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.intCase .item .item-img {
  width: 100%;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}
.intCase .item .item-img .box {
  position: relative;
  padding-top: 100%;
}
.intCase .item .item-font {
  width: 100%;
  padding-top: 100%;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 0%;
}
.intNews .list {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.intNews .list .item {
  margin-right: 0;
  margin-bottom: 8%;
  width: 100%;
}
.intNews .list .item:last-child {
  margin-bottom: 0;
}
.intNews .list .item .font span {
  margin-top: 5.2%;
}
.sendWord {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.sendWord .left {
  width: 100%;
}
.sendWord .right {
  margin-top: 4%;
  width: 100%;
}
.aboutUs .date {
  margin: 0 10%;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.aboutUs .date .item {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 48%;
  margin-bottom: 8%;
}
.aboutUs .date .item .icon {
  width: 76px;
  height: 76px;
}
.aboutUs .date .item .icon img {
  width: 36px;
  height: 36px;
}
.aboutUs .date .item .time .number {
  font-size: 32px;
}
.aboutUs .date .item .time .annotation {
  font-size: 14px;
}
.aboutUs .date .item p {
  font-size: 12px;
}
.aboutUs .font {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.aboutUs .font .left {
  width: 100%;
}
.aboutUs .font .right {
  margin-top: 4%;
  width: 100%;
}
.brand .font {
  margin: 0 0%;
}
.brand .list {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.brand .list .item {
  width: 48%;
  margin-right: 0%;
  margin-bottom: 4%;
}
.brand .list .item .item-a {
  padding-top: 5%;
  border: 1px solid #d9d9d9;
}
.brand .list .item .item-a h2 {
  line-height: 36px;
  font-size: 14px;
}
.n-Case .list {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.n-Case .list .item {
  width: 100%;
  margin-right: 0%;
  margin-bottom: 4%;
}
.n-Case .list .item a .item-img {
  position: relative;
  padding-top: 100%;
}
.n-Case .list .item a .item-font {
  width: 100%;
  padding: 14px 15px 15px;
  height: 125px;
}
.case-decs .tit {
  padding-top: 24px;
  padding-bottom: 24px;
}
.case-decs .tit h1 {
  padding: 0 0 16px;
  font-size: 24px;
}
.n-Products .item {
  padding-top: 5.33%;
  padding-bottom: 5.33%;
}
.n-Products .item:nth-child(2n) {
  background-color: #ffffff;
}
.n-Products .item a {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  border: 1px solid #ebebeb;
  padding: 15px;
}
.n-Products .item .item-img {
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0) 0 0 0;
}
.n-Products .item .item-font {
  width: 100%;
}
.n-Products .item .item-font .sort {
  font-size: 12px;
}
.n-Products .item .item-font .title {
  border-bottom-width: 0;
}
.n-Products .item .item-font .title h2 {
  font-size: 20px;
}
.n-Products .item .item-font .title h2::after {
  display: none;
}
.n-Products .item .item-font .font {
  font-size: 12px;
}
.n-Pro-desc .desc {
  padding-top: 5.33%;
  padding-bottom: 5.33%;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  background-color: #f3f3f4;
}
.n-Pro-desc .desc .desc-img {
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.08) 0 0 20px;
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
}
.n-Pro-desc .desc .desc-img .box {
  position: relative;
  padding-top: 61.86%;
}
.n-Pro-desc .desc .desc-img .box .cnt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.n-Pro-desc .desc .desc-img .box .cnt img {
  max-width: 100%;
  max-height: 100%;
}
.n-Pro-desc .desc .desc-img .box .cnt .swiper-pagination-bullet {
  margin: 0 8px !important;
  width: 10px;
  height: 10px;
  background: #6dc37d;
  opacity: 1 !important;
  border-radius: 10px;
}
.n-Pro-desc .desc .desc-img .box .cnt .swiper-pagination-bullet-active {
  background: #00873c;
}
.n-Pro-desc .desc .desc-font {
  width: 100%;
}
.n-Pro-desc .desc .desc-font .sort {
  margin-top: 16px;
  font-size: 12px;
}
.n-Pro-desc .desc .desc-font .title {
  border-bottom-width: 0;
  margin-bottom: 2%;
}
.n-Pro-desc .desc .desc-font .title h2 {
  font-size: 20px;
}
.n-Pro-desc .desc .desc-font .font {
  font-size: 12px;
}
.n-Pro-desc .desc-txt {
  padding-top: 4%;
  text-align: center;
}
.n-Pro-desc .desc-txt img {
  max-width: 100%;
}
.n-news .item {
  padding-top: 25px;
  padding-bottom: 20px;
}
.n-news .item a {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.n-news .item a .n-news-l {
  padding-right: 10px;
  width: 40px;
}
.n-news .item a .n-news-l .Day {
  font-size: 24px;
  padding-bottom: 5px;
}
.n-news .item a .n-news-l p {
  font-size: 12px;
}
.n-news .item a .n-news-m {
  padding-right: 0;
  width: calc(100% - 60px);
}
.n-news .item a .n-news-m h2 {
  font-size: 16px;
}
.n-news .item a .n-news-m p {
  margin: 10px 0;
  line-height: 24px;
  height: 48px;
  font-size: 12px;
}
.n-news .item a .n-news-r {
  display: none;
}
.n-news-desc h1 {
  padding-top: 24px;
  padding-bottom: 10px;
  line-height: 1;
  font-size: 24px;
}
.n-news-desc .info {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.n-news-desc .info span {
  margin: 0 5px;
  font-size: 12px;
}
.n-news-desc .info span:first-child {
  display: none;
}
.n-contact .n-contact-top ul {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.n-contact .n-contact-top ul li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
}
.n-contact .n-contact-top ul li .box .box-wrap .box-icon {
  width: 49px;
  height: 49px;
  border: 2px solid #00873c;
}
.n-contact .n-contact-bot {
  height: 280px;
}
.n-feedback {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 0;
}
.n-feedback .n-feedback-l {
  width: 100%;
}
.n-feedback .n-feedback-l h4 {
  font-size: 24px;
}
.n-feedback .n-feedback-l h3 {
  font-size: 24px;
}
.n-feedback .n-feedback-l p {
  padding: 10px 0;
  font-size: 14px;
  line-height: 28px;
  text-align: justify;
}
.n-feedback .n-feedback-l .feedback-tel {
  font-size: 32px;
  padding-bottom: 20px;
}
.n-feedback .n-feedback-l .feedback-img {
  display: none;
}
.n-feedback .n-feedback-r {
  width: 100%;
}
.n-feedback .n-feedback-r form .layui-form-item {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}