@charset "UTF-8";
.bgt {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-fix {
  background-attachment: fixed;
}

/* header */
.header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 21;
  padding: 0.2rem 0;
  transition: all 0.3s ease-in-out;
}

.header .logo img {
  width: 2.15rem;
}

.header .nav li {
  margin-right: 0.57rem;
  position: relative;
}

.header .nav li a {
  position: relative;
  white-space: nowrap;
  display: inline-block;
  padding: 0.08rem 0 0.12rem 0;
  color: rgba(255, 255, 255, 0.8);
}

.header .nav li a::after {
  content: "";
  width: 0;
  height: 0.02rem;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: width 0.3s ease-in-out;
}

.header .nav li:hover a, .header .nav li.active a {
  color: #fff;
  font-weight: bold;
}

.header .nav li:hover a::after, .header .nav li.active a::after {
  width: 100%;
}

.header .nav li .v2 {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 1.4rem;
  padding: 0.1rem 0;
  display: none;
  box-shadow: 0 1px 0.15rem 0 rgba(194, 196, 198, 0.23);
  background-color: #fff;
}

.header .nav li .v2 li {
  margin: 0;
}

.header .nav li .v2 li a {
  padding: 0.08rem 0.2rem;
  text-align: center;
  line-height: 1.35;
  display: block;
  font-weight: normal;
  color: #282828;
}

.header .nav li .v2 li a::after {
  display: none;
}

.header .nav li .v2 li:hover a {
  color: #118de2;
}

.header .zx {
  padding: 0.08rem 0.25rem;
  background: #ffffff;
  box-shadow: 0rem 0.01rem 0.03rem -0.01rem rgba(0, 0, 0, 0.1), 0rem 0.01rem 0.04rem 0rem rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  color: #282828;
}

.header .zx:hover {
  color: #118de2;
}

.header.fix {
  padding: 0.1rem 0;
  background: #118de2;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
}

.header.fix .logo img {
  width: 2rem;
}

.g-type .txt1 {
  position: relative;
  margin-bottom: -0.25rem;
  z-index: 1;
}

.g-type .txt1 .cn {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: #118de2;
}

.g-type .txt1 .en {
  color: rgba(153, 153, 153, 0.08);
}

.g-type .txt1 .en2 {
  color: rgba(199, 217, 233, 0.2);
}

.g-type .txt2 {
  margin: -0.35rem 0 0.035rem;
  line-height: 1.4;
}

.g-type .txt3 {
  color: #118de2;
}

.g-type .txt4 {
  color: #666;
  margin-top: 0.1rem;
  line-height: 1.65;
}

.vmore a {
  height: 0.5rem;
  border-radius: 0.2rem 0rem 0.2rem 0rem;
  border: 1px solid #118de2;
  padding: 0 0.32rem;
  color: #118de2;
  transition: background 0.3s ease;
}

.vmore a i {
  margin-left: 0.1rem;
  flex-shrink: 0;
}

.vmore a:hover {
  background: #118de2;
  color: #fff;
}

/* page1 */
.page1 .swiper-container,
.page1 .swiper-wrapper,
.page1 .swiper-slide {
  height: 100%;
}

.page1 .slide-txt {
  height: 100%;
  width: 100%;
  text-align: center;
  color: #fff;
}

.page1 .slide-txt .txt1 {
  margin-top: 0.5rem;
}

.page1 .slide-txt .txt1 img {
  width: 9.5rem;
}

.page1 .slide-txt .txt2 {
  margin: 0.18rem 0 0.85rem;
}

.page1 .slide-txt .btns a {
  height: 0.63rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0 0.41rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin: 0 0.1rem;
  transition: background 0.3s;
}

.page1 .slide-txt .btns a:hover {
  background: #ffff;
  border-color: #fff;
  color: #282828;
}

.page1 .mouse {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 1;
  bottom: 0.38rem;
  text-align: center;
}

.page1 .mouse img {
  width: 0.3rem;
  cursor: pointer;
  -webkit-animation: bounceDown 4s linear infinite;
  -moz-animation: bounceDown 4s linear infinite;
  -o-animation: bounceDown 4s linear infinite;
  animation: bounceDown 4s linear infinite;
}

.page1 .swp-jt .jt {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.page1 .swp-jt .jt.prev {
  left: 0.4rem;
}

.page1 .swp-jt .jt.next {
  right: 0.4rem;
}

.page1 .swp-jt .jt:hover {
  background: rgba(255, 255, 255, 0.6);
  border-color: #fff;
}

.page1 .swp-jt .swiper-pagination-custom {
  left: auto;
  width: auto;
  position: absolute;
  bottom: 0.4rem;
  right: 0.56rem;
  z-index: 10;
  color: #fff;
}

.page1 .swp-jt .swiper-pagination-custom .current {
  font-size: 0.4rem;
}

.page1 .swp-jt .swiper-pagination-custom .sep {
  margin: 0 0.03rem;
  opacity: 0.6;
}

.page1 .swp-jt .swiper-pagination-custom .total {
  opacity: 0.6;
}

/* page2 */
.page2 .info .g-type {
  padding-right: 0.5rem;
}

.page2 .info .step {
  margin: 0.65rem -0.3rem 0.8rem 0;
}

.page2 .info .step ul {
  position: relative;
  padding-right: 0.9rem;
}

.page2 .info .step ul::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
  border-top: 1px dashed #118de2;
}

.page2 .info .step ul li {
  padding-top: 0.32rem;
  position: relative;
  cursor: pointer;
}

.page2 .info .step ul li::before {
  content: "";
  width: 0.17rem;
  height: 0.22rem;
  position: absolute;
  left: 50%;
  top: -0.11rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/jt1.png");
}

.page2 .info .step ul li:hover, .page2 .info .step ul li.active {
  color: #118de2;
  font-weight: bold;
}

.page2 .info .step ul li:hover::before, .page2 .info .step ul li.active::before {
  background-image: url("../img/jt2.png");
}

.page2 .pic {
  position: relative;
  padding: 0.29rem 0 0 0;
  margin-left: 0.6rem;
  z-index: 1;
}

.page2 .pic .txt1 {
  width: 4.88rem;
  position: absolute;
  left: -0.3rem;
  top: 0;
  z-index: -1;
}

.page2 .pic .txt1 img {
  width: 100%;
}

.page2 .pic .txt2 {
  width: 2.94rem;
  height: 1.93rem;
  background: url("../img/zs2.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  bottom: -0.54rem;
  color: #fff;
}

.page2 .pic .txt2 .num {
  margin: -0.25rem 0 -0.02rem;
}

.page2 .pic .txt2 .num .counter {
  font-family: "DIN";
}

.page2 .pic .txt2 .num .txt {
  margin: -0.08rem 0 0 0.03rem;
}

.page2 .tabcont {
  display: none;
}

.page2 .tabcont:nth-child(1) {
  display: block;
}

/* page3 */
.page3 {
  background: rgba(243, 246, 247, 0.8) url("../img/bg_sec3.png") no-repeat center;
}
.page3 .jt{background:none!important;width:1.3rem;height:100%;top:0!important;margin-top:0!important}
.page3 .slides {
  padding: 0 0.8rem 0 0;
}

.page3 .slides .swiper-slide {
  transition: 300ms;
  transform: scale(0.75);
}

.page3 .slides .swiper-slide .item {
  margin: 0.8rem -0.15rem;
}

.page3 .slides .swiper-slide-active,
.page3 .slides .swiper-slide-duplicate-active {
  transform: scale(1);
  position: relative;
  z-index: 2;
}

.page3 .list {
  margin-top: 0.65rem;
}

.page3 .list ul {
  position: relative;
}

.page3 .list ul::before {
  content: "";
  width: 1px;
  height: 90%;
  border-left: 1px dotted #d9d9d9;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.page3 .list li {
  margin-bottom: 0.25rem;
}

.page3 .list li .item {
  padding-left: 0.3rem;
  position: relative;
}

.page3 .list li .item .item-tit {
  color: #666;
  cursor: pointer;
}

.page3 .list li .item .item-cont {
  line-height: 1.8;
  display: none;
  margin-top: 0.1rem;
  color: #666;
}

.page3 .list li .item::before {
  content: "";
  width: 0.19rem;
  height: 0.19rem;
  position: absolute;
  left: -0.09rem;
  top: 0.1rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../img/dot1.png");
}

.page3 .list li:last-child {
  margin-bottom: 0;
}

.page3 .list li.active .item::before {
  background-image: url("../img/dot2.png");
}

.page3 .list li.active .item .item-tit {
  color: #000;
  font-weight: bold;
  font-size: 0.3rem;
}

.page3 .list li.active .item .item-cont {
  display: block;
}

#line1,
#line2 {
  stroke-dasharray: 4000;
  stroke-dashoffset: 4000;
  animation: drawLine 8s ease-in-out infinite;
}

