@charset "utf-8";

@import "jquery.fancybox.css";

/*---------------------------------------------------*/

.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}
.more1 {
  padding: 0 40px;
  height: 64px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #dbe0e3;
  font-size: 15px;
  color: #333;
  font-weight: 700;
}
.more1 span {
  width: 13px;
  height: 12px;
  background: #67a7b3;
  margin-right: 10px;
}
.more1 span:last-child {
  margin-right: 27px;
}
.more1:hover {
  background: #67a7b3;
  border-color: #67a7b3;
  color: #fff;
}
.more1:hover span {
  background: #fff;
}

#banner {
  position: relative;
}
#banner .swiper-slide img {
  width: 100%;
}
#banner .swiper-slide {
  position: relative;
}
#banner .swiper-slide .txt {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  padding-bottom: 100px;
}
#banner .swiper-slide .txt .wp {
  position: relative;
}
#banner .swiper-slide .txt h5 {
  font-size: 42px;
  color: #fff;
  line-height: 1.25;
  font-weight: 700;
  max-width: 600px;
}
#banner .swiper-slide .txt h5 span {
  color: #e3a24a;
}
#banner .swiper-slide .txt p {
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  margin: 28px 0 0;
}
#banner .swiper-slide .txt .more {
  background: var(--btn-bg);
  margin: 28px 0 0;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  padding: 0 60px;
  text-align: center;
  line-height: 48px;
  border-radius: 40px;
  display: inline-block;
}
#banner .swiper-slide .txt .more:hover {
  background: var(--btn-bg-hover);
}

#banner .swiper-pagination-bullets {
  bottom: 25px;
  font-size: 0;
}
#banner .swiper-pagination-bullet {
  height: 14px;
  width: 14px;
  margin: 0 5px;
  background: #ccc;
  border-radius: 50%;
  opacity: 1;
}
#banner .swiper-pagination-bullet-active {
  background: var(--active-color);
}

.indexA {
  padding: 70px 0 40px;
}
.indexA .tit {
  text-align: center;
  position: relative;
}
.indexA .tit h3 {
  font-size: 40px;
  color: #333;
  font-weight: 700;
  line-height: 1;
}
.indexA .tit ul {
  position: absolute;
  right: 0;
  top: 8px;
  width: 44px;
  height: 36px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  cursor: pointer;
}
.indexA .tit ul li {
  width: 29%;
  height: 40%;
  background: #666;
  transition: all 0.3s ease 0s;
  border-radius: 4px;
}
.indexA .tit ul.active li {
  height: 100%;
}
.indexA .tit ul.active li:nth-child(n + 4) {
  display: none;
  transition: all 0.8s ease 0s;
}

.indexA .list {
  margin: 70px -15px 0;
  position: relative;
}
.indexA .list .swiper-slide {
  padding: 15px;
}
.indexA .list .swiper-slide .box {
  height: 100%;
  padding: 5px 5px 20px;
  text-align: center;
  background: #f4f5f7;
  border-radius: 15px;
}
.indexA .list .swiper-slide .pic {
  width: 100%;
  display: block;
  overflow: hidden;
}
.indexA .list .swiper-slide .pic img {
  width: 100%;
  transition: all 0.5s ease 0s;
}
.indexA .list .swiper-slide h5 {
  font-size: 18px;
  color: #333;
  font-weight: 500;
  line-height: 28px;
  margin: 20px 0 0;
  text-transform: uppercase;
}

.indexA .list.active .swiper-wrapper {
  width: auto;
  flex-wrap: wrap;
  transform: none !important;
}
.indexA .list.active .swiper-wrapper .swiper-slide {
  width: 25% !important;
  padding: 15px;
  margin: 0 !important;
}

.indexA .list .swiper-slide:hover .box {
  box-shadow: 0 0 10px 3px rgba(63, 62, 62, 0.2);
}
.indexA .list .swiper-slide:hover .pic img {
  transform: scale(1.05);
}

.indexA .swiper-button-prev,
.indexA .swiper-button-next {
  width: 50px;
  height: 50px;
  background: transparent;
  color: #e02826;
  margin-top: -25px;
  text-align: center;
}
.indexA .swiper-button-prev::after,
.indexA .swiper-button-next::after {
  display: none;
}
.indexA .swiper-button-prev i,
.indexA .swiper-button-next i {
  font-size: 40px;
  line-height: 50px;
  color: inherit;
}
.indexA .swiper-button-prev,
.indexA .swiper-container-rtl .swiper-button-next {
  left: -60px;
  right: auto;
}
.indexA .swiper-button-next,
.indexA .swiper-container-rtl .swiper-button-prev {
  right: -60px;
  left: auto;
}
.indexA .swiper-button-prev:hover,
.indexA .swiper-button-next:hover {
  opacity: 0.7;
}

.indexA .swiper-pagination {
  position: static;
  width: 100%;
  margin-top: 25px;
  display: none;
  justify-content: center;
  align-items: center;
}
.indexA .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  margin: 0 4px;
  background: #c8c8c8;
  border-radius: 50%;
  opacity: 1;
  position: relative;
}
.indexA .swiper-pagination-bullet-active {
  background: #e02826;
}

.indexA .txt {
  margin: 40px 0 0;
  line-height: 28px;
  font-size: 16px;
}