#line2 {
  animation-delay: 2s;
}

@keyframes drawLine {
  0% {
    stroke-dashoffset: 4000;
    opacity: 0.3;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 0;
    opacity: 0.3;
  }
}

/* page4 */
.page4 {
  background-color: #fff;
  background-size: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.page4 svg {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: .25rem;
  z-index: -1;
  height: auto;
  overflow: visible;
  transform: rotate(10deg);
}

.page4 .wrap {
  position: relative;
}

.page4 .wrap .g-type {
  position: absolute;
  left: 0;
  top: -0.6rem;
}

.page4 .wrap .g-type .txt4 {
  margin: 0.1rem 0 0.65rem;
}

.page4 .wrap .g-type .cont {
  width: 60%;
  max-width: 6.62rem;
}

.page4 .slides {
  padding-top: 1.8rem;
  margin-top: 0.8rem;
}

.page4 .slides ul {
  align-items: flex-end;
}

.page4 .slides li .fitImg3 {
  padding-top: 69.05%;
}

.page4 .slides li:nth-child(1) {
  width: 2rem;
}

.page4 .slides li:nth-child(2) {
  width: 3.5rem;
  margin-bottom: 0.25rem;
}

.page4 .slides li:nth-child(3) {
  width: 6rem;
  margin-bottom: 0.4rem;
}

.page5 {
  overflow: hidden;
}

.page5 .g-type {
  max-width: 9.5rem;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 0.45rem;
}

.page5 .g-type .txt1 .cn {
  left: 50%;
  transform: translate(-50%, -50%);
}

.page5 .swiper-slide {
  transition: 300ms;
  transform: scale(0.65);
  opacity: 0.5;
}

.page5 .swiper-slide .item-tit {
  margin-top: 0.15rem;
  opacity: 0;
  text-align: center;
}

.page5 .swiper-slide .fitImg3 {
  padding-top: 53.2%;
}

.page5 .swiper-slide-active,
.page5 .swiper-slide-duplicate-active {
  transform: scale(1);
  opacity: 1;
}

.page5 .swiper-slide-active .item-tit,
.page5 .swiper-slide-duplicate-active .item-tit {
  opacity: 1;
}

.page5 .slides {
  margin: 0 -2.5rem;
}

.page5 .slides .jt.prev {
  left: 30.5%;
}

.page5 .slides .jt.next {
  right: 30.5%;
}

.swp-jt {
  position: relative;
}

.swp-jt .jt {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border: 1px solid #ccc;
  margin-top: 0;
  position: absolute;
  cursor: pointer;
  transition: background 0.3s ease;
  z-index: 2;
  top: 40%;
  transform: translateY(-50%);
}

.swp-jt .jt:hover {
  background: #118de2;
  color: #fff;
  border-color: #118de2;
}

.swp-jt .jt.prev {
  left: 0;
}

.swp-jt .jt.next {
  right: 0;
}

.swp-jt2 .jt {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border: 1px solid #ccc;
  margin: 0 0.2rem;
  transition: background ease 0.3s;
  font-weight: bold;
}

.swp-jt2 .jt:hover {
  background: #118de2;
  border-color: #118de2;
  color: #fff;
}

/* page6 */
.page6 {
  background: #fff;
}

.page6 .item-time {
  flex-shrink: 0;
}

.page6 .item-time i {
  margin-right: 0.1rem;
}

.page6 .news1 {
  margin-bottom: 0.35rem;
}

.page6 .news1 .link {
  display: block;
  height: 100%;
  overflow: hidden;
}

.page6 .news1 .item1 {
  height: 100%;
  position: relative;
}

.page6 .news1 .item1 .item-txt {
  width: 100%;
  position: absolute;
  bottom: 0.15rem;
  color: #fff;
  padding: 0 0.2rem;
  left: 0;
}

.page6 .news1 .item1 .item-txt .item-time {
  margin-left: 0.25rem;
}

.page6 .news1 .item2 {
  background: #118de2;
  padding: 0.3rem 0.27rem;
  color: #fff;
}

.page6 .news1 .item2 .item-tit {
  margin: 0.12rem 0;
}

.page6 .news1 .item2 a {
  color: #fff;
}

.page6 .news1 .item2 .item-desc {
  color: rgba(255, 255, 255, 0.8);
  -webkit-line-clamp: 4;
  margin-bottom: 0.3rem;
}

.page6 .news2 .item {
  border-bottom: 1px solid #ccc;
  position: relative;
  padding-bottom: 0.23rem;
  cursor: pointer;
  color: #999;
}

.page6 .news2 .item::after {
  content: "";
  width: 0;
  height: 2px;
  background: #118de2;
  position: absolute;
  left: 0;
  bottom: -1px;
  transition: width ease 0.3s;
}

.page6 .news2 .item .item-cat a {
  color: #999;
}

.page6 .news2 .item .item-tit {
  margin: 0.12rem 0 0.2rem;
  color: #282828;
}

.page6 .news2 .item:hover::after {
  width: 100%;
}

.page6 .news2 .item:hover .item-tit {
  color: #118de2;
}

/* footer */
.footer {
  background: url("../img/bg_ft.png") repeat-x top center;
  background-size: 100%;
  padding-top: 1.8rem;
  color: #fff;
  position: relative;
  z-index: 1;
}

.footer::after {
  content: "";
  width: 100%;
  height: 70%;
  background: #2776bd;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.footer a {
  color: #fff;
}

.footer .ft1 {
  padding-bottom: 0.78rem;
  position: relative;
  z-index: 1;
}

.footer .ft1::after {
  content: "";
  width: 6.25rem;
  height: 1.32rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  background: url("../img/clound.png") no-repeat;
  background-size: 100% 100%;
}

.footer .ft1 .col1 {
  width: 2.7rem;
  flex-shrink: 0;
}

.footer .ft1 .col1 .logo {
  margin-bottom: 0.4rem;
}

.footer .ft1 .col1 .logo img {
  width: 2.67rem;
}

.footer .ft1 .col1 .lxfs li {
  margin-bottom: 0.15rem;
}

.footer .ft1 .col1 .lxfs li .icon {
  flex-shrink: 0;
  margin-right: 0.13rem;
}

.footer .ft1 .col1 .lxfs li .cont {
  flex: 1;
  overflow: hidden;
  line-height: 1.5;
}

.footer .ft1 .col2 {
  margin: 0 0.65rem;
  margin-top: 0.57rem;
}

.footer .ft1 .col2 .navlist li .tit {
  color: #fff;
  margin-bottom: 0.2rem;
  display: block;
}

.footer .ft1 .col2 .navlist li .dropdown li {
  margin-bottom: 0.12rem;
}

.footer .ft1 .col2 .navlist li .dropdown li a {
  color: #86ccfc;
}

.footer .ft1 .col2 .navlist li .dropdown li:hover a {
  color: rgba(255, 255, 255, 0.8);
}

.footer .ft1 .col3 {
  margin-top: 0.57rem;
}

.footer .ft1 .col3 li {
  margin-left: 0.2rem;
  width: 1.6rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
}

.footer .ft2 {
  padding: 0.2rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.footer .ft2 .policy a {
  margin: 0 0.15rem;
}

.footer .ft2 a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.bg2 .footer {
  background-color: #f4f4f4;
}

/* 产地溯源 */
.inner-slide {
  position: relative;
  z-index: 1;
}

.inner-slide img {
  display: block;
}

.inner-slide .slide-txt {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
}

.inner-slide .slide-txt .en {
  color: rgba(255, 255, 255, 0.4);
}

.inner-slide .slide-txt .cn {
  margin-top: -0.09rem;
  padding: 0 0 0.1rem 0;
  position: relative;
}

.inner-slide .slide-txt .cn::after {
  content: "";
  width: 0.9rem;
  height: 0.06rem;
  background: #118de2;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.inner-slide::before {
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../img/ban_mask.png") no-repeat top center;
  background-size: cover;
}

.subcat {
  margin: 0.3rem auto 0.6rem auto;
  max-width: 12rem;
  background: url("../img/bg_sub.png") no-repeat;
  background-size: 100% 100%;
  padding: 0 1.18rem;
}

.subcat li a {
  padding: 0.26rem 0;
  display: inline-block;
  position: relative;
  color: #282828;
}

.subcat li a::before {
  content: "";
  width: 0.18rem;
  height: 0.09rem;
  background: url("../img/dot3.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}

.subcat li:hover a, .subcat li.active a {
  color: #118de2;
  font-weight: bold;
}

.subcat li:hover a::before, .subcat li.active a::before {
  opacity: 1;
}

.subcat2 ul {
  justify-content: center;
}

.subcat2 ul li {
  margin: 0 0.65rem;
}

.tablist .tabcont {
  display: none;
}

.tablist .tabcont:nth-child(1) {
  display: block;
}

.suyuan .sy1 .pic {
  margin-left: 0.37rem;
}

.suyuan .sy1 .info {
  padding-left: 0.4rem;
}

.suyuan .sy1 .info .txt1 {
  color: #118de2;
}

.suyuan .sy1 .info .txt2 {
  color: #282828;
  margin: 0.05rem 0 0.13rem;
}

.suyuan .sy1 .info .txt3 {
  line-height: 1.65;
}

.suyuan .sy1 .info .tabs {
  margin: 0.4rem 0 0.3rem;
}

.suyuan .sy1 .info .tabs li {
  margin-right: 0.6rem;
  position: relative;
  padding-bottom: 0.03rem;
  cursor: pointer;
  color: #666;
}

.suyuan .sy1 .info .tabs li:last-child {
  margin-right: 0;
}

.suyuan .sy1 .info .tabs li::after {
  content: "";
  width: 0;
  height: 0.03rem;
  background: #118de2;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: width ease 0.3s;
}

.suyuan .sy1 .info .tabs li.active {
  color: #118de2;
  font-size: 0.24rem;
  margin-top: -0.15rem;
}

.suyuan .sy1 .info .tabs li.active::after {
  width: 100%;
}

.suyuan .sy1 .info .tabcont {
  color: #666;
  line-height: 1.8;
}

.suyuan .sy2 {
  padding: 0.5rem 0 1.5rem;
}

.suyuan .sy2 .sy2-tit {
  text-align: center;
  margin-bottom: 0.34rem;
}

.suyuan .sy2 .list .item {
  position: relative;
  z-index: 1;
}

.suyuan .sy2 .list .item .item-tit {
  position: absolute;
  bottom: 0.3rem;
  width: 100%;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.suyuan .sy2 .list .item .item-tit .icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-right: 0.25rem;
}

.suyuan .sy2 .list .item .item-tit .icon img {
  width: 0.3rem;
  border-radius: 0;
}

.suyuan .sy2 .list .item::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/mask1.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  border-radius: inherit;
}

.suyuan .sy2 .list .item.item1 .fitImg2 {
  height: 8.22rem;
}

.suyuan .sy2 .list .item.item2 .fitImg2 {
  height: 4.24rem;
}

.suyuan .sy2 .list .item.item3 .fitImg2 {
  height: 3.71rem;
}

/* 理念 */
.linian .list > ul > li {
  margin-bottom: 0.5rem;
}

.linian .list > ul > li .fitImg3 {
  padding-top: 62.99%;
  margin-left: 0.55rem;
}

.linian .list > ul > li .info {
  padding: 0.2rem 0 0 0.5rem;
}

.linian .list > ul > li .item .tit {
  color: #118de2;
}

.linian .list > ul > li .item .cont ul li {
  margin-top: 0.35rem;
}

.linian .list > ul > li .item .cont ul li h4 {
  font-size: 0.24rem;
  position: relative;
  background: url("../img/zs3.png") no-repeat left center;
  padding-left: 0.4rem;
  margin-bottom: 0.1rem;
}

.g-type2 {
  margin-bottom: 0.44rem;
}

.g-type2 .tit {
  font-family: "Microsoft Yahei";
}

/* 品牌使命 */
.brand {
  padding-bottom: 1rem;
}

.brand li .item {
  position: relative;
}

.brand li .item .fitImg {
  padding-top: 126.6%;
}

.brand li .item .item-txt {
  background: #118de2;
  color: #fff;
  position: absolute;
  min-height: 2.03rem;
  bottom: 0.33rem;
  width: 80%;
  color: #fff;
  padding: 0.3rem;
}

.brand li .item .item-txt .desc {
  margin-top: 0.1rem;
}

/* 标准 */
.standard .list > ul > li {
  margin-bottom: 1rem;
}

.standard .list > ul > li .item .info {
  padding: 0.3rem 0.5rem 0 0;
}

.standard .list > ul > li .item .fitImg3 {
  padding-top: 62.99%;
}

.standard .list > ul > li .item .cont {
  margin: 0.5rem 0 0.5rem;
}

.standard .list > ul > li .item .cont ul li {
  margin: 0.35rem 0;
  position: relative;
  padding-left: 0.38rem;
}

.standard .list > ul > li .item .cont ul li::before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/dui.svg") no-repeat;
  background-size: 100% 100%;
}

.standard .list > ul > li .item .file {
  background: #f6f6f6;
  border-radius: 0.16rem;
  padding: 0.13rem 0.3rem;
}

.standard .list > ul > li .item .file .icon1 {
  width: 0.47rem;
  flex-shrink: 0;
}

.standard .list > ul > li .item .file .icon2 {
  width: 0.26rem;
  flex-shrink: 0;
}

.standard .list > ul > li .item .file .info2 {
  margin: 0 0.2rem;
}

.standard .list > ul > li .item .file .info2 .tit {
  color: #282828;
}

.standard .list > ul > li .item .file .info2 .size {
  color: #666;
}

.standard .list > ul > li .item .file:hover .info2 .tit {
  color: #118de2;
}

.standard .list > ul > li:last-child {
  margin-bottom: 0.6rem;
}

.honor {
  background: none;
  padding: 0 0 1rem;
}

/* 案例 */
.case .item .item-pic {
  position: relative;
}

.case .item .item-pic .cat {
  padding: 0.06rem 0.16rem;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0.3rem;
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  z-index: 1;
  color: #000;
}

.case .item .fitImg {
  padding-top: 56.53%;
}

.case .item .item-tit {
  margin: 0.2rem 0 0.06rem;
}

.case .item .item-desc {
  color: #444;
}

.case .item:hover {
  color: #118de2;
}

.case .item:hover .item-desc {
  color: #118de2;
}

.pages {
  padding: 0.75rem 0 0.6rem 0;
}

.pages li {
  margin: 0 0.06rem;
}

.pages li a {
  height: 0.44rem;
  padding:0 .1rem;
  min-width: 0.44rem;
  border-radius: .1rem;
  background: #fff;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  color: #666;
  transition: all ease 0.3s;
  border: 1px solid #9d9d9d;
}

.pages li:hover a, .pages li.active a {
  background: #118de2;
  border-color: #118de2;
  color: #fff;
}

.meiti .list li .item .item-desc {
  margin: 0.11rem 0;
}

.meiti .list li .item .item-date {
  color: #999;
}

.meiti .list li .item .item-date .time i {
  margin-right: 0.1rem;
}

.meiti .list li .item .item-date .link i {
  margin-left: 0.1rem;
}

.meiti .list li .item:hover .item-date {
  color: #118de2;
}

/* 企业动态 */
.search {
  width: 3.27rem;
  flex-shrink: 0;
  border-radius: 0.1rem;
  border: 0.01rem solid #ccc;
}

.search .int input {
  width: 100%;
  padding: 0 0.15rem;
}

.search button {
  width: 1rem;
  height: 0.45rem;
  background: #118de2;
  flex-shrink: 0;
  color: #fff;
  border-radius: 0.1rem;
}

.search button i {
  margin-right: 0.11rem;
}

.news .filter {
  margin-bottom: 0.4rem;
}

.news .filter .tree-list li {
  margin-right: 0.1rem;
}

.news .filter .tree-list li a {
  padding: 0.1rem 0.24rem;
  border-radius: 0.2rem 0 0.2rem;
  background: #f3f4f6;
  color: #4b5563;
  transition: background 0.3s;
}

.news .filter .tree-list li:hover a, .news .filter .tree-list li.on a {
  background: #118de2;
  color: #fff;
}

.news .list li .item {
  position: relative;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.24rem;
}

.news .list li .item::after {
  content: "";
  width: 0;
  height: 0.02rem;
  background: #118de2;
  position: absolute;
  bottom: -1px;
  left: 0;
  transition: width ease 0.3s;
}

.news .list li .item .fitImg {
  padding-top: 56.53%;
}

.news .list li .item .item-cat {
  color: #999;
  margin-top: 0.2rem;
}

.news .list li .item .item-tit {
  margin: 0.12rem 0 0.18rem;
}

.news .list li .item .item-date {
  color: #999;
}

.news .list li .item .item-date .time i {
  margin-right: 0.1rem;
}

.news .list li .item .item-date .link i {
  margin-left: 0.1rem;
}

.news .list li .item:hover .item-date {
  color: #118de2;
}

.news .list li .item:hover::after {
  width: 100%;
}

/* 行业新闻 */
.news .list2 li {
  margin-bottom: 0.4rem;
}

.news .list2 li .item .item-pic {
  flex-shrink: 0;
  width: 2.89rem;
}

.news .list2 li .item .item-pic .fitImg {
  padding-top: 62.28%;
}

.news .list2 li .item .item-info {
  margin: 0 0.3rem;
}

.news .list2 li .item .item-info .tit {
  color: #282828;
  font-weight: bold;
}

.news .list2 li .item .item-info .desc {
  margin: 0.18rem 0 0.32rem;
  color: #666;
}

.news .list2 li .item .item-info .link {
  color: #666;
}

.news .list2 li .item .item-info .link i {
  margin-left: 0.1rem;
  color: #118de2;
  transition: ease 0.3s;
}

.news .list2 li .item .item-date {
  font-family: "DIN";
  position: relative;
  width: 1.6rem;
  flex-shrink: 0;
  text-align: center;
}

.news .list2 li .item .item-date::before {
  content: "";
  width: 0.01rem;
  height: 1.05rem;
  background: #ddd;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.news .list2 li .item .item-date .day {
  color: #282828;
}

.news .list2 li .item .item-date .year {
  color: #999;
  margin-top: -0.08rem;
}

.news .list2 li:hover {
  color: #118de2;
}

.news .list2 li:hover .item-info .tit,
.news .list2 li:hover .item-info .link,
.news .list2 li:hover .item-info .item-date {
  color: #118de2;
}

.news .list2 li:hover .item-info .desc {
  text-decoration: underline;
}

.news .list2 li:hover .item-info .link i {
  transform: rotate(45deg);
}

.news .list2 li:hover .item-date .day,
.news .list2 li:hover .item-date .year {
  color: #118de2;
}

.news .list2 li:last-child {
  margin-bottom: 0;
}

/* 媒体聚焦 */
.meiti2 {
  padding-bottom: 1.3rem;
}

.meiti2 .mt-type {
  margin-bottom: 0.5rem;
  overflow: hidden;
}

.meiti2 .mt-type .tit {
  font-weight: bold;
}

.meiti2 .mt-type .desc {
  color: #64748b;
  max-width: 6.6rem;
  margin-top: 0.1rem;
}

.meiti2 .mt1 {
  margin-bottom: 1rem;
}

.meiti2 .mt1 .cont .col1 .item {
  position: relative;
  z-index: 1;
}

.meiti2 .mt1 .cont .col1 .item::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/mask2.png") repeat-x bottom center;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 0 0 0.4rem 0;
}

.meiti2 .mt1 .cont .col1 .item .fitImg {
  padding-top: 59.6%;
}

.meiti2 .mt1 .cont .col1 .item .box1 {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2rem 0.3rem;
  z-index: 1;
  width: 100%;
}

.meiti2 .mt1 .cont .col1 .item .box1 .dd1 {
  padding: 0.05rem 0.12rem;
  background: #282828;
  color: #fff;
  border-radius: 0.3rem;
}

.meiti2 .mt1 .cont .col1 .item .box1 .dd1 i {
  width: 0.09rem;
  height: 0.09rem;
  background: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 0.09rem;
}

.meiti2 .mt1 .cont .col1 .item .box1 .dd2 {
  padding: 0.05rem 0.12rem;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  border-radius: 0.3rem;
  margin-left: 0.14rem;
}

.meiti2 .mt1 .cont .col1 .item .box2 {
  position: absolute;
  padding: 0.4rem 0.3rem;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
  color: #fff;
}

.meiti2 .mt1 .cont .col1 .item .box2 .desc {
  color: rgba(255, 255, 255, 0.7);
  margin-top: 0.05rem;
}

.meiti2 .mt1 .cont .col2 {
  width: 4.7rem;
  flex-shrink: 0;
  margin-left: 0.5rem;
}

.meiti2 .mt1 .cont .col2 .box1 {
  border: 0.01rem solid #d9d9d9;
  padding: 0.2rem 0.25rem 0.1rem 0.25rem;
}

.meiti2 .mt1 .cont .col2 .box1 .type {
  margin-bottom: 0.15rem;
}

.meiti2 .mt1 .cont .col2 .box1 .type .cat {
  color: #282828;
}

.meiti2 .mt1 .cont .col2 .box1 .type .cat img {
  width: 0.27rem;
  margin-right: 0.11rem;
  flex-shrink: 0;
}

.meiti2 .mt1 .cont .col2 .box1 .type .link {
  color: #94a3b8;
}

.meiti2 .mt1 .cont .col2 .box1 .type .link i {
  margin-left: 0.06rem;
}

.meiti2 .mt1 .cont .col2 .box1 .type .link:hover {
  color: #118de2;
}

.meiti2 .mt1 .cont .col2 .box1 li .item {
  border-bottom: 1px solid #eee;
  padding: 0.1rem 0 0.2rem;
}

.meiti2 .mt1 .cont .col2 .box1 li .item .item-cat span {
  background: #f0f9ff;
  border-radius: 0.04rem;
  padding: 0.05rem 0.1rem;
  color: #666;
}

.meiti2 .mt1 .cont .col2 .box1 li .item .item-tit {
  margin: 0.12rem 0;
}

.meiti2 .mt1 .cont .col2 .box1 li .item .item-time {
  color: #94a3b8;
}

.meiti2 .mt1 .cont .col2 .box1 li:last-child .item {
  border-bottom: 0;
}

.meiti2 .mt1 .cont .col2 .box2 {
  background: #118de2;
  color: #fff;
  padding: 0.3rem 0.25rem;
  margin-top: 0.35rem;
  position: relative;
}

.meiti2 .mt1 .cont .col2 .box2 a {
  color: #fff;
}

.meiti2 .mt1 .cont .col2 .box2 .zst {
  width: 1.72rem;
  position: absolute;
  right: 0;
  top: 0;
}

.meiti2 .mt1 .cont .col2 .box2 .cat img {
  width: 0.3rem;
  margin-right: 0.12rem;
  flex-shrink: 0;
}

.meiti2 .mt1 .cont .col2 .box2 .tit {
  margin: 0.15rem 0 0.18rem;
}

.meiti2 .mt1 .cont .col2 .box2 .post span {
  padding: 0.08rem 0.15rem;
  background: rgba(255, 255, 255, 0.1);
}

.meiti2 .mt2 .mt-type {
  align-items: flex-end;
}

.meiti2 .mt2 .mt-type .link {
  color: #666;
}

.meiti2 .mt2 .mt-type .link i {
  margin-left: 0.06rem;
}

.meiti2 .mt2 .mt-type .link:hover {
  color: #118de2;
}

.meiti2 .mt2 .list li .item .item-pic {
  position: relative;
}

.meiti2 .mt2 .list li .item .item-pic .fitImg {
  padding-top: 134.9%;
}

.meiti2 .mt2 .list li .item .item-pic .cat {
  position: absolute;
  right: 0.15rem;
  top: 0.15rem;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0.3rem;
  color: #282828;
  z-index: 1;
  padding: 0.06rem 0.15rem;
}

.meiti2 .mt2 .list li .item .item-txt .tit {
  margin: 0.2rem 0 0.07rem;
}

.meiti2 .mt2 .list li .item .item-txt .attr {
  color: #999;
}

.meiti2 .mt2 .list li .item .item-txt .attr img {
  width: 0.2rem;
  flex-shrink: 0;
  margin-right: 0.02rem;
}

.meiti2 .mt2 .list li .item .item-txt .attr .nandu {
  padding-left: 0.2rem;
  position: relative;
  width: 45%;
}

.meiti2 .mt2 .list li .item .item-txt .attr .nandu::before {
  content: "";
  width: 1px;
  height: 90%;
  background: #eee;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.meiti2 .mt2 .list .item2 {
  position: relative;
}

.meiti2 .mt2 .list .item2 .fitImg3 {
  padding-top: 64.01%;
}

.meiti2 .mt2 .list .item2 .icon span {
  width: 0.72rem;
  height: 0.72rem;
  background: #118de2;
  border-radius: 50%;
}

.meiti2 .mt2 .list .item2 .icon span img {
  width: 0.36rem;
}

.meiti2 .mt2 .list .item2 .item-txt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding: 0.8rem 0.4rem;
}

.meiti2 .mt2 .list .item2 .item-txt .tit {
  line-height: 1.4;
  margin: 0.28rem 0 0.18rem;
}

.meiti2 .mt2 .list .item2 .item-txt .desc {
  color: #999;
}

.meiti2 .mt2 .list .item2 .item-txt .btn {
  margin-top: 0.8rem;
}

.meiti2 .mt2 .list .item2 .item-txt .btn .link {
  padding: 0.13rem 0;
  background: #118de2;
  border-radius: 0.5rem;
  color: #fff;
  transition: background ease 0.3s;
}

.meiti2 .mt2 .list .item2 .item-txt .btn .link img {
  width: 0.2rem;
  margin-right: 0.05rem;
}

.meiti2 .mt2 .list .item2 .item-txt .btn .link:hover {
  opacity: 0.88;
}

.g-type2 .desc {
  color: #666;
}

.contact .lx1 {
  padding: 1rem 0 0.6rem;
}

.contact .lx1 .list li {
  margin-bottom: 0.22rem;
  min-height: 0.6rem;
}

.contact .lx1 .list li .fl {
  margin-right: 0.15rem;
  width: 1.8rem;
  flex-shrink: 0;
  background: url("../img/bg_k1.png") no-repeat right center;
}

.contact .lx1 .list li .icon {
  width: 0.6rem;
  height: 0.6rem;
  background: #118de2;
  border-radius: 50%;
  margin-right: 0.15rem;
}