.indexD {
  padding: 70px 0;
  position: relative;
  background: #fbfafa;
}
.indexD h3 {
  font-size: 40px;
  color: #333;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
.indexD h3 ~ h3 {
  margin-top: 70px;
}
.indexD h5 {
  font-size: 30px;
  color: #333;
  font-weight: 600;
  line-height: 1;
  margin: 40px 0 0;
}

.indexD ul {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
.indexD ul li > a {
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 20px;
}
.indexD ul li img {
  display: block;
  width: 100%;
  transition: transform 0.5s;
}
.indexD ul li .txt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 105;
  transition: opacity 0.2s, transform 0.35s;
  display: flex;
  justify-content: flex-end;
  -webkit-flex-direction: column;
  flex-direction: column;
  background: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.75));
}
.indexD ul li .txt > * {
  position: relative;
  z-index: 10;
}
.indexD ul li .txt h6 {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  line-height: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

.indexD ul.list1 {
  margin: 55px -30px 0;
}
.indexD ul.list1 li {
  width: 33.33333%;
  padding: 15px 30px;
}
.indexD ul.list1 li .txt {
  padding: 50px 34px 30px;
}

.indexD ul.list2 {
  margin: 55px -20px 0;
}
.indexD ul.list2 li {
  width: 25%;
  padding: 15px 20px;
}
.indexD ul.list2 li .txt {
  padding: 25px 30px;
}

@media screen and (min-width: 1171px) {
  .indexD ul li:hover img {
    transform: scale(1.05);
  }
}

.indexC {
  padding: 70px 0;
}
.indexC h3 {
  font-size: 40px;
  color: #333;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.indexC .box {
  margin: 60px -10px 0;
  display: flex;
}
.indexC ul {
  width: 52%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.indexC ul li {
  width: 50%;
  padding: 0 10px;
}

.indexC .box .pic {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.indexC .box figure {
  width: 100%;
}
.indexC .box figure img {
  width: 100%;
  display: block;
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
}
.indexC .box figure img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: 0.8s;
}

.indexC .box .txt {
  position: absolute;
  background: rgba(0, 0, 0, 0.78);
  z-index: 10;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px 15px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.indexC .box .txt h5 {
  font-size: 20px;
  color: #fff;
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  opacity: 0;
}

.indexC .box .pic:hover figure img:last-child {
  opacity: 1;
}
.indexC .box .pic:hover .txt {
  opacity: 1;
}
.indexC .box .pic:hover .txt h5 {
  opacity: 1;
}

.indexC .big {
  width: 48%;
  padding: 0 10px;
}

.indexE {
  padding: 70px 0;
  background: #fbfafa;
}
.indexE h3 {
  font-size: 40px;
  color: #333;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.indexE ul {
  margin: 60px -25px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.indexE ul li {
  width: 25%;
  padding: 0 25px;
}
.indexE ul li .box {
  background: #fff;
  text-align: center;
  padding: 40px 20px;
  border-radius: 30px;
  transition: all 0.3s ease 0s;
}
.indexE ul li .pic {
  height: 270px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.indexE ul li .pic img {
  height: 100%;
}
.indexE ul li .txt {
  margin: 30px 0 0;
}
.indexE ul li h5 {
  font-size: 30px;
  color: #666;
  font-weight: 700;
  line-height: 1;
}
.indexE ul li p {
  margin: 15px 0 0;
  font-size: 17px;
  color: #666;
  line-height: 25px;
  height: 100px;
  overflow: hidden;
}
.indexE ul li .more {
  background: var(--btn-bg);
  margin: 20px auto 0;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  max-width: 80%;
  text-align: center;
  height: 46px;
  line-height: 46px;
  border-radius: 40px;
  display: block;
}

@media screen and (min-width: 992px) {
  .indexE ul li:hover .box {
    box-shadow: 0 0 15px rgba(63, 62, 62, 0.15);
    transform: translateY(-15px);
  }
  .indexE ul li:hover h5 a {
    color: var(--active-color);
  }
  .indexE ul li:hover .more {
    background: var(--btn-bg-hover);
  }
}

.indexF {
  padding: 50px 0;
  position: relative;
}
.indexF .tit h3 {
  font-size: 40px;
  color: #333;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.indexF .tit p {
  margin: 20px auto 0;
  font-size: 16px;
  color: #666;
  line-height: 28px;
}
.indexF ul {
  margin: 50px -20px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.indexF ul li {
  width: 33.3333%;
  padding: 0 20px;
}
.indexF ul li > a {
  position: relative;
  overflow: hidden;
  display: block;
}
.indexF ul li img {
  display: block;
  width: 100%;
}
.indexF ul li .txt {
  margin: 20px 0 0;
  text-align: center;
}
.indexF ul li .txt h6 {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  line-height: 1;
}
.indexF ul li .txt .t {
  font-size: 15px;
  color: #666;
  line-height: 26px;
  overflow: hidden;
  transition: all 0.5s ease 0s;
  margin: 15px 0 0;
  text-align: left;
}

.indexH {
  padding: 70px 0;
}

.indexH .tit h3 {
  font-size: 40px;
  color: #333;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.indexH .tit p {
  margin: 20px auto 0;
  font-size: 16px;
  color: #666;
  line-height: 28px;
}

.indexH ul {
  margin: 40px -50px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.indexH ul li {
  width: 50%;
  padding: 25px 50px;
}
.indexH ul li .box {
  height: 100%;
  border: 1px solid #e9e9e9;
  padding: 30px 30px 30px 75px;
  position: relative;
}
.indexH ul li .star {
}
.indexH ul li .star i {
  font-size: 22px;
  color: #ed1d24;
}
.indexH ul li p {
  margin: 20px 0 0;
  font-size: 16px;
  color: #666;
  line-height: 29px;
}
.indexH ul li p:nth-of-type(2) {
  font-size: 17px;
  color: #999;
  font-weight: 600;
}
.indexH ul li p:nth-of-type(2) span {
  margin-right: 35px;
  color: #333;
}
.indexH ul li .ico {
  position: absolute;
  top: 20px;
  width: 82px;
  height: 82px;
  left: -41px;
  border-radius: 50%;
  overflow: hidden;
}
.indexH ul li .ico img {
  width: 100%;
}

.indexH h6 {
  margin: 40px 0 0;
  line-height: 28px;
  font-size: 16px;
}

/*------------------------------------------------------------*/

.main {
  padding-top: 45px;
  padding-bottom: 70px;
}
.main2 {
  padding-top: 60px;
}

.sidebanner {
  position: relative;
}
.sidebanner img {
  width: 100%;
}
.sidebanner .txt {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
}
.sidebanner .txt h1,
.sidebanner .txt h3 {
  color: #fff;
  font-size: 36px;
  line-height: 1.2;
  font-weight: 700;
}
.sidebanner .txt p {
  color: #fff;
  font-size: 15px;
  margin: 25px 0 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sidebanner .txt p a {
  color: #fff;
}

.sidebanner .txt-right {
  text-align: right;
}
.sidebanner .txt-center {
  text-align: center;
}

.path {
  border-bottom: 1px solid #eee;
  line-height: 50px;
}
.path p {
  color: #000;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/*------------------------------------------------------------*/

.about {
  padding: 90px 0;
  position: relative;
}
.about::before {
  content: "";
  width: 58.23%;
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background: #f9f9f9;
}
.about .wp {
  display: flex;
  align-items: center;
}
.about .txt {
}
.about .pic {
  width: 44.6%;
  position: relative;
  z-index: 20;
}
.about .pic > img {
  transition: all 0.3s ease 0s;
}
.about .txt {
  flex: 1;
  margin-right: 80px;
  position: relative;
  z-index: 20;
}
.about .txt h3 {
  font-size: 40px;
  color: #333;
  font-weight: 700;
  line-height: 1;
}
.about .t {
  margin: 25px 0 0;
  font-size: 16px;
  line-height: 28px;
  color: #111;
}
.about .t p ~ p {
  margin-top: 10px;
}

.about .v {
  margin: 30px 0 0;
  width: 100%;
  display: block;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  z-index: 20;
}
.about .v img {
  border-radius: 5px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.about .v::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2) url("../images/v2.png") no-repeat center;
  display: block;
}
.about .v:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

.about-why {
  padding: 70px 0 0;
}
.about-why h3 {
  font-size: 40px;
  color: #333;
  line-height: 1;
  font-weight: 700;
  text-align: center;
}
.about-why ul {
  margin: 40px -15px 0;
  display: flex;
  flex-wrap: wrap;
}
.about-why ul li {
  width: 33.33333%;
  padding: 15px;
}
.about-why ul li .box {
  padding: 35px 35px 80px;
  position: relative;
  height: 100%;
  background-color: #f8f8f8;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.about-why ul li .box::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.35);
}
.about-why ul li .box > * {
  position: relative;
  z-index: 10;
}
.about-why ul li h5 {
  font-size: 25px;
  color: #fff;
  font-weight: bold;
}
.about-why ul li span {
  font-weight: bold;
  color: #fff;
  font-size: 50px;
  margin: 20px 0 0;
  display: inline-block;
}
.about-why ul li p {
  font-size: 16px;
  color: #fff;
  margin: 25px 0 0;
  line-height: 28px;
}

/*.culture{padding:30px 0 20px;}
.culture .tit{}
.culture .tit h3{font-size:34px;color: #333;line-height:1;font-weight:700;text-align:center;}
.culture .tit p{font-size:18px;line-height:30px;margin:30px 0 0;text-align:left;}
.culture ul{margin-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.culture ul li {width:48%;padding:20px 0;border-bottom:2px solid #f2d4d6;transition:.3s all;cursor:pointer;}
.culture ul li .ico{display:flex;align-items:center;}
.culture ul li .ico h5{margin-left:15px}
.culture ul li:last-child{width:100%}
.culture ul li i{font-size:34px;color:#026e12;}
.culture ul li h5{font-size:24px;color:#111;font-weight:600;}
.culture ul li p {margin-top:20px;font-size:16px;line-height:24px;color:#666;}
.culture ul li:hover {transform:translate(0,-8px);-webkit-transform:translate(0,-8px);-moz-transform:translate(0,-8px);-ms-transform:translate(0,-8px);-o-transform:translate(0,-8px);border-bottom:2px solid #e02826;}*/
.culture {
  padding: 20px 0 80px;
}
.culture h3 {
  font-size: 40px;
  color: #333;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.culture ul {
  margin: 50px 0 0;
  overflow: hidden;
  display: flex;
}
.culture ul li {
  height: 750px;
  width: 23.2%;
  position: relative;
  transition: 0.5s all ease;
  overflow: hidden;
}
.culture ul li > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
}
.culture ul li .txt {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 45px 50px;
}
.culture ul li .txt h5 {
  font-size: 32px;
  color: #fff;
  line-height: 1;
  font-weight: 600;
}
.culture ul li .txt p {
  font-size: 16px;
  color: #fff;
  line-height: 28px;
  margin: 20px 0 0;
  display: none;
}

.culture ul li.active {
  width: 53.6%;
}
.culture ul li.active .txt p {
  display: block;
}

.history {
  padding: 70px 0;
}
.history h3 {
  font-size: 40px;
  color: #000;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}

.history h3 ~ h3 {
  margin-top: 100px;
}
.history .list {
  margin: 40px 0 0;
  position: relative;
}
.history .view {
  position: relative;
  margin: 0 -20px;
}
.history .view .swiper-slide {
  padding: 20px;
  box-sizing: border-box;
}
.history .view .swiper-slide .box {
  background: rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
}
.history .view .swiper-slide .pic {
  width: 400px;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.history .view .swiper-slide .txt {
  flex: 1;
  padding: 0 60px;
  box-sizing: border-box;
  position: relative;
}
.history .view .swiper-slide .txt h5 {
  font-size: 30px;
  color: #111;
  font-weight: 600;
  line-height: 1;
}
.history .view .swiper-slide .txt p {
  margin: 20px 0 0;
  color: #484848;
  font-size: 18px;
  line-height: 36px;
}
.history .view .swiper-slide:hover {
  box-shadow: 0 0 4px 3px rgba(233, 233, 233, 0.4);
}

.history .preview {
  margin: 40px 0 0;
  position: relative;
  text-align: center;
}
.history .preview::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  top: 47px;
  background: #b5b5b5;
  display: block;
}
.history .preview .swiper-container {
  box-sizing: border-box;
  text-align: center;
}
.history .preview .swiper-wrapper {
}
.history .preview .swiper-slide {
  cursor: pointer;
  width: auto;
  text-align: center;
  height: 110px;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
}
.history .preview .swiper-slide em {
  display: block;
  font-size: 18px;
  color: #424242;
  font-weight: 600;
  background: url("../images/dot10.png"") no-repeat center top 38px;
  padding: 65px 0 0;
}
.history .preview .active-nav em {
  color: #e02826;
  background: url("../images/dot10-1.png") no-repeat center top;
}

.history .page {
  width: 100%;
  margin-top: 50px;
}
.history .arrow-left,
.history .arrow-right {
  position: static;
  margin: 0 6px;
  width: 150px;
  height: 40px;
  line-height: 40px;
  color: #3b3b3b;
  font-size: 18px;
  display: inline-block;
  text-align: center;
  background: #e0e0e0;
}
.history .arrow-left i,
.history .arrow-right i {
  color: inherit;
  font-size: 25px;
}
.history .arrow-left:hover,
.history .arrow-right:hover {
  background: #e02826;
  color: #fff;
}

.about3 {
  /*padding:70px 0 0;*/
}
.about3 .tit {
  text-align: center;
}
.about3 .tit h3 {
  font-size: 40px;
  color: #000;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.about3 .tit p {
  font-size: 17px;
  line-height: 24px;
  color: #555;
  margin: 20px 0 0;
}
.about3 ul {
  margin: 50px 0 0;
}
.about3 ul li {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
.about3 ul li + li {
  margin-top: 80px;
}
.about3 ul li .pic {
  width: 50%;
  border-radius: 20px;
  overflow: hidden;
}
.about3 ul li .pic img {
  width: 100%;
}
.about3 ul li .txt {
  flex: 1;
  margin: 0 0 0 70px;
}
.about3 ul li h6 {
  font-size: 30px;
  color: #000;
  line-height: 1;
  font-weight: bold;
}
/*.about3 ul li h6::after{content:'';width:80px;height:4px;background:#e02826;display:block;margin:15px auto 0 0;}*/
.about3 ul li p {
  line-height: 24px;
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 28px;
  color: #111;
}

.about3 ul li:nth-child(2n) {
  flex-direction: row-reverse;
}
.about3 ul li:nth-child(2n) .txt {
  margin: 0 70px 0 0;
}

.about2 {
  padding: 30px 0 20px;
}
.about2 h3 {
  font-size: 40px;
  color: #333;
  line-height: 1;
  font-weight: 700;
  text-align: center;
}
.about2 .txt {
  margin: 30px 0 0;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.about2 .txt p {
  margin-bottom: 8px;
}
.about2 .txt h5 {
  font-size: 22px;
  font-weight: 600;
  color: #333;
  padding: 10px 0 15px;
}
.about2 .txt strong {
  color: #333;
}
.about2 ul {
}
.about2 ul li {
  background: url(../images/dot2.png) no-repeat left 9px;
  padding: 0 0 0 20px;
  margin-bottom: 8px;
}

/*.about3{padding:30px 0 20px;}
.about3 h3{font-size:36px;color: #333;line-height:1;font-weight:700;text-align:center;}
.about3 .txt{margin:30px 0 0;font-size:18px;line-height:28px;color:#444;}
.about3 .txt p{margin-bottom:8px;}
.about3 .txt h5{font-size:22px;font-weight:600;color:#333;padding:10px 0 15px;}
.about3 .txt strong{color:#333;}
.about3 ul{}
.about3 ul li{background:url(../images/dot2.png) no-repeat left 9px;padding:0 0 0 20px;margin-bottom:8px;}*/

.about4 {
  padding: 30px 0 20px;
}
.about4 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.about4 ul li {
  width: calc(50% - 30px);
  padding: 40px 30px;
  border: 1px solid #ddd;
}
.about4 ul li .ico {
  display: flex;
  align-items: center;
}
.about4 ul li .ico h5 {
  font-size: 24px;
  font-weight: 700;
  color: #333;
  line-height: 1;
  margin-left: 20px;
}
.about4 ul li .t {
  margin-top: 17px;
}
.about4 ul li .t p {
  font-size: 16px;
  color: #666;
  line-height: 28px;
  margin: 20px 0 0;
}

.about5 {
  padding: 30px 0 20px;
}
.about5 h3 {
  font-size: 40px;
  color: #333;
  line-height: 1;
  font-weight: 700;
  text-align: center;
}
.about5 .txt {
  margin: 30px 0 0;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.about5 .txt p {
  margin-bottom: 8px;
}
.about5 .txt h5 {
  font-size: 22px;
  font-weight: 600;
  color: #333;
  padding: 10px 0 15px;
}
.about5 .txt strong {
  color: #333;
}

.about6 {
  padding: 30px 0 20px;
}
.about6 h3 {
  font-size: 40px;
  color: #333;
  line-height: 1;
  font-weight: 700;
  text-align: center;
}
.about6 .txt {
  margin: 30px 0 0;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.about6 .txt p {
  margin-bottom: 8px;
}
.about6 .txt h5 {
  font-size: 22px;
  font-weight: 600;
  color: #333;
  padding: 10px 0 15px;
}
.about6 .txt strong {
  color: #333;
}

.about7 {
  padding: 30px 0 20px;
}
.about7 h3 {
  font-size: 40px;
  color: #333;
  line-height: 1;
  font-weight: 700;
  text-align: center;
}
.about7 .txt {
  margin: 30px 0 0;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.about7 .txt p {
  margin-bottom: 8px;
}
.about7 .txt h5 {
  font-size: 22px;
  font-weight: 600;
  color: #333;
  padding: 10px 0 15px;
}
.about7 .txt strong {
  color: #333;
}

.about8 {
  padding: 70px 0;
}
.about8 h3 {
  font-size: 40px;
  color: #000;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.about8 p {
  font-size: 16px;
  line-height: 28px;
  color: #111;
  text-align: left;
  margin-top: 10px;
}
.about8 .t p {
  font-size: 16px;
  line-height: 28px;
  color: #111;
  text-align: left;
}
.about8 .t p ~ p {
  margin-top: 10px;
}
.about8 .t h5 {
  font-size: 22px;
  font-weight: 600;
  color: #333;
  padding: 10px 0 15px;
}

.about8 .list {
  margin-top: 40px;
  position: relative;
}
.about8 .swiper-slide a {
  display: block;
}
.about8 .swiper-pagination-bullets {
  position: static;
  width: 100%;
  font-size: 0;
  margin: 40px 0 0;
}
.about8 .swiper-pagination-bullet {
  width: 47px;
  height: 9px;
  margin: 0 16px;
  background: #ccc;
  border-radius: 15px;
  opacity: 1;
}
.about8 .swiper-pagination-bullet-active {
  background: #e02826;
}

.about8 ul {
  padding: 70px 0;
}
.about8 ul li {
  display: flex;
  align-items: center;
  background: #f9f9f9;
}
.about8 ul li:nth-child(2n) {
  flex-direction: row-reverse;
}
.about8 ul li + li {
  margin-top: 15px;
}
.about8 ul li .pic {
  width: 50%;
}
.about8 ul li .t {
  flex: 1;
  padding: 0 20px;
}
.about8 ul li .t h5 {
  font-size: 30px;
  color: #000;
  line-height: 1;
  font-weight: bold;
}
.about8 ul li .t p {
  font-size: 16px;
  line-height: 28px;
  color: #111;
}

.about1 {
  /*padding:100px 0 0;*/
}
.about1 .box {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
}
.about1 .pic {
  width: 43.78%;
  position: relative;
}
.about1 .pic img {
  position: relative;
  z-index: 10;
}
.about1 .pic::after {
  position: absolute;
  content: "";
  top: 65px;
  right: -36px;
  bottom: 65px;
  width: 50px;
  z-index: 1;
  background: #f4f5f7;
}
.about1 .txt {
  flex: 1;
  margin-left: 117px;
}
.about1 .txt h3 {
  font-size: 34px;
  color: #333;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  z-index: 20;
}
.about1 .txt h3::after {
  display: block;
  content: "";
  width: 80px;
  height: 4px;
  background: #e02826;
  margin: 20px auto 0 0;
}
.about1 .txt .t {
  margin: 20px 0 0;
  font-size: 16px;
  color: #666;
  line-height: 28px;
}
.about1 .txt .t p ~ p {
  margin-top: 25px;
}

.about-inquiry {
  padding: 20px 0 100px;
}
.about-inquiry h3 {
  font-size: 40px;
  line-height: 1;
  color: #333;
  font-weight: 700;
  text-align: center;
}
.about-inquiry .inquirbox {
  margin: 50px 0 0;
}
.about-inquiry .inquirbox .input-box ~ .input-box {
  margin-top: 15px;
}

.about-inquiry .inquirbox input[type="text"],
.about-inquiry .inquirbox textarea {
  padding: 14px 20px;
  color: #444;
  border: 1px solid #eee;
  background: #fafafa;
  font-size: 17px;
  border-radius: 8px;
}
.about-inquiry .inquirbox .submit-box {
  margin: 30px 0 0;
  text-align: center;
}
.about-inquiry .inquirbox .submit {
  width: 220px;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  color: #fff;
  border-radius: 23px;
  background: var(--btn-bg);
}
.about-inquiry .inquirbox .submit:hover {
  background: var(--btn-bg-hover);
}
.about-inquiry .inquirbox p {
  margin: 15px 0 0;
  text-align: center;
}

.app-list h3 {
  font-size: 40px;
  color: #333;
  font-weight: 700;
  line-height: 1;
  position: relative;
  z-index: 20;
  text-align: center;
}
.app-list h3::after {
  display: block;
  content: "";
  width: 80px;
  height: 2px;
  background: #ed1d24;
  margin: 20px auto 0 auto;
  text-align: center;
}

.app-list > p {
  margin: 40px 0 0;
  line-height: 36px;
  font-size: 17px;
  color: #666;
}
.app-list ul {
  margin: 37px -20px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.app-list ul li {
  width: 33.3333%;
  padding: 15px 20px;
}
.app-list ul li > a {
  position: relative;
  overflow: hidden;
  display: block;
}
.app-list ul li img {
  display: block;
  width: 100%;
}
.app-list ul li .txt {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 105;
  padding: 0 34px 29px;
  transition: opacity 0.2s, transform 0.35s;
  display: flex;
  justify-content: flex-end;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.app-list ul li .txt::after {
  content: "";
  background: rgba(237, 29, 36, 0.85);
  height: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s ease 0s;
}
.app-list ul li .txt > * {
  position: relative;
  z-index: 10;
}
.app-list ul li .txt h6 {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
.app-list ul li .txt p {
  font-size: 15px;
  color: #fff;
  line-height: 28px;
  height: 0;
  overflow: hidden;
  transition: all 0.5s ease 0s;
  margin: 15px 0 0;
}
.app-list ul li .txt .more {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  margin: 25px 0 0;
}
.app-list ul li .txt .more i {
  color: #fff;
  font-size: 12px;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  border: 1px solid #fff;
  line-height: 24px;
  display: inline-block;
  text-align: center;
  margin-right: 20px;
}

@media screen and (min-width: 1171px) {
  .app-list ul li:hover .txt::after {
    height: 100%;
  }
  .app-list ul li:hover .txt p {
    height: 112px;
  }
  .app-list ul li:hover .more i {
    background: #fff;
    color: #ed1d24;
    border-color: #fff;
  }
}

.app-tit {
  display: flex;
  align-items: center;
  margin-bottom: 70px;
}
.app-tit .pic {
  width: 44.36%;
  position: relative;
}
.app-tit .pic img {
  position: relative;
  z-index: 10;
}
.app-tit .pic::after {
  position: absolute;
  content: "";
  top: 37px;
  right: -34px;
  bottom: 37px;
  width: 50px;
  z-index: 1;
  background: #cce4e8;
}

.app-tit .txt {
  flex: 1;
  margin-right: 100px;
}
.app-tit .txt h1 {
  font-size: 34px;
  color: #333;
  line-height: 1;
  font-weight: 700;
}
.app-tit .txt h1::after {
  content: "";
  width: 80px;
  height: 2px;
  background: #50a9b5;
  margin: 30px auto 0 0;
  display: block;
}
.app-tit .txt p {
  font-size: 17px;
  color: #666;
  line-height: 32px;
  margin: 20px 0 0;
}
.app-tit .txt a {
  margin: 40px 0 0;
}

/*------------------------------------------------------------*/

.newslist ul {
  margin: -15px -15px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.newslist ul li {
  width: 33.33333%;
  overflow: hidden;
  padding: 15px;
  cursor: pointer;
}
.newslist ul li .pic {
  width: 100%;
  display: block;
  position: relative;
}
.newslist ul li .pic img {
  width: 100%;
}
.newslist ul li .pic span {
  position: absolute;
  z-index: 20;
  top: 10px;
  left: 10px;
  width: 62px;
  height: 62px;
  padding: 7px 0 0;
  border-radius: 5px;
  text-align: center;
  background: rgba(224, 40, 38, 0.88);
  color: #fff;
  font-size: 14px;
  display: block;
  font-weight: 300;
}
.newslist ul li .pic span em {
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  display: block;
}
.newslist ul li .pic span em::after {
  content: "";
  width: 50px;
  height: 1px;
  background: rgba(255, 255, 255, 0.4);
  display: block;
  margin: 3px auto 2px;
}
.newslist ul li .txt {
  border-bottom: 1px solid #b5b5b5;
  padding: 20px 0 35px;
  position: relative;
}
.newslist ul li .txt::after {
  content: "";
  height: 3px;
  background: var(--active-color);
  position: absolute;
  left: 0;
  width: 0;
  bottom: -2px;
  transition: all 0.3s ease 0s;
}
.newslist ul li .txt h5 {
  font-size: 20px;
  line-height: 26px;
  height: 52px;
  overflow: hidden;
  font-weight: 600;
  color: #010101;
}
.newslist ul li .txt h5 a:hover {
  color: var(--active-color);
}
.newslist ul li .txt p {
  font-size: 16px;
  color: #696969;
  margin: 15px 0 0;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}

.newslist ul li:hover .txt::after {
  width: 100%;
}

.news-main {
  display: flex;
}
.news-left {
  flex: 1;
  margin-right: 80px;
  overflow: hidden;
}
.news-right {
  width: 320px;
}

.newstit {
  padding: 0 0 60px;
}
.newstit h1 {
  font-size: 26px;
  line-height: 1.2;
  color: #333;
  font-weight: 700;
}
.newstit span {
  margin: 15px 0 0;
  display: inline-block;
  font-size: 14px;
  color: #666;
}

.news-content {
  line-height: 28px;
  font-size: 16px;
  color: #666;
  border-top: 1px solid #eee;
  padding: 40px 0 20px;
}
.news-content p {
  margin-bottom: 20px;
}
.news-content strong {
}
.news-content h5 {
  font-size: 22px;
  color: #000009;
  font-weight: 700;
  margin-bottom: 20px;
}
.news-content a {
  border-bottom: 1px solid #0070c0;
  color: #0070c0;
}
.news-content .table-response {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

.pnbar {
  margin: 0 0 60px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding: 70px 0 30px;
}
.pnbar > a {
  width: 40%;
  position: relative;
  overflow: hidden;
}
.pnbar > a.m {
  width: 20%;
  text-align: center;
  font-size: 16px;
  color: #999;
}
.pnbar > a.l,
.pnbar > a.r {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}
.pnbar > a.r {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  text-align: right;
}
.pnbar i {
  color: #999;
  font-size: 16px;
  text-align: left;
  vertical-align: middle;
}
.pnbar em {
  font-size: 16px;
  color: #999;
  margin: 0 0 0 10px;
}
.pnbar p {
  margin: 0 0 0 50px;
  color: #333;
  line-height: 28px;
  font-size: 18px;
}
.pnbar > a.r em {
  margin: 0 10px 0 0;
}
.pnbar > a.r p {
  margin: 0 50px 0 0;
}

.pnbar > a.m:hover {
  color: var(--active-color);
}
.pnbar > a:hover i {
  color: #333;
}
.pnbar > a:hover em {
  color: #333;
}
.pnbar > a:hover p {
  color: var(--active-color);
  text-decoration: underline;
}

.news-note {
  background: #fbfafa;
  padding: 15px;
  margin-bottom: 25px;
}
.news-note h3 {
  font-size: 22px;
  color: #111;
  font-weight: 600;
  line-height: 1;
}
.news-note .txt {
  margin: 10px 0 0;
  font-size: 15px;
  color: #666;
}
.news-note .txt p ~ p {
  margin-top: 10px;
}

.side-pro {
  margin-bottom: 25px;
}
.side-pro h3 {
  font-size: 20px;
  color: #111;
  font-weight: 700;
  line-height: 1;
}
.side-pro ul {
  margin: 15px 0 0;
}
.side-pro ul li {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.side-pro ul li:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.side-pro ul li .pic {
  width: 110px;
  display: block;
  box-shadow: 0 0 7px rgba(63, 62, 62, 0.15);
}
.side-pro ul li .txt {
  flex: 1;
  margin-left: 10px;
  overflow: hidden;
}
.side-pro ul li .txt h5 {
  font-size: 16px;
  font-weight: 600;
}

.side-news {
  margin-bottom: 25px;
}
.side-news h3 {
  font-size: 20px;
  color: #111;
  font-weight: 700;
  line-height: 1;
}
.side-news ul {
  margin: 15px 0 0;
}
.side-news ul li {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.side-news ul li:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.side-news ul li .pic {
  width: 110px;
}
.side-news ul li .txt {
  flex: 1;
  margin-left: 10px;
  overflow: hidden;
}
.side-news ul li .txt h5 {
  font-size: 16px;
  font-weight: 600;
}

.side-newsbar {
}
.side-newsbar h6 {
  font-size: 16px;
  color: #111;
  font-weight: 700;
}
.side-newsbar h6 ~ h6 {
  margin-top: 10px;
}
.side-newsbar p {
  font-size: 16px;
  color: #444;
  line-height: 22px;
  margin: 5px 0 0;
}

/*------------------------------------------------------------*/

.distribution {
  padding: 80px 0;
  background: linear-gradient(
    rgba(255, 255, 255, 1),
    rgba(228, 229, 230, 0.75)
  );
}
.distribution h1 {
  font-size: 40px;
  color: #333;
  line-height: 1;
  font-weight: 700;
  text-align: center;
}
.distribution .txt {
  margin: 40px 0 0;
  line-height: 36px;
  font-size: 20px;
  color: #333;
}
.distribution .txt p ~ p {
  margin-top: 15px;
}
.distribution .bnts {
  margin: 60px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.distribution .bnts a {
  width: 49%;
  background: #ed1d24;
  padding: 0 30px;
  height: 280px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 36px;
  line-height: 1.8;
  color: #fff;
  font-weight: 600;
  transition: all 0.5s ease 0s;
}
.distribution .bnts a:first-child {
  border-radius: 35px 0 0 35px;
}
.distribution .bnts a:last-child {
  border-radius: 0 35px 35px 0;
}
.distribution .bnts a:hover {
  background: #bf0d12;
}
.distribution .bot {
  margin: 60px 0 0;
  line-height: 36px;
  font-size: 20px;
  color: #333;
}

.market {
  padding: 70px 0;
  background: #fff;
  border-bottom: 1px solid #f7f7f7;
}

.market .tit h3 {
  font-size: 40px;
  color: #333;
  line-height: 1;
  font-weight: 700;
}
.market .tit p {
  font-size: 16px;
  color: #666;
  line-height: 28px;
}
.market .tit p ~ p {
  margin-top: 20px;
}

.market .market-box {
  margin: 60px 0 0;
  display: flex;
  align-items: flex-start;
}
.market .global_adresses {
  width: 100%;
  margin: 60px 0 0;
}

.address-search {
  width: 600px;
  margin: 0 auto 20px;
}
.address-search form {
  width: 100%;
  position: relative;
}
.address-search .submit_text {
  width: 100%;
  background: #fff;
  height: 52px;
  line-height: 50px;
  border: 1px solid #ccc;
  color: #333;
  padding: 0 85px 0 15px;
  font-size: 18px;
  border-radius: 10px;
}
.address-search .submit_btn {
  width: 70px;
  height: 52px;
  line-height: 52px;
  background: #e02826;
  text-align: center;
  display: block;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 10px 10px 0;
}
.address-search .submit_btn i {
  font-size: 24px;
  color: #fff;
}

.market .global_adresses .item + .item {
  margin-top: 15px;
}
.market .global_adresses h4 {
  background: #f7f7f7;
  height: 44px;
  line-height: 44px;
  padding: 0 20px;
  font-size: 18px;
  color: #333;
  position: relative;
  cursor: pointer;
}
.market .global_adresses h4::after {
  font-family: "qico" !important;
  content: "\e699";
  position: absolute;
  right: 0;
  top: calc(50% - 15px);
  font-size: 15px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  transition: all 0.3s ease 0s;
}
.market .global_adresses h4.active::after {
  transform: rotate(180deg);
}

.market .global_adresses .list {
  background: #f5f5f5;
  padding: 20px;
  display: flex;
  position: relative;
  display: none;
}
.market .global_adresses .list ul {
  width: 250px;
}
.market .global_adresses .list ul + ul {
  border-left: 1px solid #d9d9d9;
  padding-left: 15px;
}
.market .global_adresses .list ul li {
  padding: 5px 0;
}
.market .global_adresses .list ul li span {
  color: #444;
  font-weight: 500;
  font-size: 15px;
  display: inline-block;
  cursor: pointer;
}
.market .global_adresses .list ul li span.active {
  color: #ed1d24;
}

.market .global_adresses .list ul li .detail {
  display: none;
  position: absolute;
  background: #fff;
  right: 20px;
  top: 20px;
  width: 400px;
  padding: 15px;
}
.market .global_adresses .list ul li .detail h5 {
  font-size: 15px;
  color: #000;
  font-weight: 500;
}
.market .global_adresses .list ul li .detail p {
  font-size: 14px;
  color: #000;
  margin: 10px 0 0;
}

.market .global {
  margin: 55px 0 0;
  position: relative;
}
.market .global .pic > img {
  width: 100%;
}

.market .global .box {
  position: absolute;
}

.market .global .box em {
  width: 10px;
  height: 10px;
  background: #ed1d24;
  border-radius: 50%;
  display: block;
  position: relative;
  cursor: pointer;
}
.market .global .box em img {
  position: relative;
  z-index: 10;
}
.market .global .box em::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  display: block;
  border-radius: 50%;
  background: rgba(238, 51, 32, 0.23);
  animation: scale2 1.5s linear infinite;
}

.market .global .box .nr {
  position: absolute;
  left: calc(50% - 230px);
  top: 50px;
  border-radius: 10px;
  z-index: 30;
  width: 460px;
  padding: 20px 20px;
  background: #fff;
  box-shadow: 0 0 20px rgba(1, 1, 1, 0.15);
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0);
  transform: scale(0);
  display: none;
}
.market .global .box .nr::before {
  content: "";
  position: absolute;
  left: calc(50% - 13px);
  margin: 0;
  top: -10px;
  overflow: hidden;
  display: inline-block;
  border-right: 13px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 13px solid transparent;
}

.market .global .box .nr h5 {
  font-size: 22px;
  color: #1c1b1b;
  font-weight: 600;
}
.market .global .box .nr ul {
  margin-top: 10px;
}
.market .global .box .nr ul li {
  font-size: 16px;
  color: #232323;
  line-height: 30px;
  background-repeat: no-repeat;
  background-position: left 5px;
  padding: 0 0 0 30px;
}
.market .global .box .nr ul li + li {
  margin-top: 5px;
}
.market .global .box .nr ul li:nth-of-type(1) {
  background-image: url(../images/c11.png);
}
.market .global .box .nr ul li:nth-of-type(2) {
  background-image: url(../images/c12.png);
}
.market .global .box .nr ul li:nth-of-type(3) {
  background-image: url(../images/c13.png);
}
.market .global .box .nr ul li:nth-of-type(4) {
  background-image: url(../images/c14.png);
}

.market .global .box:hover .nr {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.market .global .box1 {
  left: 13.24%;
  top: 23.28%;
}
.market .global .box2 {
  left: 17.18%;
  top: 38.3%;
}
.market .global .box3 {
  left: 20.44%;
  top: 52.42%;
}
.market .global .box4 {
  left: 25.43%;
  top: 69.72%;
}
.market .global .box5 {
  left: 41.19%;
  top: 19.21%;
}
.market .global .box6 {
  left: 43.72%;
  top: 30.28%;
}
.market .global .box7 {
  left: 45.87%;
  top: 28.24%;
}
.market .global .box8 {
  left: 47.78%;
  top: 31.81%;
}
.market .global .box9 {
  left: 49.45%;
  top: 29.77%;
}
.market .global .box10 {
  left: 51.11%;
  top: 29.77%;
}
.market .global .box11 {
  left: 50.43%;
  top: 37.91%;
}
.market .global .box12 {
  left: 52.59%;
  top: 34.35%;
}
.market .global .box13 {
  left: 55.17%;
  top: 32.32%;
}
.market .global .box14 {
  left: 55.85%;
  top: 46.31%;
}
.market .global .box15 {
  left: 56.1%;
  top: 48.35%;
}
.market .global .box16 {
  left: 59.36%;
  top: 50.38%;
}
.market .global .box17 {
  left: 53.08%;
  top: 81.17%;
}
.market .global .box18 {
  left: 66.44%;
  top: 48.35%;
}
.market .global .box19 {
  left: 76.54%;
  top: 20.74%;
}
.market .global .box20 {
  left: 82.33%;
  top: 40.84%;
}
.market .global .box21 {
  left: 80.73%;
  top: 56.87%;
}
.market .global .box22 {
  left: 76.35%;
  top: 64.5%;
}
.market .global .box23 {
  left: 80.73%;
  top: 64.5%;
}
.market .global .box24 {
  left: 84.36%;
  top: 79.13%;
}
.market .global .box25 {
  left: 94.64%;
  top: 87.66%;
}
.market .global .box26 {
  left: 24.4%;
  top: 58.4%;
}
.market .global .box27 {
  left: 28.4%;
  top: 53.4%;
}
.market .global .box28 {
  left: 22.4%;
  top: 55.4%;
}
.market .global .box29 {
  left: 25%;
  top: 64.7%;
}
.market .global .box30 {
  left: 23%;
  top: 58%;
}
.market .global .box31 {
  left: 58%;
  top: 64%;
}
.market .global .box32 {
  left: 57%;
  top: 70%;
}
.market .global .box33 {
  left: 55%;
  top: 66%;
}
.market .global .box34 {
  left: 49%;
  top: 58%;
}
.market .global .box35 {
  left: 46%;
  top: 59%;
}
.market .global .box36 {
  left: 45%;
  top: 59%;
}

.market h6 {
  margin: 60px 0 0;
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  background: #e02826;
  padding: 50px;
  line-height: 28px;
}

.market ul {
  margin: 30px 0 0;
  display: flex;
  justify-content: space-between;
}
.market ul li {
  width: 49%;
  position: relative;
}
.market ul li .pic {
  display: block;
  position: relative;
}
.market ul li .pic p {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 20px;
  font-size: 18px;
  color: #fff;
}
.market ul li .more {
  margin-top: 25px;
  background: #ed1d24;
  padding: 0 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  font-weight: 600;
  transition: all 0.5s ease 0s;
  border-radius: 35px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  width: 400px;
  margin: 0 auto;
}
.market ul li .more:hover {
  background: #bf0d12;
}

.market .bot {
  text-align: center;
  margin: 50px 0 0;
}
.market .bot h4 {
  font-size: 22px;
  color: #111;
  font-weight: 500;
}

/*
.market .list .box{position:absolute;}

.market .list .box em{width:18px;height:18px;background:#ED1D24;border-radius:50%;display:block;position:relative;cursor:pointer;}
.market .list .box em img{position:relative;z-index:10;}
.market .list .box em::before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;display:block;border-radius:50%;background:rgba(238,51,32,0.23);animation:scale2 1.5s linear infinite;}

.market .list .box .nr{position:absolute;left:calc(50% - 230px);top:50px;border-radius:10px;z-index:30;width:460px;padding:20px 20px;background:#fff;box-shadow:0 0 20px rgba(1,1,1,0.15);opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale(0);transform:scale(0);}
.market .list .box .nr::before{content:'';position:absolute;left:calc(50% - 13px);margin:0;top:-10px;overflow:hidden;display:inline-block;border-right:13px solid transparent;border-bottom:10px solid #fff;border-left:13px solid transparent;}

.market .list .box .nr h5{font-size:22px;color:#1c1b1b;font-weight:600;}
.market .list .box .nr ul{margin-top:10px;}
.market .list .box .nr ul li{font-size:16px;color:#232323;line-height:30px;background-repeat:no-repeat;background-position:left 5px;padding:0 0 0 30px;}
.market .list .box .nr ul li+li{margin-top:5px;}
.market .list .box .nr ul li:nth-of-type(1){background-image:url(../images/c11.png);}
.market .list .box .nr ul li:nth-of-type(2){background-image:url(../images/c12.png);}
.market .list .box .nr ul li:nth-of-type(3){background-image:url(../images/c13.png);}
.market .list .box .nr ul li:nth-of-type(4){background-image:url(../images/c14.png);}


.market .list .box:hover .nr{opacity:1;-webkit-transform:scale(1);transform:scale(1);}

.market .list .box1{left:13.24%;top:23.28%;}
.market .list .box2{left:17.18%;top:38.3%;}
.market .list .box3{left:20.44%;top:52.42%;}
.market .list .box4{left:25.43%;top:69.72%;}
.market .list .box5{left:41.19%;top:19.21%;}
.market .list .box6{left:43.72%;top:30.28%;}
.market .list .box7{left:45.87%;top:28.24%;}
.market .list .box8{left:47.78%;top:31.81%;}
.market .list .box9{left:49.45%;top:29.77%;}
.market .list .box10{left:51.11%;top:29.77%;}
.market .list .box11{left:50.43%;top:37.91%;}
.market .list .box12{left:52.59%;top:34.35%;}
.market .list .box13{left:55.17%;top:32.32%;}
.market .list .box14{left:55.85%;top:46.31%;}
.market .list .box15{left:56.1%;top:48.35%;}
.market .list .box16{left:59.36%;top:50.38%;}
.market .list .box17{left:53.08%;top:81.17%;}
.market .list .box18{left:66.44%;top:48.35%;}
.market .list .box19{left:76.54%;top:20.74%;}
.market .list .box20{left:82.33%;top:40.84%;}
.market .list .box21{left:80.73%;top:56.87%;}
.market .list .box22{left:76.35%;top:64.5%;}
.market .list .box23{left:80.73%;top:64.5%;}
.market .list .box24{left:84.36%;top:79.13%;}
.market .list .box25{left:94.64%;top:87.66%;}
*/

.rela-news {
  padding: 70px 0;
  background: #f7f7f7;
}
.rela-news .tit {
  text-align: center;
}
.rela-news .tit h3 {
  font-size: 40px;
  color: #333;
  font-weight: 700;
  line-height: 1;
}
.rela-news .tit p {
  font-size: 17px;
  color: #666;
  margin: 20px 0 0;
}

.rela-news .list {
  margin: 60px 0 0;
  position: relative;
}
.rela-news .list .swiper-slide .box {
  height: 100%;
  padding: 5px 5px 20px;
  text-align: center;
  background: #f4f5f7;
  border-radius: 15px;
}
.rela-news .list .swiper-slide .pic {
  width: 100%;
  display: block;
}
.rela-news .list .swiper-slide h5 {
  font-size: 18px;
  color: #333;
  font-weight: 500;
  line-height: 28px;
  margin: 20px 0 0;
}

.rela-news .swiper-button-prev,
.rela-news .swiper-button-next {
  width: 50px;
  height: 50px;
  background: transparent;
  color: #e02826;
  top: calc(((100% - 76px) / 2) - 25px);
  margin-top: 0;
  text-align: center;
}
.rela-news .swiper-button-prev::after,
.rela-news .swiper-button-next::after {
  display: none;
}
.rela-news .swiper-button-prev i,
.rela-news .swiper-button-next i {
  font-size: 40px;
  line-height: 50px;
  color: inherit;
}
.rela-news .swiper-button-prev,
.rela-news .swiper-container-rtl .swiper-button-next {
  left: -60px;
  right: auto;
}
.rela-news .swiper-button-next,
.rela-news .swiper-container-rtl .swiper-button-prev {
  right: -60px;
  left: auto;
}
.rela-news .swiper-button-prev:hover,
.rela-news .swiper-button-next:hover {
  opacity: 0.7;
}

.rela-news .swiper-pagination {
  position: static;
  width: 100%;
  margin-top: 25px;
  display: none;
  justify-content: center;
  align-items: center;
}
.rela-news .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  margin: 0 4px;
  background: #c8c8c8;
  border-radius: 50%;
  opacity: 1;
  position: relative;
}
.rela-news .swiper-pagination-bullet-active {
  width: 14px;
  height: 14px;
  border: 4px solid #ea5413;
  background: #fff;
}

.rela-news .bot {
  text-align: center;
  margin: 50px 0 0;
  background: #e02826;
  padding: 50px;
}
.rela-news .bot h4 {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  line-height: 28px;
}

.rela-case {
  padding: 70px 0;
  background: #f7f7f7;
}
.rela-case .tit {
  text-align: center;
}
.rela-case .tit h3 {
  font-size: 40px;
  color: #333;
  font-weight: 700;
  line-height: 1;
}
.rela-case .tit p {
  font-size: 17px;
  color: #666;
  margin: 20px 0 0;
}

.rela-case .list {
  margin: 60px 0 0;
  position: relative;
}
.rela-case .list .swiper-slide .box {
  height: 100%;
  padding: 5px 5px 20px;
  text-align: center;
  background: #f4f5f7;
  border-radius: 15px;
}
.rela-case .list .swiper-slide .pic {
  width: 100%;
  display: block;
  position: relative;
}
.rela-case .list .swiper-slide .t {
  position: absolute;
  background: rgba(0, 0, 0, 0.78);
  z-index: 10;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.rela-case .list .swiper-slide .t h5 {
  font-size: 20px;
  color: #fff;
  padding: 15px 5px;
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  opacity: 0;
}

.rela-case .list .swiper-slide:hover .t {
  opacity: 1;
}
.rela-case .list .swiper-slide:hover .t h5 {
  opacity: 1;
}

.rela-case .swiper-button-prev,
.rela-case .swiper-button-next {
  width: 50px;
  height: 50px;
  background: transparent;
  color: #e02826;
  margin-top: -25px;
  text-align: center;
}
.rela-case .swiper-button-prev i,
.rela-case .swiper-button-next i {
  font-size: 40px;
  line-height: 50px;
  color: inherit;
}
.rela-case .swiper-button-prev,
.rela-case .swiper-container-rtl .swiper-button-next {
  left: -60px;
  right: auto;
}
.rela-case .swiper-button-next,
.rela-case .swiper-container-rtl .swiper-button-prev {
  right: -60px;
  left: auto;
}
.rela-case .swiper-button-prev:hover,
.rela-case .swiper-button-next:hover {
  opacity: 0.7;
}

.rela-case .swiper-pagination {
  position: static;
  width: 100%;
  margin-top: 25px;
  display: none;
  justify-content: center;
  align-items: center;
}
.rela-case .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  margin: 0 4px;
  background: #c8c8c8;
  border-radius: 50%;
  opacity: 1;
  position: relative;
}
.rela-case .swiper-pagination-bullet-active {
  width: 14px;
  height: 14px;
  border: 4px solid #e02826;
  background: #fff;
}

/*------------------------------------------------------------*/

.partnership {
  padding: 80px 0;
  background: #f7f7f7;
}
.partnership h1 {
  font-size: 40px;
  color: #333;
  line-height: 1;
  font-weight: 700;
  text-align: center;
}
.partnership .txt {
  margin: 40px 0 0;
  line-height: 36px;
  font-size: 20px;
  color: #333;
}
.partnership .txt p {
  margin-bottom: 15px;
}

.partnership-inquiry {
  padding: 60px 0;
}
.partnership-inquiry .tit {
  text-align: center;
  background: #e02826;
  padding: 50px;
  margin-bottom: 30px;
}
.partnership-inquiry .tit h5 {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  line-height: 28px;
}
.partnership-inquiry h3 {
  font-size: 26px;
  color: #333;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}
.partnership-inquiry .inquirbox {
  margin: 30px 0 0;
}
.partnership-inquiry .inquirbox .row {
  margin-bottom: 17px;
  text-align: center;
}
.partnership-inquiry .inquirbox input[type="text"],
.partnership-inquiry .inquirbox textarea {
  padding: 12px 25px;
  color: #333;
  border: 1px solid #eee;
  background: #fafafa;
  font-size: 16px;
}
.partnership-inquiry .inquirbox .submit {
  width: 175px;
  height: 48px;
  line-height: 48px;
  font-size: 15px;
  color: #fff;
  background: var(--btn-bg);
  font-weight: bold;
  display: block;
  border-radius: 40px;
  margin: 0 auto;
}
.partnership-inquiry .inquirbox .submit:hover {
  opacity: 0.7;
}

.partnership-inquiry .bot {
  text-align: center;
  margin: 30px 0 0;
}
.partnership-inquiry .bot h5 {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  line-height: 28px;
}

/*------------------------------------------------------------*/

.guideline {
  padding: 80px 0;
  background: #fff;
}
.guideline h2 {
  font-size: 40px;
  color: #333;
  line-height: 1;
  font-weight: 700;
  text-align: center;
}
.guideline .txt {
  margin: 40px 0 0;
  line-height: 36px;
  font-size: 20px;
  color: #333;
}
.guideline .txt p {
  margin-bottom: 15px;
}
.guideline ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.guideline ul li {
  width: 49%;
  display: flex;
  border: 1px solid #eee;
  padding: 30px 20px;
  margin: 15px 0;
}
.guideline ul li .ico {
  width: 90px;
  text-align: center;
}
.guideline ul li .t {
  flex: 1;
  margin-left: 30px;
}
.guideline ul li .t h5 {
  font-size: 18px;
  color: #111;
  font-weight: 600;
}
.guideline ul li .t p {
  margin: 15px 0 0;
  font-size: 16px;
  color: #333;
}
.guideline .bnts {
  margin: 50px auto 0;
  text-align: center;
}
.guideline .bnts p {
  font-size: 20px;
  color: #333;
  margin-bottom: 25px;
}
.guideline .bnts a {
  background: #ed1d24;
  padding: 0 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  font-weight: 600;
  transition: all 0.5s ease 0s;
  border-radius: 35px;
}
.guideline .bnts a:hover {
  background: #bf0d12;
}

.guideline2 {
  padding: 80px 0;
  background: #fff;
}
.guideline2 h2 {
  font-size: 40px;
  color: #333;
  line-height: 1;
  font-weight: 700;
  text-align: center;
}
.guideline2 .txt {
  margin: 40px 0 0;
  line-height: 28px;
  font-size: 16px;
  color: #666;
}
.guideline2 .txt p {
  margin-bottom: 15px;
}
.guideline2 ul {
  margin: 40px -15px 0;
  display: flex;
  flex-wrap: wrap;
}
.guideline2 ul li {
  width: 25%;
  padding: 15px;
  text-align: center;
}
.guideline2 ul li .box {
  padding: 35px 20px;
  height: 100%;
  background-color: #f8f8f8;
  text-align: center;
}
.guideline2 ul li img {
  /*height:90px;*/
}
.guideline2 ul li h5 {
  font-size: 18px;
  color: #000;
  font-weight: bold;
  margin: 20px 0 0;
}
.guideline2 ul li p {
  font-size: 16px;
  color: #111;
  margin: 25px 0 0;
  line-height: 28px;
}
.guideline2 ul li span {
  font-weight: bold;
  color: #e60012;
}

.guideline2 .bnts {
  margin: 50px auto 0;
  text-align: center;
}
.guideline2 .bnts p {
  font-size: 20px;
  color: #333;
  margin-bottom: 25px;
}
.guideline2 .bnts a {
  background: #ed1d24;
  padding: 0 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  font-weight: 600;
  transition: all 0.5s ease 0s;
  border-radius: 35px;
}
.guideline2 .bnts a:hover {
  background: #bf0d12;
}

/*------------------------------------------------------------*/

.tiered {
  padding: 80px 0;
  background: #f7f7f7;
}
.tiered h3 {
  font-size: 40px;
  color: #333;
  line-height: 1;
  font-weight: 700;
  text-align: center;
}
.tiered .txt {
  margin: 40px 0 0;
  line-height: 36px;
  font-size: 20px;
  color: #333;
}

.tiered .list {
  margin: 30px 0 0;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.tiered .list .item {
  width: 32%;
  background: #1f262c;
  border-radius: 10px;
  padding: 0 40px;
}

.tiered .list .item .tit {
  padding: 25px 0;
  border-bottom: 3px solid #e02826;
  display: flex;
  align-items: center;
}
.tiered .list .item .tit img {
  width: 100px;
}
.tiered .list .item .tit h5 {
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  margin-left: 30px;
  flex: 1;
}

.tiered .list .item .content {
  padding: 25px 0;
  height: 100%;
  font-size: 18px;
  color: #fff;
  line-height: 24px;
}
.tiered .list .item .content p {
  background: url(../images/dot7.png) no-repeat left 6px;
  padding: 0 0 0 30px;
  background-size: 18px;
}
.tiered .list .item .content p ~ p {
  margin-top: 15px;
}

.tiered table {
  margin-top: 30px;
  width: 100%;
  line-height: 28px;
  color: #111;
  font-size: 18px;
}

.tiered table tr th {
  width: 25%;
  height: 160px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.tiered table tr th:nth-child(1) {
  background: #bbbbbb;
  font-size: 36px;
  font-weight: 600;
  color: #000;
  border-radius: 30px 0 0 0;
}
.tiered table tr th:nth-child(2) {
  background: #bbbbbb;
}
.tiered table tr th:nth-child(3) {
  background: #bbbbbb;
  border-radius: 0 30px 0 0;
}
.tiered table tr th:nth-child(4) {
  background: #ff942c;
}

.tiered table tr th em {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  margin-top: 5px;
}
.tiered table tr th p {
  font-size: 18px;
  font-weight: 300;
}
.tiered table tr td {
  line-height: 24px;
  padding: 25px 40px;
  font-size: 18px;
  color: #202020;
  border-bottom: 1px solid #e7e7e7;
}
.tiered table tr td:nth-child(1) {
  background: #faf2eb;
  color: #616060;
  text-align: left;
}
.tiered table tr td:nth-child(2) {
  background: #faf2eb;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}
.tiered table tr td:nth-child(3) {
  background: #faf2eb;
  border-right: 1px solid #e7e7e7;
}
.tiered table tr td:nth-child(4) {
  background: #f9f6f4;
}
.tiered table tr td h5 {
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
  color: #111;
  text-align: center;
}
.tiered table tr td p {
  position: relative;
  padding: 0 0 0 15px;
}
.tiered table tr td p::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #e02826;
  position: absolute;
  left: 0px;
  top: 8px;
}

.tiered .bnts {
  margin: 60px 0 0;
  text-align: center;
}
.tiered .bnts p {
  font-size: 20px;
  color: #333;
}
.tiered .bnts a {
  margin-top: 20px;
  background: #ed1d24;
  padding: 0 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  font-weight: 600;
  transition: all 0.5s ease 0s;
  border-radius: 35px;
}
.tiered .bnts a:hover {
  background: #bf0d12;
}

/*------------------------------------------------------------*/

.faq {
}
.faq ul li {
  border: 1px solid #dcdcdc;
  padding: 15px;
}
.faq ul li ~ li {
  margin-top: 20px;
}
.faq ul li .tit {
  overflow: hidden;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.faq ul li .tit span {
  width: 40px;
  line-height: 40px;
  height: 40px;
  font-size: 18px;
  color: #1b1c1c;
  border-radius: 50%;
  display: block;
  text-align: center;
  font-weight: 600;
}
.faq ul li .tit h4 {
  flex: 1;
  font-size: 18px;
  color: #1b1c1c;
  font-weight: 600;
  margin: 0 40px 0 10px;
}
.faq ul li .tit::after {
  position: absolute;
  right: 0;
  top: 6px;
  content: "\e639";
  font-family: "qico";
  font-size: 24px;
  height: 24px;
  color: #878787;
  transition: transform 0.3s ease;
}

.faq ul li .con {
  padding: 15px 0 0;
  display: none;
  overflow: hidden;
}
.faq ul li .con span {
  float: left;
  width: 40px;
  line-height: 40px;
  height: 40px;
  font-size: 18px;
  color: #666;
  display: block;
  text-align: center;
  font-weight: 600;
}
.faq ul li .con .t {
  margin: 0 0 0 50px;
  padding: 7px 0 0;
  font-size: 17px;
  line-height: 24px;
  color: #666;
}

.faq ul li.active {
  box-shadow: 0 0 10px rgba(63, 62, 62, 0.15);
}
.faq ul li.active .tit::after {
  color: var(--active-color);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.faq ul li.active .tit span,
.faq ul li.active .tit h4 {
  color: var(--active-color);
}

.email-box input {
  padding: 10px 10px;
  font-size: 14px;
  border: 1px solid #d9d9d9;
  width: 100%;
  line-height: 20px;
  text-align: left;
  color: #333;
  box-sizing: border-box;
}
.email-box p ~ p {
  margin-top: 15px;
}

.down-index ul {
  margin: -20px -20px 0;
  display: flex;
  flex-wrap: wrap;
}
.down-index ul li {
  width: 50%;
  padding: 20px;
}
.down-index ul li .box {
  background: #f4f5f7;
  display: flex;
  align-items: center;
  padding: 30px;
}
.down-index ul li .pic {
  width: 35%;
}
.down-index ul li .pic img {
}
.down-index ul li .txt {
  flex: 1;
  margin-left: 40px;
  text-align: center;
}
.down-index ul li .txt h5 {
  font-size: 24px;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
}
.down-index ul li .txt .more {
  width: 200px;
  height: 50px;
  line-height: 48px;
  display: inline-block;
  margin: 25px 0 0;
  border: 1px solid #e02826;
  color: #e02826;
  font-weight: 17px;
  font-weight: 600;
}
.down-index ul li .txt .more:hover {
  background: #e02826;
  color: #fff;
}

.down-index ul li:hover h5 {
  color: var(--active-color);
}

.down-list {
}
.down-list .tit h5 {
  font-size: 26px;
  color: #111;
  font-weight: 500;
  line-height: 1.7;
  text-align: center;
}
.down-list .tit .box {
  width: 800px;
  margin: 40px auto 0;
  position: relative;
}
.down-list .tit .box form {
  display: flex;
  align-items: center;
}
.down-list .tit .submit_text {
  flex: 1;
  background: #fff;
  height: 60px;
  line-height: 58px;
  border: 1px solid #e2e2e2;
  border-right: none;
  border-radius: 10px 0 0 10px;
  color: #333;
  padding: 0 25px;
  font-size: 18px;
}
.down-list .tit .submit_btn {
  width: 140px;
  height: 60px;
  line-height: 60px;
  background: #e02826;
  color: #fff;
  text-align: center;
  display: block;
  cursor: pointer;
  border-radius: 0 10px 10px 0;
}
.down-list .tit .submit_btn i {
  font-size: 35px;
}

.down-list ul {
  margin: 45px -15px 0;
  display: flex;
  flex-wrap: wrap;
}
.down-list ul li {
  width: 33.33333%;
  padding: 15px;
}
.down-list ul li .box {
  background: #f7f8fa;
  padding: 30px;
}
.down-list ul li .box h5 {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  margin: 8px 0 0;
}
.down-list ul li .box .more {
  display: inline-block;
  margin: 40px 0 0;
  width: 150px;
  line-height: 38px;
  border-radius: 40px;
  font-size: 16px;
  color: #e02826;
  background: #fff;
  border: 2px solid #e02826;
  text-align: center;
}
.down-list ul li .box .more i {
  font-size: 22px;
  margin-right: 8px;
  vertical-align: middle;
}
.down-list ul li .box .more:hover {
  background: var(--active-color);
  color: #fff;
}
.down-list ul li:hover {
}

.down-part-list ul {
  margin: 30px -30px 0;
  display: flex;
  flex-wrap: wrap;
}
.down-part-list ul li {
  width: 25%;
  padding: 30px;
}
.down-part-list ul li .box {
  padding: 0 15px;
  text-align: center;
}
.down-part-list ul li .pic {
  display: block;
}
.down-part-list ul li h5 {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  margin: 20px 0 0;
  word-break: break-word;
  height: 44px;
  overflow: hidden;
}
.down-part-list ul li .more {
  display: inline-block;
  margin: 20px 0 0;
  width: 220px;
  line-height: 48px;
  border-radius: 40px;
  font-size: 16px;
  background: var(--active-color);
  color: #fff;
  text-align: center;
}
.down-part-list ul li .more i {
  font-size: 22px;
  margin-right: 8px;
  vertical-align: middle;
}
.down-part-list ul li .more:hover {
  background: var(--btn-bg-hover);
}
.down-part-list ul li:hover {
}

.down-part-from h5 {
  font-size: 18px;
  color: #000;
  font-weight: 600;
  margin-bottom: 15px;
  text-align: center;
}

.down-part-from {
  width: 600px;
  margin: 0 auto 20px;
}
.down-part-from form {
  width: 100%;
  position: relative;
}
.down-part-from form input {
  width: 100%;
  background: #fff;
  height: 52px;
  line-height: 50px;
  border: 1px solid #ccc;
  color: #333;
  padding: 0 85px 0 15px;
  font-size: 18px;
  border-radius: 10px;
}
.down-part-from form button {
  width: 70px;
  height: 52px;
  line-height: 52px;
  background: #e02826;
  text-align: center;
  display: block;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 10px 10px 0;
}
.down-part-from form button i {
  font-size: 24px;
  color: #fff;
}

.down-list2 ul {
  margin: -15px -15px 0;
  display: flex;
  flex-wrap: wrap;
}
.down-list2 ul li {
  width: 50%;
  padding: 15px;
}
.down-list2 ul li .box {
  background: #f7f8fa;
  display: flex;
  align-items: center;
}
.down-list2 ul li .pic {
  width: 40%;
}
.down-list2 ul li .txt {
  flex: 1;
  padding: 0 30px;
}
.down-list2 ul li .box h5 {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  margin: 8px 0 0;
}
.down-list2 ul li .box .more {
  display: inline-block;
  margin: 40px 0 0;
  width: 150px;
  line-height: 38px;
  border-radius: 40px;
  font-size: 16px;
  color: #e02826;
  background: #fff;
  border: 2px solid #e02826;
  text-align: center;
}
.down-list2 ul li .box .more i {
  font-size: 22px;
  margin-right: 8px;
  vertical-align: middle;
}
.down-list2 ul li .box .more:hover {
  background: var(--active-color);
  color: #fff;
}
.down-list2 ul li:hover {
}

.down-list3 {
}
.down-list3 .tit {
  text-align: center;
}
.down-list3 .tit h5 {
  font-size: 26px;
  color: #111;
  font-weight: 500;
  line-height: 1.7;
  text-align: center;
}
.down-list3 .tit p {
  font-size: 17px;
  margin: 15px 0 0;
  line-height: 333;
  line-height: 28px;
}
.down-list3 .tit a {
  background: var(--btn-bg);
  margin: 28px 0 0;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding: 0 40px;
  text-align: center;
  line-height: 55px;
  border-radius: 25px;
  display: inline-block;
}
.down-list3 .tit a:hover {
  background: var(--btn-bg-hover);
}

.down-list3 .tit .box {
  width: 800px;
  margin: 40px auto 0;
  position: relative;
}
.down-list3 .tit .box form {
  display: flex;
  align-items: center;
}
.down-list3 .tit .submit_text {
  flex: 1;
  background: #fff;
  height: 60px;
  line-height: 58px;
  border: 1px solid #e2e2e2;
  border-right: none;
  border-radius: 10px 0 0 10px;
  color: #333;
  padding: 0 25px;
  font-size: 18px;
}
.down-list3 .tit .submit_btn {
  width: 140px;
  height: 60px;
  line-height: 60px;
  background: #e02826;
  color: #fff;
  text-align: center;
  display: block;
  cursor: pointer;
  border-radius: 0 10px 10px 0;
}
.down-list3 .tit .submit_btn i {
  font-size: 35px;
}
.down-list3 ul {
  margin: 43px -7px 0;
  display: flex;
  flex-wrap: wrap;
}
.down-list3 ul li {
  width: 25%;
  padding: 7px;
}
.down-list3 ul li .box {
  background: #f7f8fa;
  padding: 30px;
}
.down-list3 ul li .box h5 {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  margin: 8px 0 0;
}
.down-list3 ul li .box .more {
  display: inline-block;
  margin: 40px 0 0;
  width: 150px;
  line-height: 38px;
  border-radius: 40px;
  font-size: 16px;
  color: #e02826;
  background: #fff;
  border: 2px solid #e02826;
  text-align: center;
}
.down-list3 ul li .box .more i {
  font-size: 22px;
  margin-right: 8px;
  vertical-align: middle;
}
.down-list3 ul li .box .more:hover {
  background: var(--active-color);
  color: #fff;
}
.down-list3 ul li:hover {
}

.manual_view {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
}
.manual_view .box h1 {
  font-size: 26px;
  line-height: 1;
  color: #333;
  font-weight: 700;
}
.manual_view .pic {
  /*! width:550px;box-shadow: 0 0 10px rgba(63,62,62,0.15);border-radius: 10px; */
  border-top: 2px solid var(--active-color);
  border-bottom: 2px solid var(--active-color);
  margin-top: 15px;
}
.manual_view .pic img {
  /*! width:100%; */
}

.manual_view .txt {
  flex: 1;
  margin-left: 60px;
}
.manual_view .txt h1 {
  font-size: 26px;
  line-height: 1;
  color: #333;
  font-weight: 700;
}
.manual_view .txt hr {
  height: 1px;
  width: 100%;
  background: #ededed;
  margin: 20px 0;
}
.manual_view .txt p {
  font-size: 17px;
  color: #333;
  font-weight: 600;
}
.manual_view .txt .list {
  margin: 30px 0 0;
}
.manual_view .txt .list ul {
}
.manual_view .txt .list ul li {
  background: url(../images/down.png) no-repeat left 0;
  padding: 0 0 0 40px;
  color: #e02826;
  line-height: 28px;
  font-size: 18px;
}
.manual_view .txt .list ul li + li {
  margin-top: 20px;
}
.manual_view .txt .list ul li:hover a {
  text-decoration: underline;
}

.orther-list ul {
}
.orther-list ul li {
  background: url(../images/down.png) no-repeat left 0;
  padding: 0 0 0 40px;
  color: #e02826;
  line-height: 28px;
  font-size: 18px;
}
.orther-list ul li + li {
  margin-top: 20px;
}
.orther-list ul li:hover a {
  text-decoration: underline;
}

/*------------------------------------------------------------*/

.rtit {
  text-align: center;
}
.rtit h1,
.rtit h3 {
  font-size: 40px;
  color: #333;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}
.rtit h1::after,
.rtit h3::after {
  content: "";
  background: var(--active-color);
  width: 50px;
  height: 4px;
  margin: 20px auto 0;
  display: none;
}

.privacy {
  font-size: 17px;
  line-height: 24px;
  margin: 40px 0 0;
}
.privacy h5 {
  padding: 25px 0 10px;
  display: block;
  color: #000;
  font-weight: 400;
  font-weight: 600;
}
.privacy h5 span {
  padding-right: 10px;
}
.privacy h3 {
  font-size: 40px;
  line-height: 1;
  color: #000;
  text-align: center;
  margin-bottom: 50px;
  font-weight: 700;
}
.privacy p {
  line-height: 28px;
  font-size: 16px;
  color: #111;
  margin-bottom: 10px;
}
.privacy p i {
  margin: 0 8px;
}
.privacy p strong {
  font-weight: bold;
}

.privacy ul {
  list-style-type: upper-alpha;
  margin: 0 0 20px 20px;
}
.privacy ul > li {
  line-height: 28px;
  font-size: 16px;
  color: #111;
  padding-left: 15px;
}
.privacy ul > li::marker {
  margin-right: 15px;
}
.privacy ul > li ol li::marker {
  margin-right: 15px;
}
.privacy ul > li ol li {
  margin: 5px 0 0;
}
.privacy ul > li ol li span {
  padding-right: 15px;
}

.privacy-down h5 {
  padding: 0 0 10px;
  display: block;
  color: #000;
  font-weight: 400;
  font-weight: 600;
}

.privacy-down {
  font-size: 17px;
  line-height: 24px;
  margin: 40px 0 0;
}
.privacy-down ul {
}
.privacy-down ul li {
  background: url(../images/down.png) no-repeat left center;
  font-size: 16px;
  color: #111;
  padding: 0 0 0 40px;
  line-height: 30px;
}
.privacy-down ul li + li {
  margin-top: 15px;
}

/*------------------------------------------------------------*/

.pro-index {
  padding: 80px 0;
}
.pro-index .tit {
  text-align: center;
}
.pro-index .tit h3 {
  font-size: 34px;
  color: #333;
  font-weight: 700;
  line-height: 1;
}
.pro-index .tit p {
  margin: 15px 0 0;
  font-size: 17px;
  color: #666;
  line-height: 36px;
}

.pro-index ul {
  margin: 40px -15px 0;
  display: flex;
  flex-wrap: wrap;
}
.pro-index ul li {
  width: calc(100% / 4);
  padding: 20px 15px;
}
.pro-index ul li .box {
  height: 100%;
  text-align: center;
}
.pro-index ul li .pic {
  width: 100%;
  display: block;
  border: 1px solid #edeff1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pro-index ul li .pic img {
  max-height: 100%;
}
.pro-index ul li h5 {
  font-size: 18px;
  color: #333;
  font-weight: 500;
  line-height: 28px;
  margin: 15px 0 0;
}

.pro-list2 {
  padding: 65px 0;
  position: relative;
}
.pro-list2 h3 {
  font-size: 40px;
  color: #333;
  line-height: 1;
  font-weight: 700;
  text-align: center;
}
.pro-list2 .top {
  display: flex;
  justify-content: space-between;
}
.pro-list2 .t {
  width: 45%;
}
.pro-list2 .t h3 {
  font-size: 34px;
  color: #333;
  font-weight: 700;
  line-height: 1;
  position: relative;
  z-index: 20;
}
.pro-list2 .t h3::after {
  display: block;
  content: "";
  width: 80px;
  height: 2px;
  background: #ed1d24;
  margin: 20px auto 0 0;
}
.pro-list2 .t .more1 {
  margin: 34px 0 0;
}
.pro-list2 .top .txt {
  flex: 1;
  margin-left: 15px;
  font-size: 17px;
  color: #666;
  line-height: 36px;
}

.pro-list2 ul {
  margin: 45px -20px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pro-list2 ul li {
  width: 33.3333%;
  padding: 15px 20px;
}
.pro-list2 ul li > a {
  position: relative;
  overflow: hidden;
  display: block;
}
.pro-list2 ul li img {
  display: block;
  width: 100%;
}
.pro-list2 ul li .txt {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 105;
  padding: 0 34px 29px;
  transition: opacity 0.2s, transform 0.35s;
  display: flex;
  justify-content: flex-end;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.pro-list2 ul li .txt::after {
  content: "";
  background: rgba(237, 29, 36, 0.85);
  height: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s ease 0s;
}
.pro-list2 ul li .txt > * {
  position: relative;
  z-index: 10;
}
.pro-list2 ul li .txt h6 {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
.pro-list2 ul li .txt p {
  font-size: 15px;
  color: #fff;
  line-height: 28px;
  height: 0;
  overflow: hidden;
  transition: all 0.5s ease 0s;
  margin: 15px 0 0;
}
.pro-list2 ul li .txt .more {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  margin: 25px 0 0;
}
.pro-list2 ul li .txt .more i {
  color: #fff;
  font-size: 12px;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  border: 1px solid #fff;
  line-height: 24px;
  display: inline-block;
  text-align: center;
  margin-right: 20px;
}

@media screen and (min-width: 1171px) {
  .pro-list2 ul li:hover .txt::after {
    height: 100%;
  }
  .pro-list2 ul li:hover .txt p {
    height: 112px;
  }
  .pro-list2 ul li:hover .more i {
    background: #fff;
    color: #ed1d24;
    border-color: #fff;
  }
}

.pro-list3 {
  padding: 50px 0;
}
.pro-list3 .top {
  display: flex;
  justify-content: space-between;
}
.pro-list3 .t {
  width: 45%;
}
.pro-list3 .t h3 {
  font-size: 34px;
  color: #333;
  font-weight: 700;
  line-height: 1;
  position: relative;
  z-index: 20;
}
.pro-list3 .t h3::after {
  display: block;
  content: "";
  width: 80px;
  height: 2px;
  background: #ed1d24;
  margin: 20px auto 0 0;
}
.pro-list3 .t a {
  margin: 34px 0 0;
}
.pro-list3 .top .txt {
  flex: 1;
  margin-left: 15px;
  font-size: 17px;
  color: #666;
  line-height: 36px;
}

.pro-list3 ul {
  margin: 45px -19px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pro-list3 ul li {
  width: 50%;
  padding: 15px 19px;
}
.pro-list3 ul li .item {
  display: flex;
  padding: 38px;
  border: 1px solid #e9e9e9;
  cursor: pointer;
}
.pro-list3 ul li .ico {
  width: 88px;
  height: 88px;
  background: #ed1d24;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pro-list3 ul li .ico img {
}
.pro-list3 ul li .txt {
  flex: 1;
  margin-left: 40px;
}
.pro-list3 ul li .txt h6 {
  font-size: 22px;
  font-weight: 700;
  color: #333;
  line-height: 1;
}
.pro-list3 ul li .txt p {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  margin: 23px 0 0;
}

.pro-list3 ul li:hover .item {
  border-color: #ed1d24;
  background: #ed1d24;
}
.pro-list3 ul li:hover .ico {
  background: rgba(255, 255, 255, 0.26);
}
.pro-list3 ul li:hover .txt h6,
.pro-list3 ul li:hover .txt p {
  color: #fff;
}

.pro-index5 {
  padding: 40px 0 60px 0;
}

.pro-index5 .t {
  text-align: center;
}
.pro-index5 .t h3 {
  font-size: 40px;
  color: #333;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}
.pro-index5 .t a {
  margin: 34px 0 0;
}
.pro-index5 .t p {
  margin: 20px 0 0;
  line-height: 32px;
  font-size: 17px;
  color: #666;
}

.pro-index5 .txt {
  margin: 50px 0 0;
}
.pro-index5 .txt ul {
}
.pro-index5 .txt ul li {
  border: 1px solid #e9e9e9;
  padding: 30px 30px 30px 30px;
  position: relative;
}
.pro-index5 .txt ul li + li {
  margin-top: 20px;
}
.pro-index5 .txt ul li .star {
}
.pro-index5 .txt ul li .star i {
  font-size: 22px;
  color: #ed1d24;
}
.pro-index5 .txt ul li p {
  margin: 20px 0 0;
  font-size: 16px;
  color: #666;
  line-height: 29px;
}
.pro-index5 .txt ul li p:nth-of-type(1) {
  font-size: 17px;
  color: #999;
  font-weight: 600;
}
.pro-index5 .txt ul li p:nth-of-type(1) span {
  margin-right: 35px;
  color: #333;
}
.pro-index5 .txt ul li .ico {
  position: absolute;
  top: 20px;
  width: 82px;
  left: -41px;
}
.pro-index5 .txt ul li .ico img {
  border-radius: 50%;
}

.pro-index6 {
  padding: 60px 0 100px;
}
.pro-index6 .top {
  display: flex;
  justify-content: space-between;
}
.pro-index6 .t {
  width: 45%;
}
.pro-index6 .t h3 {
  font-size: 34px;
  color: #333;
  font-weight: 700;
  line-height: 1;
  position: relative;
  z-index: 20;
}
.pro-index6 .t h3::after {
  display: block;
  content: "";
  width: 80px;
  height: 2px;
  background: #ed1d24;
  margin: 20px auto 0 0;
}
.pro-index6 .t a {
  margin: 34px 0 0;
}
.pro-index6 .top .txt {
  flex: 1;
  margin-left: 15px;
  font-size: 17px;
  color: #666;
  line-height: 36px;
}
.pro-index6 ul {
  margin: 60px -12px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pro-index6 ul li {
  width: 25%;
  padding: 0 12px;
}
.pro-index6 ul li .box {
  background: #ed1d24;
  padding: 50px 40px;
  height: 100%;
}
.pro-index6 ul li h5 {
  margin: 30px 0 0;
  line-height: 1;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
}
.pro-index6 ul li p {
  margin: 20px 0 0;
  line-height: 26px;
  font-size: 17px;
  color: #fff;
}
.pro-index6 ul li:hover .box {
  border-color: #ed1d24;
}

/*------------------------------------------------------------*/

.main-left {
  float: left;
  width: 300px;
}
.main-right {
  margin-left: 340px;
}

.main-left h3 {
  height: 50px;
  line-height: 50px;
  padding: 0 0 0 20px;
  background: var(--active-color);
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
}
.main-left h3::after {
  display: none;
  font-family: "qico";
  content: "\e727";
  position: absolute;
  right: 0;
  top: 5px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  text-align: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.main-left h3.active::after {
  -webkit-transform: rotate(45deg) scale(1.08);
  -ms-transform: rotate(45deg) scale(1.08);
  transform: rotate(45deg) scale(1.08);
}

.sidemenu {
  margin: 0 0 20px;
}
.sidemenu > ul {
}
.sidemenu > ul > li {
  border: 1px solid #eaeaea;
  margin-top: 5px;
}
.sidemenu > ul > li h5 {
  height: 45px;
  line-height: 45px;
  display: block;
  padding: 0 0 0 20px;
  font-size: 18px;
  color: #333;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  text-transform: capitalize;
}
.sidemenu > ul > li h5 a {
  display: block;
  padding: 0 40px 0 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sidemenu > ul > li h5 a:hover {
  color: var(--active-color);
}
.sidemenu > ul > li h5 span {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 45px;
  display: block;
  text-align: center;
  transition: all 0.3s ease 0s;
}
.sidemenu > ul > li h5 span::after {
  font-family: "qico";
  content: "\e699";
  font-size: 18px;
  display: inline-block;
  transition: all 0.3s ease 0s;
}

.sidemenu > ul > li ul {
  display: none;
}
.sidemenu > ul > li ul li {
  line-height: 24px;
  border-bottom: 2px solid #f1f1f3;
  background: #fff;
  margin: 0 20px;
  position: relative;
}
.sidemenu > ul > li ul li:last-child {
  border-bottom: none;
}
.sidemenu > ul > li ul li > span {
  position: absolute;
  top: 2px;
  right: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
.sidemenu > ul > li ul li > span::after {
  font-family: "qico";
  content: "\e699";
  font-size: 18px;
  display: inline-block;
  transition: all 0.3s ease 0s;
}
.sidemenu > ul > li > ul > li > a {
  font-size: 16px;
  display: block;
  color: #484848;
  padding: 10px 15px;
  text-transform: capitalize;
  background: url(../images/dot1.png) no-repeat left 18px;
}
.sidemenu > ul > li > ul > li.active > a,
.sidemenu > ul > li > ul > li > a:hover {
  color: var(--active-color);
}

.sidemenu > ul > li ul li.active > span i {
  transform: rotate(180deg);
}

.sidemenu > ul > li > ul > li > ul > li {
  margin: 0 15px;
}
.sidemenu > ul > li > ul > li > ul > li a {
  font-size: 15px;
  display: block;
  color: #666;
  padding: 10px 10px 10px 15px;
  background: url(../images/dot1.png) no-repeat left 18px;
}
.sidemenu > ul > li > ul > li > ul > li a:hover,
.sidemenu > ul > li > ul > li > ul > li.active a {
  color: #009148;
}

.sidemenu > ul > li.active h5 {
  color: var(--active-color);
  border-bottom: 1px solid #e2e2e2;
}
.sidemenu > ul > li.active h5 > span::after {
  transform: rotate(180deg);
}

.sidenav {
  margin: 0 0 20px;
}
.sidenav ul {
}
.sidenav ul li {
  position: relative;
  line-height: 20px;
  border: 1px solid #e2e2e2;
  margin: 5px 0 0 0;
  padding: 12px 40px 12px 20px;
}
.sidenav ul li::after {
  font-family: "qico";
  content: "\e62e";
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 20px;
  font-weight: normal;
  line-height: 42px;
}
.sidenav ul li a {
  font-size: 18px;
  color: #333;
  font-weight: 500;
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.sidenav ul li.active a,
.sidenav ul li.active::after {
  color: var(--active-color);
}
.sidenav ul li:hover::after,
.sidenav ul li:hover a {
  color: var(--active-color);
}

/*------------------------------------------------------------*/

.parts-top {
  border: 1px solid #eee;
  padding: 30px;
  font-size: 16px;
  color: #333;
  line-height: 26px;
}

.parts-list .list {
  margin: 40px 0 0;
}
.parts-list .list ul {
  margin: -30px -20px 0;
  display: flex;
  flex-wrap: wrap;
}
.parts-list .list ul li {
  width: calc(100% / 4);
  padding: 30px 20px;
}
.parts-list .list ul li .box {
  height: 100%;
  text-align: center;
}
.parts-list .list ul li .pic {
  width: 100%;
  display: block;
  padding: 15px;
  box-shadow: 0 0 10px rgba(63, 62, 62, 0.15);
  border-radius: 10px;
}
.parts-list .list ul li .pic img {
  width: 100%;
}
.parts-list .list ul li .txt {
  margin: 15px 0 0;
}
.parts-list .list ul li .txt h5 {
  font-size: 22px;
  color: #333;
  font-weight: 600;
  line-height: 1;
}

.parts-inquiry {
  margin: 50px 0 0;
}
.parts-inquiry .tit {
  text-align: center;
  background: #e02826;
  padding: 50px;
}
.parts-inquiry .tit h5 {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}
.parts-inquiry .tit p {
  margin: 15px 0 0;
  font-size: 18px;
  color: #fff;
  line-height: 28px;
}
.parts-inquiry h3 {
  margin: 30px 0 0;
  font-size: 26px;
  color: #333;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}
.parts-inquiry .inquirbox {
  margin: 35px 0 0;
}
.parts-inquiry .inquirbox .row {
  margin-bottom: 17px;
  text-align: center;
}
.parts-inquiry .inquirbox input[type="text"],
.parts-inquiry .inquirbox textarea {
  padding: 12px 25px;
  color: #333;
  border: 1px solid #eee;
  background: #fafafa;
  font-size: 16px;
}
.parts-inquiry .inquirbox .submit {
  width: 175px;
  height: 48px;
  line-height: 48px;
  font-size: 15px;
  color: #fff;
  background: var(--btn-bg);
  font-weight: bold;
  border-radius: 40px;
  display: block;
  margin: 0 auto;
}
.parts-inquiry .inquirbox .submit:hover {
  opacity: 0.7;
}
.parts-inquiry p {
  font-size: 16px;
  line-height: 28px;
  margin-top: 15px;
}

.parts_view {
  display: flex;
  align-items: flex-start;
  margin-bottom: 70px;
}
.parts_view .pic {
  width: 38%;
  border: 1px solid #eee;
}
.parts_view .pic img {
  width: 100%;
}

.parts_view .txt {
  flex: 1;
  margin-left: 60px;
}
.parts_view .txt h1 {
  font-size: 24px;
  line-height: 1;
  color: #333;
  font-weight: 700;
}
.parts_view .txt h6 {
  font-size: 24px;
  margin: 10px 0 0;
  color: #333;
  font-weight: 600;
}
.parts_view .txt hr {
  height: 1px;
  width: 100%;
  background: #ededed;
  margin: 20px 0;
}
.parts_view .txt .para {
  color: #000;
  line-height: 28px;
  font-size: 16px;
}
.parts_view .txt .para h5 {
  font-size: 18px;
  color: #333;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 10px;
}
.parts_view .txt .para ul {
  display: flex;
  flex-wrap: wrap;
}
.parts_view .txt .para ul li {
  background: url(../images/dot7.png) no-repeat left 6px;
  padding: 0 0 0 30px;
  background-size: 18px;
  width: 25%;
}

.parts_view .txt .pro_btn {
  margin: 15px 0 0;
}
.parts_view .txt .pro_btn .book {
  background: #ed1d24;
  height: 48px;
  line-height: 48px;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  border-radius: 25px;
  display: inline-block;
  padding: 0 35px;
}
.parts_view .txt .pro_btn .book i {
  vertical-align: middle;
  margin-left: 5px;
}
.parts_view .txt .pro_btn .book:hover {
  opacity: 0.7;
}
.parts_view .txt .pro_btn .pdf {
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  display: inline-block;
  background: #ff6550;
  margin-left: 20px;
}

.parts_view_list {
}
.parts_view_list > .tit {
  border-bottom: 1px solid #d9d9d9;
  line-height: 49px;
  height: 50px;
  margin-bottom: 20px;
}
.parts_view_list > .tit h3 {
  font-size: 36px;
  color: #333;
  font-weight: 700;
  text-transform: capitalize;
  display: inline-block;
  position: relative;
}
.parts_view_list > .tit h3::after {
  content: "";
  display: block;
  background: var(--active-color);
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 1;
}

.parts_view_list ul {
  display: flex;
  flex-wrap: wrap;
}
.parts_view_list ul li {
  width: 20%;
  padding: 10px;
}
.parts_view_list ul li .box {
  height: 100%;
}
.parts_view_list ul li .pic {
  width: 100%;
  display: block;
  padding: 15px;
  box-shadow: 0 0 10px rgba(63, 62, 62, 0.15);
  border-radius: 10px;
}
.parts_view_list ul li .pic img {
  width: 100%;
}
.parts_view_list ul li .txt {
  margin: 15px 0 0;
}
.parts_view_list ul li .txt h5 {
  font-size: 22px;
  color: #333;
  font-weight: 600;
  line-height: 1;
}

/*------------------------------------------------------------*/

.pro-top {
  /*border-bottom:1px solid #D9D9D9;*/
  margin-bottom: 30px; /*padding-bottom:30px;*/
}
.pro-top h1 {
  font-size: 23px;
  color: #333;
  font-weight: 700;
  text-transform: capitalize;
  display: inline-block;
  text-transform: uppercase;
}
.pro-top h1::after {
  content: "";
  display: block;
  background: var(--active-color);
  width: 100%;
  height: 3px;
  margin: 10px auto 0 0;
}
.pro-top .t {
  font-size: 16px;
  color: #333;
  line-height: 26px;
  margin: 15px 0 0;
}
.pro-top .t p ~ p {
  margin-top: 10px;
}

.pro-list {
}
.pro-list .list ul {
  margin: 0 -20px 0;
  display: flex;
  flex-wrap: wrap;
}
.pro-list .list ul li {
  width: calc(100% / 4);
  padding: 30px 20px;
}
.pro-list .list ul li .box {
  height: 100%;
  text-align: center;
}
.pro-list .list ul li .pic {
  width: 100%;
  display: block;
  padding: 15px;
  box-shadow: 0 0 10px rgba(63, 62, 62, 0.15);
  border-radius: 10px;
}
.pro-list .list ul li .pic img {
  width: 100%;
}
.pro-list .list ul li .txt {
  margin: 15px 0 0;
}
.pro-list .list ul li .txt h5 {
  font-size: 22px;
  color: #333;
  font-weight: 600;
  line-height: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.pro-list .list ul li .txt p {
  font-size: 16px;
  color: #666;
  line-height: 24px;
  margin: 15px 0 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  height: 72px;
}
.pro-list .list ul li .txt .more {
  background: #ed1d24;
  margin: 15px auto 0;
  height: 44px;
  line-height: 44px;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  border-radius: 25px;
  display: inline-block;
  padding: 0 35px;
}
.pro-list .list ul li .txt .more:hover {
  background: var(--btn-bg-hover);
}

/*------------------------------------------------------------*/

.pro_view {
  display: flex;
  margin-bottom: 70px;
}

.pro_img {
  width: 600px;
}
.pro_img .view {
  width: 100%;
  position: relative;
  border: 1px solid #ededed;
}
.pro_img .view .swiper-slide {
  position: relative;
}
.pro_img .view .swiper-slide a {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}
.pro_img .view .swiper-slide img {
  width: 100%;
}
.pro_img .view .swiper-slide a.v::after {
  content: "";
  background: url(../images/v2.png);
  display: block;
  width: 68px;
  height: 68px;
  position: absolute;
  left: 30px;
  bottom: 20px;
}

.pro_img .preview {
  margin: 12px 0 0;
  padding: 0 30px;
  position: relative;
  overflow: hidden;
}
.pro_img .preview .swiper-wrapper {
}
.pro_img .preview .swiper-slide {
  cursor: pointer;
  padding: 10px 0 0;
  position: relative;
}
.pro_img .preview .swiper-slide::after {
  display: none;
  content: "";
  width: 0;
  height: 0;
  line-height: 0;
  border-width: 5px;
  border-style: dashed;
  border-bottom-style: dashed;
  border-color: transparent;
  border-bottom-color: transparent;
  vertical-align: middle;
  border-bottom-style: solid;
  border-bottom-color: #e02826;
  position: absolute;
  top: 0px;
  left: 50%;
  margin: 0 0 0 -5px;
}
.pro_img .preview .swiper-slide .pic {
  border: 2px solid #d9d9d9;
  padding: 2px;
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}
.pro_img .preview .swiper-slide .pic img {
  width: 100%;
  display: block;
}
.pro_img .preview .active-nav .pic {
  border-color: #e02826;
}

.pro_img .preview .swiper-slide.active-nav::after {
  display: inline-block;
}

.pro_img .preview .arrow-left,
.pro_img .preview .arrow-right {
  background: none;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  width: auto;
  height: 50px;
  z-index: 10;
  text-align: center;
}
.pro_img .preview .arrow-left {
  left: 0;
}
.pro_img .preview .arrow-right {
  right: 0;
}
.pro_img .preview .arrow-left i,
.pro_img .preview .arrow-right i {
  color: #666;
  font-size: 20px;
  line-height: 50px;
}

.pro_img .preview .arrow-left:hover i,
.pro_img .preview .arrow-right:hover i {
  color: var(--active-color);
}

.pro_view_inner {
  flex: 1;
  margin-left: 60px;
}
.pro_view_inner h6 {
  font-size: 26px;
  line-height: 1;
  color: #333;
  font-weight: 700;
}
.pro_view_inner h1 {
  font-size: 17px;
  margin: 10px 0 0;
  color: #333;
  font-weight: 600;
}
.pro_view_inner hr {
  height: 1px;
  width: 100%;
  background: #ededed;
  margin: 20px 0;
}
.pro_view_inner .para {
  color: #000;
  line-height: 28px;
  font-size: 16px;
}
.pro_view_inner .para h5 {
  font-size: 18px;
  color: #333;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 10px;
}
.pro_view_inner .para ul {
}
.pro_view_inner .para ul li {
  background: url(../images/dot7.png) no-repeat left 6px;
  padding: 0 0 0 30px;
  background-size: 18px;
}

.pro_view_inner .pro_btn {
  margin: 15px 0 0;
}
.pro_view_inner .pro_btn .book {
  background: #ed1d24;
  height: 48px;
  line-height: 48px;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  border-radius: 25px;
  display: inline-block;
  padding: 0 35px;
}
.pro_view_inner .pro_btn .book i {
  vertical-align: middle;
  margin-left: 5px;
}
.pro_view_inner .pro_btn .book:hover {
  opacity: 0.7;
}

.pro_view_inner .pro_btn .pdf {
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  display: inline-block;
  background: #ff6550;
  margin-left: 20px;
}

.pro_tab_box {
  height: 80px;
}
.pro_tab {
  width: 100%;
  z-index: 99;
  background: #fff;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.pro_tab.scroll-top {
  position: fixed;
  top: 0;
  width: 1600px;
}

.pro_tab ul {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.pro_tab ul li {
  padding: 0 8px;
  height: 80px;
  line-height: 25px;
  text-align: center;
  position: relative;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
  text-transform: uppercase;
}
.pro_tab ul li + li {
  margin-left: 40px;
}
.pro_tab ul li::after {
  content: "";
  height: 2px;
  background: var(--active-color);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  display: none;
}
.pro_tab ul li.active {
  color: var(--active-color);
}
.pro_tab ul li.active::after {
  display: block;
}

.pro_text {
  position: relative;
}
.pro_text .pro-scroll {
  padding-top: 50px;
}
.pro-scroll > .tit {
  border-bottom: 1px solid #d9d9d9;
  line-height: 49px;
  height: 50px;
}
.pro-scroll h3 {
  font-size: 40px;
  color: #333;
  line-height: 1;
  font-weight: 700;
  text-align: center;
}
.pro-scroll > .tit h5 {
  font-size: 23px;
  color: #333;
  font-weight: 700;
  text-transform: capitalize;
  display: inline-block;
  position: relative;
}
.pro-scroll > .tit h5::after {
  content: "";
  display: block;
  background: var(--active-color);
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 1;
}

.pro-content {
  padding: 35px 0 0;
}
.pro-content > * {
  margin-bottom: 15px;
}
.pro-content a[href*="maito"] {
  color: #037214;
  text-decoration: underline;
}

.pro-description {
  line-height: 28px;
  font-size: 16px;
  color: #111;
}

.pro-spec .table-response {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}
.pro-spec table {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #dcdcdc;
  line-height: 28px;
  color: #111;
  font-size: 16px;
}
.pro-spec table tr > th {
  padding: 10px 25px;
  color: #333;
  border: 1px solid #b7b6b6;
}
.pro-spec table tr > td {
  padding: 10px 25px;
  border: 1px solid #b7b6b6;
}
.pro-spec table tr:nth-child(2n) > * {
  background: #eee;
}

.pro-feature {
}
.pro-feature ul {
}
.pro-feature ul li {
  font-size: 16px;
  color: #111;
  line-height: 28px;
  padding: 0 0 0 35px;
  position: relative;
  background: url(../images/dot7.png) no-repeat left 4px;
}
.pro-feature ul li + li {
  margin-top: 10px;
}
.pro-feature ul li em {
  font-weight: 600;
}

.pro-include ul {
  display: flex;
  flex-wrap: wrap;
}
.pro-include ul li {
  font-size: 16px;
  color: #111;
  line-height: 28px;
  position: relative;
  width: 50%;
  margin-bottom: 10px;
}

.pro-accessories {
}
.pro-accessories .list {
  position: relative;
}
.pro-accessories .swiper-slide {
  text-align: center;
}
.pro-accessories .swiper-slide .box {
  height: 100%;
  text-align: center;
}
.pro-accessories .swiper-slide .pic {
  width: 100%;
  display: block;
}
.pro-accessories .swiper-slide .pic img {
  width: 100%;
}
.pro-accessories .swiper-slide .txt {
  margin: 20px 0 0;
}
.pro-accessories .swiper-slide .txt h5 {
  font-size: 20px;
  color: #333;
  font-weight: 600;
  line-height: 1;
}
.pro-accessories .swiper-slide .txt p {
  font-size: 16px;
  color: #666;
  line-height: 24px;
  margin: 15px 0 0;
}
.pro-accessories .swiper-slide .txt .more {
  background: #ed1d24;
  margin: 15px auto 0;
  color: #fff;
  border: 2px solid #ed1d24;
  font-size: 15px;
  font-weight: 600;
  width: 160px;
  text-align: center;
  line-height: 40px;
  border-radius: 25px;
  display: block;
}
.pro-accessories .swiper-slide .txt .more:hover {
  background: #fff;
  color: #ed1d24;
}

.pro-accessories .swiper-button-prev,
.pro-accessories .swiper-button-next {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: transparent;
  color: #333;
  top: calc(((100% - 140px) / 2) - 25px);
  margin-top: 0;
  text-align: center;
}
.pro-accessories .swiper-button-prev::after,
.pro-accessories .swiper-button-next::after {
  display: none;
}
.pro-accessories .swiper-button-prev i,
.pro-accessories .swiper-button-next i {
  font-size: 35px;
  color: inherit;
}
.pro-accessories .swiper-button-prev,
.pro-accessories .swiper-container-rtl .swiper-button-next {
  left: -50px;
  right: auto;
}
.pro-accessories .swiper-button-next,
.pro-accessories .swiper-container-rtl .swiper-button-prev {
  right: -50px;
  left: auto;
}
.pro-accessories .swiper-button-prev:hover,
.pro-accessories .swiper-button-next:hover {
  opacity: 0.7;
}

.pro-accessories .swiper-pagination {
  position: static;
  width: 100%;
  margin-top: 25px;
  display: none;
  justify-content: center;
  align-items: center;
}
.pro-accessories .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  margin: 0 4px;
  background: #c8c8c8;
  border-radius: 50%;
  opacity: 1;
  position: relative;
}
.pro-accessories .swiper-pagination-bullet-active {
  width: 14px;
  height: 14px;
  border: 4px solid #ea5413;
  background: #fff;
}

.pro-down {
}
.pro-down ul {
}
.pro-down ul li {
  background: url(../images/down.png) no-repeat left center;
  font-size: 16px;
  color: #111;
  padding: 0 0 0 40px;
  line-height: 30px;
}
.pro-down ul li + li {
  margin-top: 15px;
}

.pro-faq {
  padding: 35px 0 70px 0;
}
.pro-faq ul li {
  border: 1px solid #dcdcdc;
  padding: 15px;
}
.pro-faq ul li ~ li {
  margin-top: 20px;
}
.pro-faq ul li .tit {
  overflow: hidden;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.pro-faq ul li .tit span {
  width: 34px;
  line-height: 34px;
  height: 34px;
  font-size: 18px;
  color: #1b1c1c;
  border-radius: 50%;
  display: block;
  text-align: center;
  font-weight: 600;
}
.pro-faq ul li .tit h4 {
  flex: 1;
  font-size: 18px;
  color: #1b1c1c;
  margin: 0 0 0 10px;
  font-size: 18px;
  color: #333;
  line-height: 30px;
}
.pro-faq ul li .tit::after {
  position: absolute;
  right: 0;
  top: calc(50% - 12px);
  content: "\e639";
  font-family: "qico";
  font-size: 24px;
  line-height: 24px;
  height: 24px;
  color: #878787;
  transition: transform 0.3s ease;
}

.pro-faq ul li .con {
  padding: 15px 0 0;
  display: none;
  overflow: hidden;
}
.pro-faq ul li .con > div {
  align-items: baseline;
}
.pro-faq ul li .con span {
  width: 34px;
  line-height: 34px;
  height: 34px;
  font-size: 18px;
  color: #666;
  display: block;
  text-align: center;
  font-weight: 600;
}
.pro-faq ul li .con .t {
  flex: 1;
  margin: 0 0 0 10px;
  font-size: 17px;
  line-height: 24px;
  color: #666;
  overflow: hidden;
}

.pro-faq ul li.active .tit::after {
  color: var(--active-color);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pro-customer {
  position: relative;
}
.pro-customer .swiper-slide {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 20px;
  overflow: hidden;
}
.pro-customer .swiper-slide p {
  margin: 0;
  font-size: 15px;
  color: #333;
  font-weight: 600;
}
.pro-customer .swiper-button-prev,
.pro-customer .swiper-button-next {
  display: inline-block;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  top: calc(((100% - 45px) / 2) - 23px);
  background: #52aab6;
  color: #fff;
  margin-top: 0;
  text-align: center;
}
.pro-customer .swiper-button-prev i,
.pro-customer .swiper-button-next i {
  font-size: 18px;
  line-height: 47px;
  color: inherit;
}
.pro-customer .swiper-button-prev,
.pro-customer .swiper-container-rtl .swiper-button-next {
  left: -23px;
  right: auto;
}
.pro-customer .swiper-button-next,
.pro-customer .swiper-container-rtl .swiper-button-prev {
  right: -23px;
  left: auto;
}
.pro-customer .swiper-button-prev:hover,
.pro-customer .swiper-button-next:hover {
  opacity: 0.7;
}

.pro-customer .swiper-pagination-progressbar.swiper-pagination-horizontal {
  margin-top: 40px;
  position: static;
  width: 100%;
  height: 5px;
  background: #c9d2d7;
}
.pro-customer
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  background: #52aab6;
  top: 0;
  height: 5px;
}

.pro-inquiry {
  margin: 27px 0 0;
}
.pro-inquiry > p {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  background: #e02826;
  padding: 50px;
  line-height: 28px;
}
.pro-inquiry h3 {
  font-size: 29px;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin-top: 20px;
}
.pro-inquiry .inquirbox {
  margin: 30px 0 0;
}
.pro-inquiry .inquirbox .row {
  margin-bottom: 17px;
  text-align: center;
}
.pro-inquiry .inquirbox input[type="text"],
.pro-inquiry .inquirbox textarea {
  padding: 12px 25px;
  color: #333;
  border: 1px solid #eee;
  background: #fafafa;
  font-size: 16px;
}
.pro-inquiry .inquirbox .submit {
  width: 175px;
  height: 48px;
  line-height: 48px;
  font-size: 15px;
  color: #fff;
  background: var(--btn-bg);
  font-weight: bold;
  border-radius: 40px;
  display: block;
  margin: 0 auto;
}
.pro-inquiry .inquirbox .submit:hover {
  opacity: 0.7;
}
.pro-inquiry p {
  line-height: 28px;
  font-size: 16px;
  margin-top: 15px;
}

.rela-pro {
  padding: 20px 0 70px;
}
.rela-pro h3 {
  font-size: 40px;
  color: #333;
  line-height: 1;
  font-weight: 700;
  text-align: center;
}
.rela-pro .list {
  position: relative;
  margin-top: 50px;
}
.rela-pro .swiper-slide {
  padding: 15px;
  text-align: center;
}
.rela-pro .swiper-slide .box {
  height: 100%;
  text-align: center;
}
.rela-pro .swiper-slide .pic {
  width: 100%;
  display: block;
  padding: 15px;
  box-shadow: 0 0 10px rgba(63, 62, 62, 0.15);
  border-radius: 10px;
}
.rela-pro .swiper-slide .pic img {
  width: 100%;
}
.rela-pro .swiper-slide .txt {
  margin: 15px 0 0;
}
.rela-pro .swiper-slide .txt h5 {
  font-size: 22px;
  color: #333;
  font-weight: 600;
  line-height: 1;
}
.rela-pro .swiper-slide .txt p {
  font-size: 16px;
  color: #666;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  margin: 15px 0 0;
}
.rela-pro .swiper-slide .txt .more {
  background: #ed1d24;
  margin: 15px auto 0;
  color: #fff;
  border: 2px solid #ed1d24;
  font-size: 16px;
  font-weight: 600;
  width: 180px;
  text-align: center;
  line-height: 44px;
  border-radius: 25px;
  display: block;
}
.rela-pro .swiper-slide .txt .more:hover {
  background: #fff;
  color: #ed1d24;
}

.rela-pro .swiper-button-prev,
.rela-pro .swiper-button-next {
  width: 50px;
  height: 50px;
  background: transparent;
  color: #333;
  top: calc(((100% - 169px) / 2) - 25px);
  margin-top: 0;
  text-align: center;
}
.rela-pro .swiper-button-prev::after,
.rela-pro .swiper-button-next::after {
  display: none;
}
.rela-pro .swiper-button-prev i,
.rela-pro .swiper-button-next i {
  font-size: 40px;
  line-height: 50px;
  color: inherit;
}
.rela-pro .swiper-button-prev,
.rela-pro .swiper-container-rtl .swiper-button-next {
  left: -60px;
  right: auto;
}
.rela-pro .swiper-button-next,
.rela-pro .swiper-container-rtl .swiper-button-prev {
  right: -60px;
  left: auto;
}
.rela-pro .swiper-button-prev:hover,
.rela-pro .swiper-button-next:hover {
  opacity: 0.7;
}

.rela-pro .swiper-pagination {
  position: static;
  width: 100%;
  margin-top: 25px;
  display: none;
  justify-content: center;
  align-items: center;
}
.rela-pro .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  margin: 0 4px;
  background: #c8c8c8;
  border-radius: 50%;
  opacity: 1;
  position: relative;
}
.rela-pro .swiper-pagination-bullet-active {
  width: 14px;
  height: 14px;
  border: 4px solid #e02826;
  background: #fff;
}

/*------------------------------------------------------------*/

.solu-tit {
  padding: 20px;
  background: #f7f7f7;
}
.solu-tit p {
  line-height: 36px;
  font-size: 20px;
  color: #333;
}

.solu-list {
  padding: 60px 0 0;
}
.solu-list h2 {
  font-size: 40px;
  color: #333;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.solu-list ul {
  margin: 35px -20px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.solu-list ul li {
  width: 33.3333%;
  padding: 15px 20px;
}
.solu-list ul li > a {
  position: relative;
  overflow: hidden;
  display: block;
}
.solu-list ul li img {
  display: block;
  width: 100%;
}
.solu-list ul li .txt {
  margin: 20px 0 0;
  text-align: center;
}
.solu-list ul li .txt h6 {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  line-height: 1;
}
.solu-list ul li .txt .t {
  font-size: 15px;
  color: #666;
  line-height: 26px;
  overflow: hidden;
  transition: all 0.5s ease 0s;
  margin: 15px 0 0;
  text-align: left;
}

@media screen and (min-width: 1171px) {
}

.solu-list2 {
  margin: 70px 0 0;
}
.solu-list2 h2 {
  font-size: 40px;
  color: #333;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.solu-list2 ul {
  margin: 35px -20px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.solu-list2 ul li {
  width: 33.3333%;
  padding: 15px 20px;
}
.solu-list2 ul li > a {
  position: relative;
  overflow: hidden;
  display: block;
}
.solu-list2 ul li img {
  display: block;
  width: 100%;
}
.solu-list2 ul li h6 {
  margin: 20px 0 0;
  font-size: 20px;
  font-weight: 700;
  color: #333;
  line-height: 1;
  text-align: center;
}

.solu-list2 .list {
  margin: 35px 0 0;
  position: relative;
}
.solu-list2 .swiper-slide img {
  display: block;
  width: 100%;
}
.solu-list2 .swiper-slide h6 {
  margin: 20px 0 0;
  font-size: 20px;
  font-weight: 700;
  color: #333;
  line-height: 1;
  text-align: center;
}

.solu-list2 .swiper-pagination {
  position: static;
  width: 100%;
  margin-top: 25px;
  display: none;
  justify-content: center;
  align-items: center;
}
.solu-list2 .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  margin: 0 4px;
  background: #c8c8c8;
  border-radius: 50%;
  opacity: 1;
  position: relative;
}
.solu-list2 .swiper-pagination-bullet-active {
  width: 14px;
  height: 14px;
  border: 4px solid #e02826;
  background: #fff;
}

.solu-rela-pro {
  padding: 70px 0;
  background: #f7f7f7;
}

.solu-content {
  line-height: 28px;
  font-size: 16px;
  color: #666;
  border-top: 1px solid #eee;
  padding: 40px 0 20px;
}
.solu-content .align-items-center:nth-child(2n) {
  flex-direction: row-reverse;
}
.solu-content strong {
  color: #333;
}
.solu-content h5 {
  font-size: 24px;
  color: #000009;
  font-weight: 700;
  margin-bottom: 20px;
}
.solu-content .goto-inquiry {
  display: block;
  margin: 40px 0 0;
  width: 170px;
  height: 38px;
  line-height: 38px;
  border-radius: 40px;
  font-size: 16px;
  color: #fff;
  background: var(--btn-bg);
  text-align: center;
}
.solu-content .goto-inquiry:hover {
  background: var(--btn-bg-hover);
}

.pro-solu-list {
  padding: 30px 0 60px;
}

/*------------------------------------------------------------*/

.join-left {
  width: 300px;
  position: relative;
}
.join-left .affix {
  position: fixed;
  top: 0;
  width: 300px;
}
.join-left .affix-bottom {
  position: absolute;
}
.join-right {
  flex: 1;
  margin-left: 40px;
}

.join-left h3 {
  font-size: 20px;
  font-weight: bold;
  display: block;
  color: #fff;
  height: 50px;
  line-height: 50px;
  padding: 0 0 0 15px;
  background: #09b9ee;
  position: relative;
}
.join-left h3::after {
  display: none;
  font-family: "qico";
  content: "\e727";
  position: absolute;
  top: 6px;
  right: 6px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.join-left h3.active::after {
  -webkit-transform: rotate(45deg) scale(1.08);
  -ms-transform: rotate(45deg) scale(1.08);
  transform: rotate(45deg) scale(1.08);
}

.join-nav {
  border: 1px solid #9c8d7c;
}
.join-nav > h4 {
  padding: 20px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  border-bottom: 1px solid #9c8d7c;
  position: relative;
  cursor: pointer;
}
.join-nav > ul {
  padding: 20px;
}
.join-nav ul > li {
  counter-increment: item;
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
}
.join-nav ul > li a {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
}
.join-nav ul > li a::before {
  content: counters(item, ".") ". ";
  font-size: 16px;
  color: #333;
  margin-right: 8px;
}
.join-nav ul > li.active > a {
  color: #ec2227;
}

.join2 {
  margin: 50px 0;
  display: flex;
}
.join2 .pic {
  display: block;
  width: 50%;
}
.join2 .pic img {
  width: 100%;
}
.join2 .txt {
  flex: 1;
  background-color: #1352c8;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 30px;
}
.join2 .txt h2 {
  font-size: 32px;
  line-height: 40px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 20px;
}
.join2 .txt h3 {
  font-size: 23px;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 15px;
}
.join2 .txt h3 ~ h3 {
  margin-top: 20px;
}
.join2 .txt p {
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  margin: 10px 0 0;
}

.join h3 {
  font-size: 40px;
  line-height: 50px;
  margin: 0 0 28px 0;
  color: #000;
}
.join p {
  font-size: 16px;
  line-height: 26px;
  margin: 0 0 0 28px;
}
.join p i {
  font-size: 20px;
  line-height: 30px;
  color: #e02826;
  margin-right: 5px;
}
.join h3 ~ h3 {
  margin-top: 50px;
}
.join p span {
  color: #e02826;
  margin-right: 5px;
}

.join-top {
  padding: 0 0 20px;
}
.join-top h3 {
  font-size: 40px;
  color: #333;
  line-height: 3;
  font-weight: 700;
  margin-bottom: 25px;
}
.join-top .box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.join-top .txt {
  font-size: 16px;
  line-height: 28px;
  color: #111;
  flex: 1;
  margin-right: 80px;
}
.join-top .pic {
  width: 50%;
}

.join-why {
  padding: 50px 0 0;
}
.join-why h3 {
  font-size: 36px;
  color: #333;
  line-height: 1;
  font-weight: 700;
  text-align: center;
}
.join-why ul {
  margin: 40px -15px 0;
  display: flex;
  flex-wrap: wrap;
}
.join-why ul li {
  width: 25%;
  padding: 15px;
}
.join-why ul li .box {
  padding: 35px 20px;
  height: 100%;
  background-color: #f8f8f8;
  text-align: center;
}
.join-why ul li img {
  height: 90px;
}
.join-why ul li h5 {
  font-size: 18px;
  color: #000;
  font-weight: bold;
  margin: 20px 0 0;
}
.join-why ul li p {
  font-size: 16px;
  color: #111;
  margin: 25px 0 0;
  line-height: 28px;
}
.join-why ul li span {
  font-weight: bold;
  color: #e60012;
}

.hr-top {
  padding: 50px 0 0;
  text-align: center;
}
.hr-top h5 {
  font-size: 40px;
  line-height: 1;
  color: #333;
  font-weight: 700;
  text-align: center;
}
.hr-top p {
  font-size: 16px;
  color: #666;
  line-height: 28px;
  margin: 40px 0 0;
  text-align: left;
}

.hr-list {
  margin: 40px 0 0;
}
.hr-list .tit {
  background: #ec2227;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hr-list .tit span {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  color: #fff;
  display: inline-block;
  text-align: center;
}
.hr-list .tit span:nth-child(1) {
  width: 12%;
}
.hr-list .tit span:nth-child(2) {
  width: 30%;
}
.hr-list .tit span:nth-child(3) {
  width: 20%;
}
.hr-list .tit span:nth-child(4) {
  width: 18%;
}
.hr-list .tit span:nth-child(5) {
  width: 15%;
}
.hr-list .tit span:nth-child(6) {
  width: 5%;
}

.hr-list .list {
  border: 1px solid #d9d9d9;
  margin-top: 5px;
}
.hr-list .list .t {
  height: 46px;
  line-height: 46px;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.hr-list .list .t span {
  font-size: 15px;
  color: #555;
  display: inline-block;
  text-align: center;
}
.hr-list .list .t span:nth-child(1) {
  width: 12%;
  color: #202020;
}
.hr-list .list .t span:nth-child(2) {
  width: 30%;
}
.hr-list .list .t span:nth-child(3) {
  width: 20%;
}
.hr-list .list .t span:nth-child(4) {
  width: 18%;
}
.hr-list .list .t span:nth-child(5) {
  width: 15%;
}
.hr-list .list .t span:nth-child(6) {
  width: 5%;
}
.hr-list .list .t span:nth-child(5) em {
  background: url("../images/i6-1.png") no-repeat center;
  width: 90px;
  height: 46px;
  display: block;
}
.hr-list .list .t.active span:nth-child(5) em {
  background: url("../images/i6-2.png") no-repeat center;
}

.hr-list .list .con {
  display: none;
  padding: 20px 42px;
}
.hr-list .list .con h5 {
  font-size: 15px;
  color: #202020;
  font-weight: bold;
  margin-bottom: 10px;
}
.hr-list .list .con p {
  font-size: 15px;
  color: #555;
  line-height: 30px;
  margin-bottom: 15px;
}
.hr-list .list .con a {
  background: #ed1d24;
  margin: 15px auto 0;
  height: 48px;
  line-height: 48px;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  border-radius: 25px;
  display: inline-block;
  padding: 0 35px;
}
.hr-list .list .con a:hover {
  background: var(--btn-bg-hover);
}

.hr-list .list .t.active span {
  font-weight: bold;
}

.main-href {
  text-align: center;
}
.main-href a {
  background: #ed1d24;
  height: 48px;
  line-height: 48px;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  border-radius: 40px;
  display: inline-block;
  padding: 0 35px;
}
.main-href a:hover {
  background: var(--btn-bg-hover);
}

.join-bottom {
  margin: 50px 0 0;
}
.join-bottom i {
  display: block;
  font-size: 50px;
  color: #ff7f7f;
  text-align: center;
}
.join-bottom h2 {
  font-size: 34px;
  color: #333;
  text-align: center;
  font-weight: bold;
  margin: 20px 0 30px;
}
.join-bottom h2 b {
  text-shadow: -1px -1px 0 #e02826, 1px -1px 0 #e02826, -1px 1px 0 #e02826,
    1px 1px 0 #e02826;
  color: #e02826;
}
.join-bottom .main-href {
  margin: 15px 0 0;
}

.join-line {
  margin: 60px 0 0;
}

.join-policy {
  margin: 60px 0 0;
}
.join-policy h3 {
  font-size: 40px;
  color: #333;
  line-height: 1;
  text-align: center;
  font-weight: bold;
}
.join-policy .txt {
  margin: 40px 0 0;
  font-size: 18px;
  color: #333;
  line-height: 30px;
}
.join-policy .txt p ~ p {
  margin-top: 15px;
}
.join-policy .txt p a {
  color: #ed1d24;
}

/*------------------------------------------------------------*/

.contact {
  display: flex;
  align-items: center;
  position: relative;
}
.contact-info {
  flex: 1;
  margin-right: 130px;
}

.contact-info dl {
  padding: 35px 20px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 10;
}
.contact-info dl dt {
  width: 60px;
  height: 60px;
  background: #e02826;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-info dl dt img {
  max-width: 50%;
  max-height: 50%;
}
.contact-info dl dd {
  flex: 1;
  margin-left: 40px;
}
.contact-info dl dd h5 {
  font-size: 18px;
  color: #333;
  font-weight: 600;
}
.contact-info dl dd p {
  font-size: 16px;
  color: #666;
  line-height: 28px;
  font-weight: 500;
  margin: 13px 0 0;
}

.contact-inquiry {
  width: 45%;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.07);
  padding: 60px 55px;
  background: #fff;
  position: relative;
  z-index: 10;
}
.contact-inquiry h3 {
  font-size: 28px;
  line-height: 1;
  color: #333;
  font-weight: 700;
}
.contact-inquiry h5 {
  margin: 15px 0 0;
  font-size: 16px;
  line-height: 22px;
  color: #333;
}
.contact-inquiry .inquirbox {
  margin: 50px 0 0;
}
.contact-inquiry .inquirbox .row {
  margin-bottom: 23px;
}
.contact-inquiry .inquirbox input[type="text"],
.contact-inquiry .inquirbox textarea {
  padding: 19px 25px;
  background: #fafafa;
  font-size: 15px;
  border: 1px solid #eee;
  line-height: 22px;
  color: #777;
}

.contact-inquiry .inquirbox .submit {
  width: 100%;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  background: var(--btn-bg);
  border-radius: 33px;
}
.contact-inquiry .inquirbox .submit:hover {
  background: var(--btn-bg-hover);
}

/*------------------------------------------------------------*/

.pro-video .v {
  display: block;
  position: relative;
  overflow: hidden;
}
.pro-video .v::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.1) url("../images/v2.png") no-repeat center;
  display: block;
}
.pro-video .v img {
  width: 100%;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.pro-video .v:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}
.pro-video .v:hover::after {
  background-color: rgba(0, 0, 0, 0.5);
}

.pro-content dl {
  color: #666;
  font-size: 16px;
}
.pro-content dl dd {
  margin-bottom: 6px;
  background: url("../images/dot4.png") no-repeat left 9px;
  padding: 0 0 0 18px;
}

.pro-link {
}
.pro-link ul {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.pro-link ul li {
  -webkit-flex: 1;
  flex: 1;
  height: 144px;
  background: #ffe699;
  padding: 0 50px;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.pro-link ul li a {
  line-height: 36px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  display: inline-block;
  text-align: center;
}
.pro-link ul li:nth-child(2n) {
  background: #f6aa00;
}
.pro-link ul li:hover a {
  text-decoration: underline;
}

.scoll-pic1 {
  position: relative;
  margin: 30px 0 20px;
  text-align: center;
}
.scoll-pic1 .swiper-container {
  text-align: center;
}
.scoll-pic1 .swiper-slide a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.scoll-pic1 .swiper-slide img {
  width: 100%;
}
.scoll-pic1 .swiper-slide p {
  position: absolute;
  width: 100%;
  height: 46px;
  line-height: 46px;
  text-align: center;
  left: 0;
  top: calc(50% - 23px);
  font-size: 16px;
  color: #fff;
  background: rgba(0, 155, 76, 0.8);
  transition: opacity 0.5s ease-out;
  opacity: 0;
  margin: 0;
}
.scoll-pic1 .swiper-slide p img {
  width: auto;
  vertical-align: middle;
  margin-left: 5px;
}
.scoll-pic1 .swiper-slide:hover p {
  opacity: 1;
}

.scoll-pic1 .page {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 20;
  font-size: 0;
}
.scoll-pic1 .swiper-button-prev,
.scoll-pic1 .swiper-button-next {
  position: static;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 0;
  background: #f6f6f6;
  color: #080808;
  margin-top: 0;
  text-align: center;
}
.scoll-pic1 .swiper-button-prev i,
.scoll-pic1 .swiper-button-next i {
  font-size: 20px;
  line-height: 40px;
  color: inherit;
}
.scoll-pic1 .swiper-button-prev,
.scoll-pic1 .swiper-container-rtl .swiper-button-next {
  left: -70px;
  right: auto;
}
.scoll-pic1 .swiper-button-next,
.scoll-pic1 .swiper-container-rtl .swiper-button-prev {
  right: -70px;
  left: auto;
}
.scoll-pic1 .swiper-button-prev:hover,
.scoll-pic1 .swiper-button-next:hover {
  background: #f6aa00;
  color: #fff;
}

.scoll-pic2 {
  position: relative;
  margin: 30px 0 20px;
  text-align: center;
}
.scoll-pic2 .swiper-container {
  text-align: center;
}
.scoll-pic2 .swiper-slide a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.scoll-pic2 .swiper-slide img {
  width: 100%;
  display: block;
}
.scoll-pic2 .swiper-slide p {
  position: absolute;
  width: 100%;
  height: 46px;
  line-height: 46px;
  margin: 0;
  text-align: center;
  left: 0;
  bottom: 0;
  font-size: 16px;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  transition: opacity 0.5s ease-out;
}

.scoll-pic2 .page {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 20;
  font-size: 0;
}
.scoll-pic2 .swiper-button-prev,
.scoll-pic2 .swiper-button-next {
  position: static;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 0;
  background: #f6f6f6;
  color: #080808;
  margin-top: 0;
  text-align: center;
}
.scoll-pic2 .swiper-button-prev i,
.scoll-pic2 .swiper-button-next i {
  font-size: 20px;
  line-height: 40px;
  color: inherit;
}
.scoll-pic2 .swiper-button-prev,
.scoll-pic2 .swiper-container-rtl .swiper-button-next {
  left: -70px;
  right: auto;
}
.scoll-pic2 .swiper-button-next,
.scoll-pic2 .swiper-container-rtl .swiper-button-prev {
  right: -70px;
  left: auto;
}
.scoll-pic2 .swiper-button-prev:hover,
.scoll-pic2 .swiper-button-next:hover {
  background: #f6aa00;
  color: #fff;
}

.scoll-pic3 {
  position: relative;
  margin: 30px -15px 0;
  text-align: center;
}
.scoll-pic3 .swiper-container {
  text-align: center;
}
.scoll-pic3 .swiper-slide {
  padding: 15px;
  box-sizing: border-box;
}
.scoll-pic3 .swiper-slide a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0 3px 15px rgba(226, 226, 226, 0.9);
}
.scoll-pic3 .swiper-slide img {
  width: 100%;
  display: block;
}

.scoll-pic3 .page {
  position: absolute;
  right: 15px;
  bottom: 15px;
  z-index: 20;
  font-size: 0;
}
.scoll-pic3 .swiper-button-prev,
.scoll-pic3 .swiper-button-next {
  position: static;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 0;
  background: #f6f6f6;
  color: #080808;
  margin-top: 0;
  text-align: center;
}
.scoll-pic3 .swiper-button-prev i,
.scoll-pic3 .swiper-button-next i {
  font-size: 20px;
  line-height: 40px;
  color: inherit;
}
.scoll-pic3 .swiper-button-prev,
.scoll-pic3 .swiper-container-rtl .swiper-button-next {
  left: -70px;
  right: auto;
}
.scoll-pic3 .swiper-button-next,
.scoll-pic3 .swiper-container-rtl .swiper-button-prev {
  right: -70px;
  left: auto;
}
.scoll-pic3 .swiper-button-prev:hover,
.scoll-pic3 .swiper-button-next:hover {
  background: #f6aa00;
  color: #fff;
}

.faqlist {
  background: url("../images/faq.jpg") no-repeat left top;
  padding: 0 0 0 250px;
}

.faqlist ul {
}
.faqlist ul li {
  margin: 20px 0 0;
}
.faqlist ul li em {
  float: left;
  color: #e4e4e4;
  font-size: 42px;
  font-style: italic;
  font-weight: bold;
  margin: 10px 0 0;
}
.faqlist ul li .t {
  margin: 0 0 0 66px;
}
.faqlist ul li .t h6 {
  font-size: 16px;
  color: #333;
}
.faqlist ul li .t p {
  font-size: 14px;
  color: #666;
}

.contact-success {
  text-align: center;
  padding: 20px 0 40px;
}
.contact-success h5 {
  font-size: 36px;
  font-weight: bold;
  color: #222428;
  line-height: 1;
  margin: 20px 0 0;
}
.contact-success p {
  color: #222428;
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 28px;
}
.contact-success .btn {
  margin: 40px 0 0;
  font-size: 0; /*! width: 300px; */
}
.contact-success .btn a {
  height: 57px;
  line-height: 57px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 20px;
  vertical-align: top;
  width: 300px;
}
.contact-success .btn a:first-child {
  background: #e02826;
  color: #fff;
}
.contact-success .btn a:first-child:hover {
  background: #bf0d12;
}
.contact-success .btn a:last-child {
  background: #fff;
  border: 1px solid #e02826;
  color: #e02826;
  margin-left: 50px;
}
.contact-success .btn a:last-child:hover {
  background: #bf0d12;
  border-color: D35134;
  color: #fff;
}

#down-form {
  width: 800px;
  padding: 30px;
  box-sizing: border-box;
}

/*----------------------------*/

.layui-layer-title {
  font-weight: bold;
}

#part-form {
  width: 700px;
  height: 620px;
}

.part-form {
  padding: 15px 15px 0;
}

.part-form .inquirbox input::-webkit-input-placeholder,
.part-form .inquirbox textarea::-webkit-input-placeholder {
  color: #999;
  opacity: 1;
}
.part-form .inquirbox input:-moz-placeholder,
.part-form .inquirbox textarea:-moz-placeholder {
  color: #999;
  opacity: 1;
}
.part-form .inquirbox input::-moz-placeholder,
.part-form .inquirbox textarea::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.part-form .inquirbox input:-ms-input-placeholder,
.part-form .inquirbox textarea:-ms-input-placeholder {
  color: #999;
  opacity: 1;
}

.part-form .inquirbox input[type="text"],
.part-form .inquirbox textarea,
.part-form .inquirbox select {
  border-radius: 6px;
  padding: 9px 10px;
  color: #666;
  border: 1px solid #dddedf;
}
.part-form .inquirbox .submit {
  margin: 0 auto;
  width: 100%;
  background: #ed1d24;
  border-radius: 6px;
}
.part-form .inquirbox .submit:hover {
  background: #bf0d12;
}
.part-form .inquirbox em {
  font-size: 17px;
  color: #333;
  font-weight: bold;
}
.part-form .inquirbox .checklist {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.part-form .inquirbox .checklist dd {
  margin: 10px 10px 0 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 17px;
  color: #000;
}
.part-form .inquirbox .checklist dd input[type="checkbox"] {
  margin: 0;
  margin-right: 5px;
}

#service-form {
  width: 700px;
  height: 590px;
}

.form-box {
  margin-right: -10px;
  margin-left: -10px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.form-box > div {
  margin-top: 10px;
}
.form-box .item-6,
.form-box .item-12 {
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
}
.form-box .item-12 {
  width: 100%;
}
.form-box .item-6 {
  width: 50%;
}

/*----------------------------*/