.contact .lx1 .list li .icon img {
  width: 0.22rem;
}

.contact .lx1 .qrcode {
  margin-top: 0.5rem;
}

.contact .lx1 .qrcode li {
  width: 1.86rem;
  text-align: center;
  margin: 0 0.25rem;
  color: #282828;
}

.contact .lx1 .map {
  border: 0.02rem solid #d9d9d9;
}

.contact .lx1 .map img {
  display: block;
}

.contact .lx2 {
  background-position: top center;
  background-size: 100%;
  padding-bottom: 1.35rem;
  background-color: #f4f4f4;
}

.contact .lx2 .g-type2 {
  padding: 1.18rem 0 1.2rem;
  color: #fff;
}

.contact .lx2 .g-type2 .desc {
  color: #fff;
}

.contact .lx2 .list li .item {
  background: #fff;
  padding: 0 0.5rem 0.75rem 0.5rem;
}

.contact .lx2 .list li .item .icon {
  transform: translateY(-0.55rem);
}

.contact .lx2 .list li .item .icon span {
  width: 1.18rem;
  height: 1.18rem;
  background: #118de2;
  border-radius: 50%;
}

.contact .lx2 .list li .item .icon span img {
  width: 0.75rem;
}

.contact .lx2 .list li .item .tit {
  margin: -0.35rem 0 0.1rem;
}

.contact .lx2 .list li .item .desc {
  color: #999;
}

/* 合作采购 */
.hz-type {
  margin-bottom: 0.55rem;
  text-align: center;
}

.hz-type .desc {
  margin-top: 0.1rem;
  color: #64748b;
}

.hezuo .hz1 {
  background: #f4f4f4;
  overflow: hidden;
  padding-bottom: 1.05rem;
}

.hezuo .hz1 .list {
  position: relative;
}

.hezuo .hz1 .list ul {
  gap: 0.24rem;
}

.hezuo .hz1 .list li:nth-child(1) {
  width: 1.71rem;
}

.hezuo .hz1 .list li:nth-child(3) {
  width: 1.66rem;
}

.hezuo .hz1 .list .info {
  width: 3.96rem;
  background: #118de2 url("../img/dou.png") no-repeat right 0.46rem bottom 0.3rem;
  color: #fff;
  padding: 0.25rem 0.46rem 0.35rem 0.46rem;
  position: absolute;
  right: 1.1rem;
  bottom: -0.4rem;
  z-index: 1;
  background-size: 0.71rem 0.55rem;
}

.hezuo .hz1 .list2 {
  padding-left: 0.2rem;
}

.hezuo .hz1 .list2 .item {
  background: #fff;
  padding: 0.3rem;
}

.hezuo .hz1 .list2 .item .icon {
  display: flex;
  align-items: center;
}

.hezuo .hz1 .list2 .item .icon span {
  width: 0.76rem;
  height: 0.76rem;
  background: #f4f4f4;
  border-radius: 0.2rem;
}

.hezuo .hz1 .list2 .item .icon img {
  border-radius: 0;
  width: 0.3rem;
}

.hezuo .hz1 .list2 .item .tit {
  margin: 0.17rem 0 0.11rem;
}

.hezuo .hz1 .list2 .item .desc {
  color: #666;
  line-height: 1.5;
}

.hezuo .hz2 .list {
  background: url("../img/line2.png") no-repeat center center;
  background-size: 100%;
}

.hezuo .hz2 .list li {
  text-align: center;
}

.hezuo .hz2 .list li .item .icon {
  width: 1.11rem;
  height: 1.11rem;
  background: #118de2;
  border-radius: 50%;
  margin: 0 auto;
}

.hezuo .hz2 .list li .item .icon img {
  width: 0.54rem;
}

.hezuo .hz2 .list li .item .tit {
  margin: 0.06rem 0;
}

.hezuo .hz2 .list li .item .desc {
  color: #666;
}

.hezuo .hz3 {
  margin-top: 0.3rem;
}

.hezuo .hz3 .jts {
  padding: 0.65rem 0 0.8rem;
}

.hezuo .hz4 {
  padding: 0.7rem 0 1.2rem;
  background-color: #f4f4f4;
  background-position: top center;
  background-size: 100%;
}

.hezuo .hz4 .hz-type {
  text-align: left;
  color: #fff;
  margin-bottom: 0.7rem;
}

.hezuo .hz4 .hz-type .tit {
  line-height: 1.4;
}

.hezuo .hz4 .hz-type .desc {
  color: #fff;
  margin-top: 0.2rem;
}

.hezuo .hz4 .cont {
  background: #fff;
  padding: 0.5rem 0.9rem 0.5rem 0.4rem;
}

.hezuo .hz4 .cont .col1 {
  width: 5.6rem;
  flex-shrink: 0;
  position: relative;
}

.hezuo .hz4 .cont .col1 .tel {
  background: #118de2;
  padding: 0.25rem 0.85rem 0.25rem 0.3rem;
  color: #fff;
  position: absolute;
  bottom: 0.33rem;
  left: 0;
  z-index: 1;
  border-radius: 0 0.7rem 0.8rem 0;
}

.hezuo .hz4 .cont .col1 .tel .icon {
  width: 0.65rem;
  height: 0.65rem;
  background: #fff;
  border-radius: 50%;
  margin-right: 0.24rem;
}

.hezuo .hz4 .cont .col1 .tel .icon img {
  width: 0.32rem;
  border-radius: 0;
}

.hezuo .hz4 .cont .col2 {
  padding-left: 1.3rem;
}

.hezuo .hz4 .cont .col2 .form .form-tit {
  margin-bottom: 0.2rem;
}

.hezuo .hz4 .cont .col2 .form .item {
  padding: 0.15rem 0.2rem;
  border: 0.01rem solid #ddd;
}

.hezuo .hz4 .cont .col2 .form .item .label {
  flex-shrink: 0;
  margin-right: 0.1rem;
}

.hezuo .hz4 .cont .col2 .form .item input,
.hezuo .hz4 .cont .col2 .form .item textarea {
  width: 100%;
}

.hezuo .hz4 .cont .col2 .form .item input::-webkit-input-placeholder,
.hezuo .hz4 .cont .col2 .form .item textarea::-webkit-input-placeholder {
  font-size: inherit;
  color: #ccc;
}

.hezuo .hz4 .cont .col2 .form .item textarea {
  min-height: 1rem;
}

.hezuo .hz4 .cont .col2 .form .getcode {
  align-items: stretch;
}

.hezuo .hz4 .cont .col2 .form .getcode .yzm {
  border: 1px solid #ccc;
}

.hezuo .hz4 .cont .col2 .form .getcode .yzm img {
  height: 0.68rem;
}

.hezuo .hz4 .cont .col2 .form .getcode .field {
  height: 100%;
}

.hezuo .hz4 .cont .col2 .form .getcode .field input {
  height: 100%;
}

.hezuo .hz4 .cont .col2 .form .getcode .item {
  max-width: 3.35rem;
  margin-left: 0.25rem;
}

.hezuo .hz4 .cont .col2 .form .btn {
  margin-top: 0.3rem;
}

.hezuo .hz4 .cont .col2 .form .btn button {
  padding: 0.2rem 0;
  background: #118de2;
  color: #fff;
  width: 100%;
  transition: background-color 0.3s ease-in-out;
}

.hezuo .hz4 .cont .col2 .form .btn button:hover {
  opacity: 0.88;
}

/* 渠道 */
.qudao {
  background: #f4f4f4;
  overflow: hidden;
}

.qudao .qd2 {
  background-size: 100%;
  background-position: top center;
  padding-top: 0.6rem;
}

.qudao .qd2 .hz-type {
  color: #fff;
}

.qudao .qd2 .hz-type .desc {
  color: #fff;
}

.qudao .qd2 .box1 {
  color: #fff;
  margin-bottom: 0.7rem;
}

.qudao .qd2 .box1 .item .icon {
  width: 1.4rem;
  flex-shrink: 0;
  margin-right: 0.32rem;
}

.qudao .qd2 .box1 .item .info .tit {
  color: rgba(255, 255, 255, 0.8);
}

.qudao .qd2 .box2 {
  background: #fff;
}

.qudao .qd2 .box2 .col1 {
  background: #118de2;
  color: #fff;
  padding: 0.76rem;
  width: 41.57%;
  flex-shrink: 0;
  border-radius: 0.4rem 0 0 0.4rem;
}

.qudao .qd2 .box2 .col1 .list {
  margin-top: 1.5rem;
}

.qudao .qd2 .box2 .col1 .list li {
  display: flex;
  align-items: center;
  margin-bottom: 0.24rem;
}

.qudao .qd2 .box2 .col1 .list li .icon {
  width: 0.2rem;
  margin-right: 0.15rem;
  flex-shrink: 0;
}

.qudao .qd2 .box2 .col2 {
  padding: 0.5rem 1.2rem 0.5rem 0.64rem;
}

.qudao .qd2 .box2 .col2 li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.2rem;
  border: 0.01rem solid #ddd;
  padding: 0.2rem 0.2rem;
  margin-bottom: 0.4rem;
}

.qudao .qd2 .box2 .col2 li .label {
  width: 0.8rem;
  flex-shrink: 0;
  height: 0.4rem;
  display: flex;
  align-items: center;
}

.qudao .qd2 .box2 .col2 li .field {
  flex: 1;
  margin-top: 0.03rem;
}

.qudao .qd2 .box2 .col2 .btn {
  margin-top: 0.65rem;
}

.qudao .qd2 .box2 .col2 .btn button {
  background: #118de2;
  color: #fff;
  padding: 0.25rem 0;
  width: 100%;
  font-weight: normal;
  transition: opacity 0.2s ease;
}

.qudao .qd2 .box2 .col2 .btn button i {
  margin-right: 0.2rem;
}

.qudao .qd2 .box2 .col2 .btn button:hover {
  opacity: 0.88;
}

.qudao .qd1 {
  overflow: hidden;
  padding-bottom: 1.05rem;
}

.qudao .qd1 li {
  display: flex;
}

.qudao .qd1 .item {
  flex: 1;
  overflow: hidden;
  background: #fff;
  padding: 0.5rem 0.34rem;
}

.qudao .qd1 .item .icon span {
  width: 0.6rem;
  height: 0.6rem;
  background: #118de2;
}

.qudao .qd1 .item .cat {
  color: #666;
  margin: 0.3rem 0 0.1rem;
}

.qudao .qd1 .item .tit {
  margin-bottom: 0.1rem;
}

.qudao .qd1 .item .desc {
  color: #64748b;
}

.qudao .qd3 {
  margin: 1.2rem 0;
}

.qudao .qd3 li {
  display: flex;
}

.qudao .qd3 .item {
  flex: 1;
  overflow: hidden;
  background: #fff;
  padding: 0.6rem 0.4rem;
  text-align: center;
}

.qudao .qd3 .item .icon span {
  width: 1.08rem;
  height: 1.08rem;
  background: #118de2;
  border-radius: 50%;
}

.qudao .qd3 .item .icon span img {
  width: 0.54rem;
}

.qudao .qd3 .item .tit {
  margin: 0.35rem 0 0.15rem;
}

.qudao .qd3 .item .desc {
  color: #94a3b8;
  margin-bottom: 0.5rem;
}

.qudao .qd3 .item .step .jdt {
  width: 3.77rem;
  height: 0.07rem;
  margin: 0 auto;
  background: #eeeeee;
  margin-bottom: 0.16rem;
}

.qudao .qd3 .item .step .jdt i {
  height: 100%;
  background: #118de2;
  border-radius: 0.03rem;
}

.qudao .qd3 .item .step .txt {
  color: #94a3b8;
}

.qudao .qd3 .item .tags {
  gap: 0.2rem;
}

.qudao .qd3 .item .tags span {
  padding: 0.08rem 0.18rem;
  background: #eee;
  border-radius: 0.3rem;
  font-weight: 500;
}

.qudao .qd3 .item .star img {
  width: 0.18rem;
  margin: 0 0.03rem;
}

.qudao .qd3 .item .star .score {
  margin-left: 0.1rem;
}

.qudao .qd4 {
  margin: 1.1rem 0;
}

.qudao .qd4 .item-tit {
  margin-bottom: 0.35rem;
}

.qudao .qd4 .list1 {
  padding-right: 0.4rem;
}

.qudao .qd4 .list1 li {
  margin-bottom: 0.14rem;
}

.qudao .qd4 .list1 li .card {
  background: #fff;
  padding: 0.28rem 0.3rem;
}

.qudao .qd4 .list1 li .card .icon {
  width: 0.64rem;
  height: 0.64rem;
  background: #118de2;
  flex-shrink: 0;
  margin-right: 0.3rem;
}

.qudao .qd4 .list1 li .card .info .desc {
  color: #94a3b8;
  margin-top: 0.02rem;
}

.qudao .qd4 .list2 {
  padding: 0.4rem;
  background: #fff;
}

.qudao .qd4 .list2 li {
  display: flex;
  margin-bottom: 0.3rem;
}

.qudao .qd4 .list2 li .icon {
  width: 0.26rem;
  margin-right: 0.15rem;
  margin-top: 0.1rem;
}

.qudao .qd4 .list2 li .info .tit {
  color: #282828;
}

.qudao .qd4 .list2 li .info .desc {
  color: #94a3b8;
  margin-top: 0.1rem;
}

.qudao .qd4 .list2 li:last-child {
  margin-bottom: 0;
}

.crumbs {
  padding: 0.2rem 0;
  color: #666;
}

.crumbs i {
  margin-right: 0.1rem;
}

.crumbs a {
  color: #666;
}

.crumbs a:hover {
  color: #118de2;
}

/* 渠道详情 */
.show-shop .det1 {
  margin-bottom: 0.5rem;
}

.show-shop .det1 .info {
  padding-left: 0.54rem;
}

.show-shop .det1 .info .address {
  margin: 0.14rem 0 0.2rem;
  color: #444;
}

.show-shop .det1 .info .jianjie {
  color: #666;
  line-height: 1.8;
}

.show-shop .det1 .info .buy {
  margin-top: 0.25rem;
}

.show-shop .det1 .info .buy .wx {
  width: 1.5rem;
  margin-right: 0.28rem;
}

.show-shop .det2 {
  padding-bottom: 1rem;
}

.show-shop .det2 .contbox {
  margin-left: 0.5rem;
}

.show-shop .det2 .contbox .det2-row2 li .item {
  display: flex;
  align-items: center;
}

.show-shop .det2 .contbox .det2-row2 li .item .icon {
  width: 0.8rem;
  height: 0.8rem;
  background: #e7eff5;
  flex-shrink: 0;
  margin-right: 0.15rem;
}

.show-shop .det2 .contbox .det2-row2 li .item .info .desc {
  color: rgba(40, 40, 40, 0.6);
}

.side {
  width: 2.2rem;
}

.side ul {
  background: #f6f6f6;
  border-radius: 0.2rem;
  border: 0.01rem solid #d9d9d9;
  padding: 0.3rem 0;
  position: sticky;
  top: 1rem;
  z-index: 2;
}

.side ul li {
  margin-bottom: 0.4rem;
}

.side ul li a {
  padding-left: 0.4rem;
  color: rgba(40, 40, 40, 0.6);
  position: relative;
}

.side ul li a::before {
  content: "";
  width: 0.09rem;
  height: 0.18rem;
  position: absolute;
  left: 0;
  top: 50%;
  opacity: 0;
  transform: translateY(-50%);
  background: url("../img/dot4.png") no-repeat left center;
  background-size: 100% 100%;
}

.side ul li:last-child {
  margin-bottom: 0;
}

.side ul li:hover a, .side ul li.active a {
  color: #118de2;
  font-weight: bold;
}

.side ul li:hover a::before, .side ul li.active a::before {
  opacity: 1;
}

.product .prolist .item .fitImg {
  padding-top: 61.11%;
}

.product .prolist .item .item-pic {
  position: relative;
}

.product .prolist .item .item-pic .mark {
  width: 0.4rem;
  height: 0.4rem;
  background: #118de2;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0.15rem;
  top: 0.1rem;
  z-index: 1;
}

.product .prolist .item .item-pic .lx {
  position: absolute;
  top: 0.11rem;
  right: 0.2rem;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 0.05rem 0.13rem;
  z-index: 1;
  border-radius: 0.5rem;
}

.product .prolist .item .item-cat {
  margin: 0.15rem 0 0.1rem;
  color: #999;
}

.product .prolist .item .item-tit {
  color: #1a2e1a;
}

.product .prolist .item .item-desc {
  margin: 0.05rem 0 0.15rem;
  color: #6b7280;
}

.product .prolist .item .item-link .price {
  color: #9ca3af;
}

.product .prolist .item .item-link .price span {
  color: #ff9900;
  margin-right: 0.05rem;
}

.product .prolist .item .item-link .link {
  padding: 0.08rem 0.22rem;
  background: #118de2;
  border-radius: 0.18rem 0 0.18rem;
  color: #fff;
}

.product .prolist .item:hover .item-tit {
  color: #118de2;
}

/* 新闻详情 */
.news-detail {
  padding-bottom: 0.65rem;
}

.news-detail .contbox .news-tit {
  line-height: 1.5;
}

.news-detail .contbox .news-attr {
  color: #666;
  margin: 0.3rem 0;
}

.news-detail .contbox .news-attr .dd {
  margin: 0 0.2rem 0 0;
}

.news-detail .contbox .news-cont {
  line-height: 1.8;
}

.news-detail .contbox .news-cont img {
  max-width: 100% !important;
  height: auto !important;
}

.news-detail .contbox .news-key {
  margin: 0.3rem 0 0.4rem;
}

.news-detail .contbox .news-key .tit {
  margin-right: 0.2rem;
}

.news-detail .contbox .news-key .key {
  gap: 0.2rem;
}

.news-detail .contbox .news-key .key a {
  padding: 0.05rem 0.3rem;
  display: inline-block;
  background: #e9f1f8;
  border-radius: 0.1rem;
  color: #118de2;
}

.news-detail .contbox .news-key .key a:hover {
  background: #118de2;
  color: #fff;
}

.news-detail .contbox .back a {
  padding: 0 0.3rem;
  height: 0.4rem;
  border-radius: 0.2rem 0rem 0.2rem 0rem;
  border: 0.01rem solid #118de2;
  color: #118de2;
  transition: all 0.3s ease-in-out;
}

.news-detail .contbox .back a i {
  margin-right: 0.12rem;
}

.news-detail .contbox .back a:hover {
  background: #118de2;
  color: #fff;
}

.news-detail .news-side {
  width: 3rem;
  flex-shrink: 0;
  margin-left: 0.4rem;
}

.news-detail .news-side .search {
  width: 100%;
  margin-bottom: 0.35rem;
}

.news-detail .news-side .side2 {
  background: #f1f1f1;
  padding: 0.35rem 0.3rem;
}

.news-detail .news-side .side2 .sxp li {
  margin-bottom: 0.16rem;
}

.news-detail .news-side .side2 .sxp li .txt1 {
  margin-bottom: 0.05rem;
}

.news-detail .news-side .side2 .sxp li .tit {
  font-weight: bold;
}

.news-detail .news-side .side2 .sxp li:hover a {
  color: #d7000f;
}

.news-detail .news-side .side2 .share {
  margin-top: 0.4rem;
}

.news-detail .news-side .side2 .share .share-tit {
  font-weight: bold;
}

.news-detail .news-side .side2 .share .share-component {
  display: flex;
  align-items: center;
  margin-top: 0.15rem;
}

.news-detail .news-side .side2 .share a {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  border: 0.01rem solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.2rem;
}

.news-detail .news-side .side2 .share a::before {
  font-size: 0.24rem;
  color: #333;
}

.news-detail .news-side .side2 .share a.icon-wechat:hover {
  background: #43ab35;
  border-color: #43ab35;
}

.news-detail .news-side .side2 .share a.icon-qq:hover {
  background: #1c9bec;
  border-color: #1c9bec;
}

.news-detail .news-side .side2 .share a.icon-weibo:hover {
  background: #e41523;
  border-color: #e41523;
}

.news-detail .news-side .side2 .share a:hover::before {
  color: #fff;
}

/* 生态溯源 */
.st-type .desc {
  color: #666;
}

.shengtai .st1 {
  padding: 0.7rem 0 0.9rem;
}

.shengtai .st1 .st-type {
  text-align: center;
  margin-bottom: 0.45rem;
}

.shengtai .st1 .search {
  width: 6.2rem;
  border-radius: 0.2rem;
}

.shengtai .st1 .search button {
  height: 0.77rem;
  width: 1.3rem;
  border-radius: 0.2rem;
}

.shengtai .st1 .list1 {
  padding-top: 0.75rem;
}

.shengtai .st1 .list1 .dd {
  margin-bottom: 1rem;
}

.shengtai .st1 .list1 .dd:last-child {
  margin-bottom: 0;
}

.shengtai .st1 .list1 .dd .mask-pic {
  margin-left: 0.4rem;
}

.shengtai .st1 .list1 .dd .info {
  padding-left: 0.5rem;
}

.shengtai .st1 .list1 .dd .info .tit {
  font-weight: bold;
}

.shengtai .st1 .list1 .dd .info .desc {
  color: #666;
  margin-top: 0.04rem;
}

.shengtai .st1 .list1 .dd .info .attr {
  margin-top: 0.3rem;
}

.shengtai .st1 .list1 .dd .info .attr li {
  margin-bottom: 0.3rem;
  display: flex;
  align-items: center;
}

.shengtai .st1 .list1 .dd .info .attr li .icon {
  width: 0.8rem;
  height: 0.8rem;
  background: #e7eff5;
  flex-shrink: 0;
  margin-right: 0.1rem;
}

.shengtai .st1 .list1 .dd .info .attr li:last-child {
  margin-bottom: 0;
}

.shengtai .st1 .list1 .dd .info .attr li .info2 .desc {
  margin-top: 0.05rem;
}

.shengtai .st2 .slides {
  position: relative;
}

.shengtai .st2 .slides .tabs {
  position: absolute;
  bottom: 0.6rem;
  width: 100%;
  z-index: 2;
  left: 0;
  gap: 0.5rem;
}

.shengtai .st2 .slides .tabs a {
  padding: 0 0.23rem;
  color: #fff;
  height: 0.57rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0.3rem 0rem 0.3rem 0rem;
}

.shengtai .st2 .slides .tabs a:hover, .shengtai .st2 .slides .tabs a.active {
  background: #118de2;
}

.shengtai .st3 .st3-tit {
  margin-bottom: 0.54rem;
}

.shengtai .st3 .list1 li {
  margin-bottom: 0.45rem;
}

.shengtai .st3 .list1 li .item .item-pic {
  width: 1.28rem;
  flex-shrink: 0;
  margin-right: 0.22rem;
}

.shengtai .st3 .list1 li .item .item-pic .fitImg {
  padding-top: 100%;
}

.shengtai .st3 .list1 li .item .item-info .tit {
  line-height: 1.3;
}

.shengtai .st3 .list1 li .item .item-info .time {
  color: #666;
  margin-top: 0.12rem;
}

.shengtai .st3 .list1 li .item:hover .item-info .tit {
  color: #118de2;
}

.shengtai .st3 .list1 li:last-child {
  margin-bottom: 0;
}

.shengtai .st3 .st-type {
  margin-bottom: 0.15rem;
}

.shengtai .st3 .st-type img {
  width: 0.3rem;
  margin-right: 0.08rem;
}

.shengtai .st3 .cont2 {
  background: #f1f1f1;
  border-radius: 0.3rem;
  padding: 0.28rem 0.3rem;
}

.shengtai .st3 .cont2 .list li {
  margin: 0.25rem 0;
  line-height: 1.4;
}

.shengtai .st3 .cont2 .file {
  background: #fff;
  padding: 0.2rem 0.25rem;
}

.shengtai .st3 .cont2 .file .icon {
  width: 0.45rem;
  margin-right: 0.15rem;
}

.shengtai .st3 .cont3 {
  height: 100%;
  gap: 0.23rem;
}

.shengtai .st3 .cont3 .dd {
  flex: 1;
  overflow: hidden;
  background: #f1f1f1;
  border-radius: 0.3rem;
  padding: 0.28rem 0.3rem;
}

.shengtai .st3 .cont3 .dd li {
  line-height: 1.5;
}

.shengtai .st3 .cont3 .dd li a {
  color: #666;
}

.shengtai .st3 .cont3 .dd li:hover a {
  color: #118de2;
}

/* 弹窗 */
.laybox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  display: none;
}

.laybox .wrap {
  width: 100%;
  height: 100%;
}

.laybox .contbox {
  width: 96%;
  max-width: 10rem;
  padding-top: 0.6rem;
  background: #fff;
  position: relative;
}

.laybox .contbox .close {
  position: absolute;
  right: 0.3rem;
  top: 0.3rem;
  z-index: 1;
  cursor: pointer;
}

.laybox .contbox .close img {
  width: 0.18rem;
}

.laybox .lay-cont {
  max-height: 80vh;
  overflow-y: auto;
  padding: 0.1rem 0.8rem 0.5rem 0.5rem;
}

.laybox .type {
  color: rgba(40, 40, 40, 0.8);
}

.laybox .box1 {
  margin-bottom: 0.36rem;
}

.laybox .box1 .pic .bimg {
  border-radius: 0.6rem 0 0.6rem 0rem;
}

.laybox .box1 .pic .bimg img {
  border-radius: inherit;
}

.laybox .box1 .info .txt1 {
  margin: 0.15rem 0 0.24rem 0;
}

.laybox .box1 .info .txt2 {
  margin: 0.2rem 0 0.1rem;
}

.laybox .attr {
  margin-top: 0.13rem;
}

.laybox .attr li {
  margin: 0.1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.1rem;
}

.laybox .attr li .tit {
  color: #666;
  flex-shrink: 0;
}

.laybox .attr li .cont {
  max-width: 50%;
  text-align: right;
}

/* 公司简介 */
.about .ab1 .box1 .info {
  padding-right: 0.3rem;
}

.about .ab1 .box1 .info .txt1 {
  line-height: 1.5;
}

.about .ab1 .box1 .info .txt2 {
  color: #118de2;
  margin: 0.15rem 0;
}

.about .ab1 .box1 .info .cont {
  line-height: 1.8;
  color: #666;
}

.about .ab1 .box1 .info .cont p {
  margin: 0.15rem 0;
}

.about .ab1 .box1 .pic {
  position: relative;
  padding: 0.29rem 0 0 0;
  margin-left: 0.6rem;
  z-index: 1;
}

.about .ab1 .box1 .pic .txt1 {
  width: 4.88rem;
  position: absolute;
  right: -0.03rem;
  bottom: -0.32rem;
  z-index: -1;
}

.about .ab1 .box1 .pic .txt1 img {
  width: 100%;
}

.about .ab1 .box2 {
  margin: 0.8rem 0;
}

.about .ab1 .box2 li {
  position: relative;
}

.about .ab1 .box2 li .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.about .ab1 .box2 li .item .num {
  display: flex;
  justify-content: center;
}

.about .ab1 .box2 li .item .num .counter {
  color: #118de2;
  font-family: "DIN";
}

.about .ab1 .box2 li .item .num .unit {
  margin: 0.2rem 0 0 0.1rem;
  color: #666;
}

.about .ab1 .box2 li .item .tit {
  color: #666;
  margin-top: -0.06rem;
  margin-left: 0.05rem;
}

.about .ab1 .box2 li::after {
  content: "";
  width: 0.14rem;
  height: 0.6rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/line3.png") no-repeat right center;
}

.about .ab1 .box2 li:last-child::after {
  display: none;
}

.about .ab1 .box3 {
  padding-bottom: 0.8rem;
}

.about .ab1 .box3 .info1 .txt1 {
  color: #118de2;
  line-height: 1.3;
  margin-bottom: 0.28rem;
}

.about .ab1 .box3 .info1 .txt2 {
  line-height: 1.3;
}

.about .ab1 .box3 .info2 {
  padding-left: 0.5rem;
  line-height: 1.6;
  color: #666;
}

.about .ab2 {
  padding: 0.7rem 0 0.8rem;
}

.about .ab2 .g-tit {
  text-align: center;
  margin-bottom: 0.5rem;
}

.about .ab2 .item {
  text-align: center;
  position: relative;
  z-index: 1;
}

.about .ab2 .cont {
  position: relative;
  z-index: 1;
}

.about .ab2 .cont .line {
  position: absolute;
  top: -0.4rem;
  width: 12.1rem;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: -1;
  height: 4.56rem;
  background: url("../img/jg_line.png") no-repeat center center;
  background-size: 100% 100%;
}

.about .ab2 .cont .box1 {
  margin-top: 0.65rem;
}

.about .ab2 .cont .box1 .icon img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.about .ab2 .cont .box1 .tit {
  margin-bottom: 0.1rem;
}

.about .ab2 .cont .box2 {
  margin-top: 0.6rem;
}

.about .ab2 .cont .box2 .item .icon img {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
}

.about .ab3 {
  padding: 0.7rem 0;
}

.about .ab3 .g-type {
  text-align: center;
}

.about .ab3 .wrap {
  padding: 0 1.4rem 0 2.5rem;
  position: relative;
}

.about .ab3 .wrap .jt {
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.about .ab3 .wrap .jt.next {
  right: 0;
}

.about .ab3 .wrap .jt.prev {
  left: 0;
}

.about .ab3 .wrap .jt:hover {
  background: #118de2;
  color: #fff;
  border-color: #118de2;
}

.about .ab3 .slides1 .item {
  position: relative;
  padding: 0.6rem 0 0 0;
}

.about .ab3 .slides1 .item .tit {
  margin: 0.25rem 0 0.1rem;
}

.about .ab3 .slides1 .item .desc {
  line-height: 1.8;
}

.about .ab3 .slides1 .item .year {
  position: absolute;
  font-family: "DIN";
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(40, 40, 40, 0.05);
  font-size: 2.6rem;
}

.about .ab3 .slides2 {
  height: 2.16rem;
  background: url("../img/his_line.png") no-repeat top center;
  background-size: 100% 100%;
}

.about .ab3 .slides2 .wrap {
  padding: 0 1.4rem 0 2.2rem;
}

.about .ab3 .slides2 .item {
  margin-top: 0.4rem;
  padding: 0.5rem 0;
  text-align: center;
  position: relative;
}

.about .ab3 .slides2 .item .year {
  width: 0.77rem;
  height: 0.77rem;
  background: #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: "DIN";
  border-radius: 50%;
}

.about .ab3 .slides2 .item .tit {
  margin-top: 0.1rem;
}

.about .ab3 .slides2 .swiper-slide.swiper-slide-active .item {
  margin-top: 0.15rem;
}

.about .ab3 .slides2 .swiper-slide.swiper-slide-active .item .year {
  font-size: 0.32rem;
  width: 1.07rem;
  height: 1.07rem;
  background: #118de2;
}

.about .ab3 .slides2 .swiper-slide.swiper-slide-active .item .tit {
  font-size: 0.18rem;
}

.about .ab4 {
  padding: 0.6rem 0 2rem;
  margin-bottom: -1.5rem;
  color: #fff;
  text-align: center;
}

.about .ab4 .ab4-pic {
  margin: 0.9rem 0 0.3rem;
}

.about .ab4 .ab4-pic img {
  width: 7.7rem;
}

.gotop {
  position: fixed;
  right: 0.2rem;
  bottom: 5%;
  z-index: 22;
  color: #999;
  cursor: pointer;
  display: none;
}

.gotop .icon {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../img/icon_top1.svg");
}

.gotop p {
  margin-top: 0.03rem;
}

.gotop:hover {
  color: #118de2;
}

.gotop:hover .icon {
  background-image: url("../img/icon_top2.svg");
}

.gotop.show {
  display: block;
}

.layui-form-select .layui-input {
  border: 0;
  height: 0.4rem;
  line-height: 0.4rem;
}

.qd2 .layui-form-select dl dd,
.qd2 .layui-form-select dl dt {
  line-height: 2;
  font-size: 0.2rem;
  padding: 0.06rem 0.15rem;
}