@charset "UTF-8";
/*header start*/
#menuPc ul li {
  display: inline-block;
}

#menuWap {
  display: none;
}

.inner-banner img {
  width: 100%;
}

/*header end*/
/*footer start*/
.footer {
  background-color: #000;
}

.footer a:hover {
  color: #FFF;
}

.footer .f-top {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 40px;
}

.footer .f-top .logo {
  padding: 24px 0;
}

.footer .f-share {
  display: flex;
  align-items: center;
  color: #FFF;
}

.footer .f-share label {
  margin-right: 20px;
  font-size: 18px;
}

.footer .social-share .icon-weibo, .footer .social-share .icon-wechat, .footer .social-share .icon-qq {
  color: #fff;
  border: none;
  background-color: rgba(255, 255, 255, 0.1);
}

.footer .social-share .social-share-icon {
  width: 36px;
  height: 36px;
  transition: all 0.4s;
}

.footer .social-share .social-share-icon:hover {
  background: linear-gradient(-90deg, #8C6E31 0%, #CCAA66 100%);
}

.footer .social-share .icon-weibo:before {
  font-size: 16px;
}

.footer .f-nav {
  font-size: 14px;
}

.footer .f-nav h3 {
  font-size: 18px;
  color: #FFF;
  margin-bottom: 24px;
}

.footer .f-nav h3 a {
  color: #FFF;
  transition: all 0.3s;
}

.footer .f-nav h3 a:hover {
  color: #BF9C56;
}

.footer .f-nav .iconfont {
  display: none;
}

.footer .f-nav a {
  color: #777;
  display: block;
  transition: all 0.3s;
}

.footer .f-nav a:hover {
  color: #FFF;
}

.footer .f-nav dd {
  margin-bottom: 15px;
}

.footer .f-nav ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.footer .f-nav ul li {
  max-width: 14.28%;
  flex-shrink: 0;
}

.footer .f-con {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 26px 0;
  margin: 8vh 0 0;
  font-size: 14px;
}

.footer .f-con dl {
  display: flex;
  color: #FFF;
}

.footer .f-con dl dd {
  margin-right: 60px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}

.footer .f-con dl .add {
  background-image: url("../images/f-add.png");
}

.footer .f-con dl .tel {
  background-image: url("../images/f-tel.png");
}

.footer .f-con dl .mail {
  background-image: url("../images/f-mail.png");
}

.footer .f-con dl a {
  color: #FFF;
}

.footer .f-copy {
  color: #777;
  font-size: 14px;
  padding: 20px 0;
}

/*footer end*/
/*轮播图start*/
.product-banner {
  height: 950px;
  overflow: hidden;
  position: relative;
}

.product-banner .bigimg {
  background: url("../images/banner-probg.jpg") no-repeat 50% 50%;
  background-size: cover;
  transition: all .9s ease;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1.5);
  transform-origin: center;
}

.product-banner.animated .bigimg {
  transform: translate(-50%, -50%) scale(1);
}

.product-banner.animated .bot-banyuan {
  transform: translateY(0);
}

.product-banner.animated .cen-text {
  transform: translateY(0);
}

.product-banner.animated .b-menu {
  opacity: 1;
  transform: translateY(-50%);
}

.product-banner .cen-text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #FFF;
  padding-top: 13vh;
  transform: translateY(-100%);
  transition: all 1.5s ease;
}

.product-banner .cen-text h3 {
  margin-bottom: 11vh;
}

.product-banner .img-box {
  padding-bottom: 62.88889%;
}

.product-banner .img-box img {
  transition: all 0.4s;
}

.product-banner .imgshow {
  max-width: 450px;
  width: 23%;
}

.product-banner .bot-banyuan {
  transition: all 1s ease;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1000px;
  height: 29vh;
  transform: translateY(100%);
  margin-left: -500px;
  background: url("../images/banner-banyuan.png") no-repeat 50% 50%;
  background-position: 100% 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #BF9C56;
  box-sizing: border-box;
  padding: 5.5vh 0 0;
  z-index: 5;
}

.product-banner .bot-banyuan .text {
  width: 64%;
  text-align: center;
}

.product-banner .bot-banyuan .text h4 {
  margin-bottom: 2vh;
}

.product-banner .bot-banyuan .text p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-banner .bot-banyuan .text a {
  display: inline-block;
  background-color: #BF9C56;
  color: #FFF;
  font-weight: 500;
  padding: 12px 48px;
  line-height: 1;
  border-radius: 20px;
  margin-top: 2vh;
  transition: all 0.3s;
}

.product-banner .bot-banyuan .text a:hover {
  background-color: #be881c;
}

.product-banner .b-menu {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-80%);
  right: 0;
  z-index: 3;
  color: #777;
  display: flex;
  justify-content: center;
  opacity: 0;
  transition: all 0.9s;
  transition-delay: 0.9s;
}

.product-banner .b-menu ul {
  padding: 0 12px;
}

.product-banner .b-menu ul:nth-child(1) {
  margin-right: 1000px;
}

.product-banner .b-menu ul:nth-child(1) li {
  transform: translateX(52px);
  margin: 46px 0;
}

.product-banner .b-menu ul:nth-child(1) li:nth-child(2) {
  transform: translateX(0px);
}

.product-banner .b-menu ul:nth-child(1) li:nth-child(3) {
  transform: translateX(2px);
}

.product-banner .b-menu ul li {
  transform: translateX(-52px);
  margin: 46px 0;
}

.product-banner .b-menu ul li:nth-child(2) {
  transform: translateX(0px);
}

.product-banner .b-menu ul li:nth-child(3) {
  transform: translateX(-2px);
}

.product-banner .b-menu ul li .h-text {
  display: none;
}

.product-banner .b-menu p {
  font-weight: 500;
  font-size: 18px;
  margin-top: 4px;
}

.product-banner .b-menu .h-img {
  display: none;
}

.product-banner .b-menu .m-item {
  cursor: pointer;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.04);
  border-radius: 50%;
  transition: all 0.3s;
}

.product-banner .b-menu .m-item.cur, .product-banner .b-menu .m-item:hover {
  background-color: #BF9C56;
  color: #fff;
}

.product-banner .b-menu .m-item.cur .icon .h-img, .product-banner .b-menu .m-item:hover .icon .h-img {
  display: inline-block;
}

.product-banner .b-menu .m-item.cur .icon img, .product-banner .b-menu .m-item:hover .icon img {
  display: none;
}

@keyframes bdonghua {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes bdonghua2 {
  0% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
  50% {
    transform: scale(1) translateY(-30px);
    opacity: 0;
  }
  100% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}

@keyframes bdonghua3 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.an-dot2 {
  position: absolute;
  z-index: 2;
  left: 63%;
  top: 23%;
  width: 101px;
  height: 101px;
  background-image: url("../images/b-dot3.png");
  background-repeat: no-repeat;
  opacity: 0;
  animation: bdonghua2 10s  infinite;
}

.an-dot {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  opacity: 0;
  transition: all 1.5s;
  transition-delay: 1.5s;
}

.an-dot .b-dot {
  position: absolute;
  background-repeat: no-repeat;
}

.an-dot .d1 {
  width: 51px;
  height: 51px;
  background-image: url("../images/b-dot1.png");
  left: 42%;
  top: 45%;
  animation: bdonghua 10s infinite;
}

.an-dot .d2 {
  left: 50%;
  top: 57%;
  width: 78px;
  height: 78px;
  background-image: url("../images/b-dot2.png");
  animation: bdonghua 10s 2s infinite;
}

.an-dot .d4 {
  left: 85%;
  top: 57%;
  width: 122px;
  height: 122px;
  background-image: url("../images/b-dot4.png");
  animation: bdonghua3 8s  infinite;
}

.banner {
  margin: 0 auto 0;
  width: 100%;
  background: #FFFFFF;
}

.banner .bg-box .img-box {
  padding-bottom: 56.25%;
}

.banner .bg-box .img-box img {
  transition: all 0.4s;
}

.banner .an-img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  transition: all 0.9s;
  transform: translateY(100%);
  opacity: 0;
}

.banner .an-img img {
  max-width: 100%;
}

.banner .swiper-slide {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.banner .swiper-slide .video-box {
  width: 100%;
  padding-bottom: 40%;
  position: relative;
  overflow: hidden;
}

.banner .swiper-slide .video-box video {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.banner .bg-box {
  position: relative;
  z-index: 1;
}

.banner .bg-box img {
  width: 100%;
  height: auto;
}

.banner .wap-box {
  display: none;
}

.banner .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: transparent;
  opacity: 1;
  border-radius: inherit;
  border: 1px solid #fff;
  box-sizing: border-box;
  border-radius: 50%;
  transition: all 0.6s;
}

.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px;
}

.banner .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #FFF;
}

.banner .swiper-container-horizontal > .swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
  bottom: 20px;
}

.banner .banner-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 80%;
  display: flex;
  justify-content: flex-end;
  z-index: 9;
  flex-direction: column;
  color: #FFF;
}

.banner .banner-content h6 {
  line-height: 1.3;
}

.banner .banner-content h5 {
  font-weight: 400;
}

.banner .banner-content .see-more {
  margin-top: 60px;
  justify-content: initial;
}

.swiper-slide .banner-content {
  transform: translateY(-200px);
  opacity: 0;
  transition: all .6s;
}

.ani-slide .banner-content {
  transform: translateY(0);
  opacity: 1;
}

.ani-slide .an-img {
  transform: translateY(0);
  opacity: 1;
}

.ani-slide .an-dot {
  opacity: 1;
}

/*轮播图end*/
.crumbs-box {
  padding: 24px 0;
  line-height: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  margin: 0 0 60px;
}

.crumbs-box .icon {
  width: 1px;
  height: 17px;
  background: #000000;
  opacity: 0.1;
  margin: 0 15px;
}

.crumbs-box .cur-line {
  display: flex;
  align-items: center;
}

.crumbs-box .home {
  background: url("../images/home.png") no-repeat 0 50%;
  padding-left: 30px;
}

.crumbs-box a {
  color: #666;
  display: inline-block;
  transition: all 0.4s;
}

.crumbs-box a:hover {
  color: #BF9C56;
}

.crumbs-box i {
  display: inline-block;
}

.crumbs-box span {
  color: #666;
}

/*公共样式定义 start*/
/*例如,统一间距,统一字体,统一大小写,统一最大距离*/
/* 内容区域宽度+40px */
.m-width-content {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

.m-width-1000 {
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
}

.m-width-1280 {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}

/*置顶按钮 start*/
#toTop {
  width: 58px;
  height: 58px;
  right: 20px;
  bottom: 20px;
  position: fixed;
  z-index: 999;
  background: rgba(191, 156, 86, 0.8);
  box-shadow: 0px 5px 16px 0px rgba(84, 112, 180, 0.15);
  border-radius: 50%;
  text-align: center;
  line-height: 58px;
}

#toTop img {
  vertical-align: middle;
}

/*置顶按钮 end*/
/*分页 start*/
.page-box .iconfont {
  font-size: 1.8rem;
}

.page-box .layui-laypage a, .page-box .layui-laypage button, .page-box .layui-laypage input, .page-box .layui-laypage select, .page-box .layui-laypage span {
  border-color: #ddd;
  font-size: 14px;
  line-height: 38px;
  height: 38px;
  min-width: 38px;
  box-sizing: border-box;
  margin: 0 5px;
  color: #2F3032;
}

.page-box {
  padding: 50px 0 80px;
  text-align: center;
}

.page-box .layui-laypage-next em, .page-box .layui-laypage-prev em, .page-box .layui-laypage-first, .page-box .layui-laypage-last {
  color: #aaa !important;
  font-size: 14px;
}

.page-box .page-list {
  margin: 0 12px;
}

.page-box .prev, .page-box .next {
  background-color: transparent !important;
}

.page-box .page-inner {
  display: flex;
  justify-content: center;
}

.page-box .page-inner a,
.page-box .page-inner span {
  display: inline-flex;
  border: 1px solid #e5e5e5;
  font-size: 14px;
  color: #C9C8C8;
  width: 42px;
  height: 42px;
  line-height: 42px;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
  box-sizing: border-box;
}

.page-box .page-inner .current {
  color: #fff;
  background-color: #0A4E9C;
}

/*分页 end*/
/*公共样式定义 end*/
.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1009;
}

.header.fix {
  position: relative;
}

.header.fix #menuPc li a {
  color: #222;
}

.header.fix #menuPc li a:hover {
  color: #BF9C56;
}

.header.fix .h-tool .h-ss:after, .header.fix .h-tool .h-ss:before {
  background-color: rgba(0, 0, 0, 0.4);
}

.header.fix .h-tool a, .header.fix .h-tool {
  color: #777;
}

.header.fix .h-tool .h-lang .arrow:after {
  border-color: #777 transparent transparent transparent;
}

.header.fix .h-tool .h-lang dd {
  background-color: rgba(0, 0, 0, 0.7);
}

.header.fix .h-tool .h-lang dd a {
  color: #FFF;
}

.header.fix .logo img {
  display: none;
}

.header.fix .logo .h-img {
  display: inline-block;
}

.header-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;

}
.header-box .h-right{
    flex: 1;
    width: 100%;
}
#menuPc{
     width: 100%;
    flex: 1;
    /* display: flex; */
    box-sizing: border-box;
    padding: 0 5%;
}
#menuPc > ul{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.logo img {
  max-width: 100%;
  max-height: 45px;
}

.logo .h-img {
  display: none;
}

.nav-box {
  display: flex;
  align-items: center;
}

.h-tool {
  display: flex;
  line-height: 1;
  color: #FFF;
}

.h-tool dl {
  display: flex;
  align-items: center;
}

.h-tool .h-ss {
  padding: 0 24px;
  margin: 0 24px 0 20px;
  position: relative;
}

.h-tool .h-ss:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  height: 12px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.4);
  margin-top: -6px;
}

.h-tool .h-ss:before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  height: 12px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.4);
  margin-top: -6px;
}

.h-tool a {
  color: #FFF;
}

.h-tool .h-lang {
  position: relative;
}

.h-tool .h-lang dt {
  display: flex;
  align-items: center;
}

.h-tool .h-lang .icon-diqiu {
  font-size: 20px;
  margin-right: 6px;
}

.h-tool .h-lang .arrow {
  position: relative;
  width: 8px;
  height: 5px;
  display: inline-block;
  flex-shrink: 0;
}

.h-tool .h-lang .arrow:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #fff transparent transparent transparent;
}

.h-tool .h-lang:hover dd {
  opacity: 1;
  visibility: visible;
}

.h-tool .h-lang dd {
  position: absolute;
  right: 0;
  top: 100%;
  min-width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  transition: all 0.4s;
  visibility: hidden;
  opacity: 0;
}

.h-tool .h-lang dd a {
  display: block;
  padding: 5px 12px;
}

.h-tool .h-lang dd a:hover {
  text-decoration: underline;
}

#menuPc li.isitem {
  position: relative;
}

#menuPc li.isitem .erji {
  left: 50%;
  right: 0;
  min-width: 150px;
  transform: translateX(-50%);
}

#menuPc li.isitem .erji dl {
  width: 100%;
}

#menuPc li.isitem .erji dd {
  width: 100%;
  padding: 20px 0 1px;
}

#menuPc li.isitem .erji dd p {
  padding: 0;
  text-align: center;
}

#menuPc li.isitem .erji dd p:after {
  display: none;
}

#menuPc li > a {
  line-height: 1;
  padding: 52px 7px;
  display: block;
  color: #fff;
  position: relative;
}

#menuPc li > a:hover {
  color: #BF9C56;
}

#menuPc li > a:after {
  position: absolute;
  content: '';
  position: absolute;
  opacity: 0;
  transition: all 0.5s;
  bottom: 0;
  height: 4px;
  left: 50%;
  width: 80px;
  background-color: #bf9c56;
  margin-left: -40px;
}

#menuPc li:nth-last-child(1) a:after {
  display: none;
}

.header-box {
  position: relative;
}

#menuPc ul li:hover a:after {
  opacity: 1;
}

#menuPc ul li:hover .erji {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.erji {
  position: absolute;
  left: 5%;
  top: 110%;
  right: 6%;
  background-color: #FFF;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  display: flex;
}

.erji .mp-right {
  width: 30%;
  background-color: #F5F5F5;
  box-sizing: border-box;
  padding: 30px;
}

.erji .mp-right .img-box {
  padding-bottom: 58.82353%;
}

.erji .mp-right .img-box img {
  transition: all 0.4s;
}

.erji .mp-right .text {
  margin-top: 12px;
  color: #777;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 500;
}

.erji .mp-left {
  width: 70%;
  box-sizing: border-box;
  padding: 40px;
}

.erji dl {
  display: flex;
}

.erji dd {
  width: 30%;
  margin-right: 4%;
}

.erji dd:nth-child(3n) {
  margin-right: 0;
}

.erji dd h3 {
  color: #222;
  font-weight: 500;
  border-left: 3px solid #BF9C56;
  line-height: 1;
  padding-left: 16px;
  font-size: 18px;
}

.erji dd .m-t {
  padding-bottom: 20px;
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 26px;
}

.erji dd p {
  position: relative;
  margin-bottom: 20px;
  padding-left: 20px;
}

.erji dd p a {
  color: #777 !important;
  padding: 0 !important;
  transition: all 0.3s;
}

.erji dd p a:hover {
  color: #BF9C56 !important;
}

.erji dd p:after {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #BF9C56;
}

.index-datashow-grid {
  background-color: #EEEEEE;
  padding: 100px 0 0;
  overflow: hidden;
}

.index-datashow-grid .data-list ul {
  margin: 0 -6px;
}

.index-datashow-grid .data-list li {
  width: 20%;
  padding: 0 6px;
  box-sizing: border-box;
}

.index-datashow-grid .data-list .d-item {
  background-color: #F5F5F5;
  border-radius: 6px;
  padding: 30px;
  line-height: 1;
  text-align: center;
  box-sizing: border-box;
  height: 100%;
  color: #AAAAAA;
}

.index-datashow-grid .data-list .d-item em {
  font-weight: bold;
  color: #BF9C56;
}

.index-datashow-grid .data-list .d-item p {
  margin-top: 12px;
  line-height: 1.3;
}

.index-datashow-grid .data-list ul {
  display: flex;
  flex-wrap: wrap;
}

.index-datashow-grid .imgshow .img-box {
  padding-bottom: 42.70833%;
}

.index-datashow-grid .imgshow .img-box img {
  transition: all 0.4s;
}

.index-product-grid {
  background: url("../images/inde-probg.jpg") no-repeat 50% 50%;
  background-size: cover;
  padding: 1px 0 15vh;
}

.title {
  color: #222;
  text-align: center;
  margin: 120px 0 50px;
}

.title .sub-tt {
  font-weight: 500;
  padding: 10px 0 0;
}

.title .sub-tt.aaa {
  color: #aaa;
}

.pro-tabitem {
  text-align: center;
  margin: 0 0 50px;
}

.pro-tabitem dd {
  display: inline-block;
  border-radius: 28px;
  border: 1px solid #BF9C56;
  overflow: hidden;
}

.pro-tabitem a {
  display: inline-block;
  padding: 10px;
  box-sizing: border-box;
  min-width: 140px;
  text-align: center;
  color: #BF9C56;
}

.pro-tabitem .cur {
  background: linear-gradient(-90deg, #8C6E31 0%, #CCAA66 100%);
  color: #FFF;
}

.index-chuangxin-grid {
  background: url("../images/index-cx-bg.jpg") no-repeat 50% 50%;
  background-size: cover;
  padding: 1px 0;
  color: #fff;
}

.index-chuangxin-grid .title {
  color: #fff;
}

.index-chuangxin-grid .cx-list {
  padding: 0 13%;
}

.index-chuangxin-grid .cx-list ul {
  display: flex;
}

.index-chuangxin-grid .cx-list li {
  width: 25%;
}

.index-chuangxin-grid .cx-list li:hover .c-item {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 10px;
}

.index-chuangxin-grid .cx-list .icon {
  width: 74px;
  display: inline-block;
}

.index-chuangxin-grid .cx-list .c-item {
  text-align: center;
  padding: 40px 0;
  transition: all 0.6s;
  border: 1px solid transparent;
}

.index-chuangxin-grid .cx-list h4 {
  font-weight: 500;
  margin: 10px 0 0;
}

.index-chuangxin-grid .see-more {
  margin: 80px 0 190px;
}

.see-more {
  display: flex;
  justify-content: center;
}

.see-more a {
  color: #FFF;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.see-more a:hover .icon {
  background-color: #BF9C56;
}

.see-more a:hover .icon .iconfont {
  color: #fff;
}

.see-more.linestyle a {
  flex-direction: row;
}

.see-more.linestyle .icon {
  margin-bottom: 0;
  margin-right: 20px;
}

.see-more.dark a {
  color: #BF9C56;
}

.see-more.dark .icon {
  background: linear-gradient(-90deg, #8C6E31 0%, #CCAA66 100%);
}

.see-more.dark .icon .iconfont {
  color: #FFF;
}

.see-more .icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  background-color: #FFF;
  display: inline-block;
  margin-bottom: 12px;
  line-height: 50px;
  transition: all 0.4s;
}

.see-more .icon .iconfont {
  font-size: 20px;
  color: #BF9C56;
}

.index-video .video-js {
  height: 100%;
  padding-bottom: 56.25%;
}

.index-video .video-player-dimensions {
  width: 100%;
}

.index-video .video-js .vjs-big-play-button {
  border: none;
  background: transparent;
  width: 100px;
  height: 100px;
  background: url("../images/play.png") no-repeat 50% 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

.index-video .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  display: none;
}

.index-video-grid {
  position: relative;
}

.index-video-grid .v-content {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  color: #FFF;
  justify-content: center;
  text-align: center;
}

.index-video-grid .v-content .title {
  color: #FFF;
}

.index-video-grid .v-content .title h2 {
  margin-bottom: 12px;
}

.index-video-grid .v-content .v-con {
  text-align: center;
  margin-bottom: 5px;
}

.index-video-grid .v-content h4 {
  font-weight: 500;
}

.index-news-grid {
  background: url("../images/news-bg.jpg") no-repeat 50% 50%;
  background-size: cover;
  padding: 1px 0;
}

.index-news-grid h2 {
  color: #Fff;
}

.index-news-grid .news-page {
  position: relative;
  margin: 12vh 0;
  height: 8px;
  width: 100%;
}

.index-news-grid .news-page .swiper-pagination-progressbar {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
}

.index-news-grid .news-page .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #FFF;
}

.index-news-swiper {
  position: relative;
}

.index-news-swiper:after {
  content: '';
  position: absolute;
  top: 50%;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.15);
  margin-top: -1px;
  left: 0;
  width: 100%;
}

.index-news-swiper .swiper-slide {
  width: 400px;
  height: 600px;
}

.index-news-swiper .swiper-slide:nth-child(2n) {
  display: flex;
  align-items: flex-end;
}

.index-news-swiper .swiper-slide .dot {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -6px;
}

.index-news-swiper .n-item {
  display: block;
  position: relative;
  color: #FFF;
  width: 100%;
}

.index-news-swiper .n-item:hover img {
  transform: scale(1.05);
}

.index-news-swiper .n-item .imgshow {
  width: 400px;
  border-radius: 10px;
  overflow: hidden;
}

.index-news-swiper .n-item .img-box {
  padding-bottom: 55%;
}

.index-news-swiper .n-item .img-box img {
  transition: all 0.4s;
}

.index-news-swiper .text {
  position: absolute;
  left: 100%;
  width: 400px;
  height: 100%;
  top: 0;
  box-sizing: border-box;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: 1.875;
}

.index-news-swiper .text h3 {
  font-weight: 500;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-news-swiper .text p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.index-news-swiper .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #FFF;
}

.lineyu-swiper {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.lineyu-swiper .right-lingyu {
  width: 30%;
}

.lineyu-swiper .left-lingyu {
  width: 70%;
}

.lineyu-swiper .left-lingyu .y-item {
  display: flex;
  display: flex;
  flex-direction: row-reverse;
}

.lineyu-swiper .left-lingyu .y-item .text {
  width: 50%;
  flex-shrink: 0;
  color: #222;
}

.lineyu-swiper .left-lingyu .y-item .text h3 {
  margin-bottom: 12px;
}

.lineyu-swiper .left-lingyu .y-item .text .text-p {
  color: #777;
  line-height: 1.875;
  margin-bottom: 40px;
}

.lineyu-swiper .left-lingyu .y-item .imgshow {
  width: 50%;
}

.lineyu-swiper .left-lingyu .y-item .imgshow .img-box {
  padding-bottom: 86.03066%;
}

.lineyu-swiper .left-lingyu .y-item .imgshow .img-box img {
  transition: all 0.4s;
}

.lineyu-swiper .left-lingyu .y-item .see-more {
  justify-content: flex-start;
}

.lineyu-swiper .auto-left {
  width: 380px;
  flex-shrink: 0;
  position: relative;
}

.lineyu-swiper .auto-left .a-item {
  display: flex;
  align-items: center;
  width: 230px;
  border-radius: 29px;
}

.lineyu-swiper .auto-left .text {
  margin-left: 30px;
}

.lineyu-swiper .auto-left .text h3 {
  color: #aaa;
  font-size: 1.8rem;
  font-weight: 500;
}

.lineyu-swiper .auto-left .swiper {
  height: 520px;
}

.lineyu-swiper .auto-left .swiper-slide.swiper-slide-active .a-item h3 {
  color: #FFF;
}

.lineyu-swiper .auto-left .swiper-slide {
  height: 58px;
  top: 0px;
  display: flex;
  justify-content: flex-end;
}

.lineyu-swiper .auto-left .imgshow {
  width: 58px;
  height: 58px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  transition: all 0.3s;
  box-sizing: border-box;
  padding: 16px;
  box-sizing: border-box;
}

.lineyu-swiper .auto-left .imgshow .img-box img {
  border-radius: 50%;
  box-sizing: border-box;
}

.inner-banner {
  position: relative;
}

.inner-banner .banner-content {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  color: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.inner-banner .banner-content p {
  font-weight: 500;
}

.inner-banner .banner-content .line {
  width: 80px;
  height: 4px;
  background: #BF9C56;
  margin: 10px 0 32px;
}

.about-tabitem {
  position: sticky;
  top: 0;
  z-index: 2024;
  background-color: #FFF;
  text-align: center;
  padding: 28px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.about-tabitem a {
  color: #aaa;
  font-weight: 500;
  padding: 0 60px;
  border-left: 1px solid #EEEEEE;
  line-height: 1;
  display: inline-block;
  position: relative;
}

.about-tabitem a:nth-last-child(1) {
  border-right: 1px solid #eee;
}

.about-tabitem a.cur {
  color: #BF9C56;
}

.about-tabitem a.cur:after {
  background-color: #BF9C56;
}

.about-tabitem a:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 30px;
  height: 2px;
  background-color: transparent;
  margin-left: -15px;
  margin-bottom: -15px;
  transition: all 0.4s;
}

.about-info {
  background: url("../images/about-info-bg.jpg") no-repeat 50% 50%;
  padding: 134px 0;
  background-size: cover;
}

.about-info .text {
  line-height: 2.2;
  margin: 0 10%;
  font-weight: 500;
}

.about-info-swiper {
  position: relative;
  margin: 10vh 12% 0;
  padding: 0 100px;
}

.about-info-swiper h3 {
  color: #BF9C56;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.about-info-swiper .a-item {
  text-align: center;
}

.about-info-swiper p {
  color: #777;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.about-dsz {
  display: flex;
  flex-wrap: wrap;
}

.about-dsz .img-box {
  padding-bottom: 142.5%;
}

.about-dsz .img-box img {
  transition: all 0.4s;
}

.about-dsz .imgshow {
  width: 30%;
  margin-right: 80px;
  position: relative;
  padding: 0 0 50px 30px;
  box-sizing: border-box;
  height: 100%;
}

.about-dsz .imgshow:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 360px;
  height: 170px;
  background-color: #EEEEEE;
  z-index: -1;
}

.about-dsz .text {
  flex: 1;
}

.about-dsz .text .text-p {
  padding-top: 34px;
  line-height: 1.8;
}

.about-dsz .text-r {
  text-align: right;
}

.content-about .sub-tt {
  color: #aaa;
}

.linian-list {
  background: url("../images/about-linian.jpg") no-repeat 50% 50%;
  background-size: cover;
  height: 90vh;
  position: relative;
}

.linian-list ul {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  overflow: hidden;
}

.linian-list ul li {
  width: 25%;
  box-sizing: border-box;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.linian-list .n-item {
  height: 100%;
  box-sizing: border-box;
  padding: 0  0 100px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #FFF;
  text-align: center;
  position: relative;
}

.linian-list .n-item:hover .text {
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
}

.linian-list .n-item:hover .h-text {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.linian-list .text {
  transition: all 0.5s;
}

.linian-list .h-text {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transform: translateY(100%);
  transition: all 0.5s;
  right: 14%;
  left: 14%;
  line-height: 1.875;
}

.linian-list .h-text h3 {
  margin-bottom: 12px;
  font-weight: bold;
}

.about-history {
  background: url("../images/about-his-bg.jpg") no-repeat 50% 50%;
  background-size: cover;
  padding: 1px 0;
}

.his-siwper-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1px 0 100px;
}

.his-siwper-grid .his-right {
  padding-right: 80px;
  box-sizing: border-box;
  width: 50%;
  flex-shrink: 0;
  position: relative;
}

.his-siwper-grid .his-right .img-box {
  padding-bottom: 55.88235%;
}

.his-siwper-grid .his-right .img-box img {
  transition: all 0.4s;
}

.his-siwper-grid .his-right .swiper-button-next, .his-siwper-grid .his-right .swiper-button-prev {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  opacity: 0.4;
  background-image: none;
  background-color: #BF9C56;
  transition: all 0.4s;
  text-align: center;
  line-height: 34px;
}

.his-siwper-grid .his-right .swiper-button-next:hover, .his-siwper-grid .his-right .swiper-button-prev:hover {
  opacity: 1;
}

.his-siwper-grid .his-right .swiper-button-next .iconfont, .his-siwper-grid .his-right .swiper-button-prev .iconfont {
  color: #FFF;
  font-size: 18px;
}

.his-siwper-grid .his-right .swiper-button-next {
  right: 0;
  margin: 44px 0 0;
}

.his-siwper-grid .his-right .swiper-button-prev {
  left: auto;
  margin: 0 0 44px;
  right: 0;
}

.his-siwper-grid .his-right .text {
  font-weight: 500;
  color: #777;
  margin-top: 12px;
  line-height: 1.875;
}

.his-siwper-grid .his-left {
  height: 820px;
  background: url("../images/his-yuan.png") no-repeat 0% 0;
  width: 580px;
  color: #aaa;
  position: relative;
}

.his-siwper-grid .his-left .dot-w {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #ddd;
  left: -10px;
}

.his-siwper-grid .his-left .dot-w:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ddd;
  margin: -5px 0 0 -5px;
}

.his-siwper-grid .his-left .dot-w.dot1 {
  top: 0;
  margin-top: -10px;
}

.his-siwper-grid .his-left .dot-w.dot2 {
  bottom: 0;
  margin-bottom: -10px;
}

.his-siwper-grid .his-left .auto-left {
  flex-shrink: 0;
  position: relative;
}

.his-siwper-grid .his-left .auto-left .a-item {
  display: flex;
  align-items: center;
  width: 219px;
  border-radius: 29px;
}

.his-siwper-grid .his-left .auto-left .swiper {
  height: 820px;
  left: 33px;
}

.his-siwper-grid .his-left .auto-left .swiper-slide.swiper-slide-active .a-item {
  font-size: 30px;
}

.his-siwper-grid .his-left .auto-left .swiper-slide.swiper-slide-active .a-item p {
  color: #BF9C56;
  font-weight: bold;
}

.his-siwper-grid .his-left .auto-left .swiper-slide.swiper-slide-active .a-item h3 {
  opacity: 1;
  visibility: visible;
}

.his-siwper-grid .his-left .auto-left .swiper-slide.swiper-slide-active .dot {
  border-color: #BF9C56;
}

.his-siwper-grid .his-left .auto-left .swiper-slide.swiper-slide-active .dot:after {
  width: 18px;
  height: 18px;
  background-color: #BF9C56;
}

.his-siwper-grid .his-left .swiper-slide {
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}

.his-siwper-grid .his-left .text {
  position: relative;
  padding-left: 40px;
}

.his-siwper-grid .his-left .text h3 {
  position: absolute;
  bottom: 100%;
  left: 40px;
  opacity: 0;
  visibility: hidden;
  color: #BF9C56;
  white-space: nowrap;
}

.his-siwper-grid .his-left .text p {
  line-height: 30px;
}

.his-siwper-grid .his-left .dot {
  width: 30px;
  height: 30px;
  border: 2px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  border-radius: 50%;
}

.his-siwper-grid .his-left .dot:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #aaa;
  transform: translate(-50%, -50%);
}

.about-team {
  background-color: #F5F5F5;
  padding: 1px 0 100px;
}

.team-swiper {
  position: relative;
}

.team-swiper .img-box {
  padding-bottom: 116.27907%;
}

.team-swiper .img-box img {
  transition: all 0.4s;
}

.team-swiper .t-item {
  background-color: #FFF;
  box-shadow: 6px 10px 36px 0px rgba(0, 0, 0, 0.06);
  height: 100%;
}

.team-swiper .swiper-slide {
  height: auto;
}

.team-swiper .swiper-container {
  padding: 0 40px;
  margin: 0 -40px;
}

.team-swiper .text {
  padding: 24px;
}

.team-swiper .text h3 {
  color: #222;
}

.team-swiper .text .t-t {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  line-height: 1;
  margin-bottom: 28px;
}

.team-swiper .text .tag {
  color: #aaa;
  max-width: 50%;
}

.team-swiper .text-p {
  color: #777;
  max-height: 90px;
  overflow-y: auto;
}

.team-swiper .text-p p {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
}

.team-swiper .text-p p:after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #AAAAAA;
  position: absolute;
  left: 0;
  top: 9px;
}

.team-swiper .text-p .mCSB_scrollTools .mCSB_draggerRail {
  background-color: #eee;
  width: 4px;
}

.team-swiper .text-p .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #BF9C56;
}

.team-page {
  position: relative;
  margin: 40px 0;
  height: 8px;
  width: 100%;
}

.team-page .swiper-pagination-progressbar {
  width: 100%;
  height: 100%;
  background-color: white;
}

.team-page .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #BF9C56;
}

.honor-tabitem {
  text-align: center;
  margin: 0 0 100px;
}

.honor-tabitem a {
  display: inline-block;
  color: #aaa;
  background-color: #F5F5F5;
  padding: 12px 44px;
  font-weight: 500;
}

.honor-tabitem .cur {
  background-color: #BF9C56;
  color: #FFF;
}

.honor-tabbox {
  position: relative;
  padding: 0 0 50px;
}

.honor-swiper .img-box {
  padding-bottom: 79.13223%;
}

.honor-swiper .img-box img {
  transition: all 0.4s;
  object-fit: contain;
}

.honor-swiper.hide {
  display: none;
}

.honor-swiper .swiper-slide {
  width: 484px;
}

.honor-swiper h3 {
  text-align: center;
  color: #222;
  padding: 50px 0;
  opacity: 0;
  visibility: hidden;
}

.honor-swiper .imgshow {
  position: relative;
}

.honor-swiper .imgshow:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 3;
}

.honor-swiper .swiper-slide-active h3 {
  opacity: 1;
  visibility: visible;
}

.honor-swiper .swiper-slide-active .imgshow:after {
  display: none;
}

.honor-swiper .swiper-button-next, .honor-swiper .swiper-button-prev {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  opacity: 0.4;
  background-image: none;
  background-color: #BF9C56;
  transition: all 0.4s;
  top: 44%;
  text-align: center;
  line-height: 34px;
}

.honor-swiper .swiper-button-next:hover, .honor-swiper .swiper-button-prev:hover {
  opacity: 1;
}

.honor-swiper .swiper-button-next .iconfont, .honor-swiper .swiper-button-prev .iconfont {
  color: #FFF;
  font-size: 18px;
}

.honor-swiper .swiper-button-next {
  right: 0;
}

.honor-swiper .swiper-button-perv {
  left: 0;
}

.product-info {
  background-color: #f5f5f5;
  padding: 1px 0;
}

.product-info .text {
  padding: 0 12%;
  text-align: center;
  line-height: 1.7;
  margin-bottom: 50px;
}

.product-info .title {
  margin-bottom: 24px;
}

.product-info .imgshow {
  text-align: center;
  margin-bottom: -68px;
}

.product-info .imgshow img {
  max-width: 100%;
}

.pway-list {
  margin-bottom: 25vh;
}

.pway-list.bt {
  margin-bottom: 11vh;
}

.pway-list.bt ul {
  justify-content: space-between;
}

.pway-list ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.pway-list li {
  width: 33.33%;
  flex-shrink: 0;
}

.pway-list .w-item {
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 38px 50px;
  box-sizing: border-box;
  border-bottom: 8px solid transparent;
  transition: all 0.4s;
}

.pway-list .w-item .icon {
  width: 124px;
  height: 124px;
  background: #FFFFFF;
  border: 1px dashed #BF9C56;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  text-align: center;
  line-height: 124px;
  margin-right: 50px;
}

.pway-list .w-item .icon img {
  vertical-align: middle;
  max-width: 100px;
  max-height: 100%;
}

.pway-list .w-item h3 {
  flex: 1;
  color: #222;
}

.pway-list .w-item:hover {
  box-shadow: 6px 10px 36px 0px rgba(0, 0, 0, 0.06);
  border-bottom-color: #BF9C56;
}

.product-sales {
  background-color: #f5f5f5;
  padding: 1px 0;
  padding-bottom: 13vh;
}

.product-sales .img-box {
  padding-bottom: 56.25%;
}

.product-sales .img-box img {
  transition: all 0.4s;
}

.product-sales .s-item {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.product-sales .s-item .text {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 60px 50px 90px;
  color: #FFF;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
}

.product-sales .s-item h3 {
  margin-bottom: 12px;
  line-height: 1;
  border-left: 4px solid #BF9C56;
  padding-left: 15px;
}

.product-sales .swiper-pagination-bullet {
  background-color: transparent;
  border: 1px solid #FFF;
  opacity: 1;
}

.product-sales .swiper-pagination-bullet-active {
  background-color: #fff;
}

.product-yt {
  background-color: #f5f5f5;
  padding: 1px 0 18vh;
}

.product-yt .yt-list {
  padding-top: 40px;
}

.product-yt .yt-list ul {
  display: flex;
  flex-wrap: wrap;
}

.product-yt .yt-list ul {
  margin: 0 -15px;
}

.product-yt .yt-list li {
  width: 33.33%;
  padding: 0 15px;
  box-sizing: border-box;
}

.product-yt .yt-list li {
  margin-bottom: 30px;
}

.product-yt .yt-list .w-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 8px;
  padding: 0 50px 32px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 6px 10px 36px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  transition: all 0.4s;
}

.product-yt .yt-list .w-item .icon {
  width: 124px;
  height: 124px;
  background: #FFFFFF;
  border: 1px dashed #BF9C56;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  text-align: center;
  line-height: 124px;
  margin: -40px 0 20px;
}

.product-yt .yt-list .w-item .icon img {
  vertical-align: middle;
  max-width: 100px;
  max-height: 100%;
}

.product-yt .yt-list .w-item h3 {
  flex: 1;
  color: #222;
}

.event-list {
  padding: 0 60px 10vh;
}

.event-list .e-item {
  padding-right: 60px;
  position: relative;
  z-index: 2;
}

.event-list .e-item .text {
  background: #FFFFFF;
  box-shadow: 6px 10px 36px 0px rgba(0, 0, 0, 0.06);
  padding: 40px 40px 12px;
  box-sizing: border-box;
  color: #777;
  border-top: 5px solid #BF9C56;
  min-height: 260px;
}

.event-list .e-item .text-p {
  line-height: 2.2;
}

.event-list .e-item .dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 3px solid #BF9C56;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -8px;
  margin-right: -8px;
  z-index: 2;
  background-color: #FFF;
}

.event-list ul {
  position: relative;
  padding: 90px 0 160px;
}

.event-list ul > .dot {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid #BF9C56;
  position: absolute;
  left: 50%;
  margin-left: -13px;
  box-sizing: border-box;
  background-color: #FFF;
  z-index: 2;
}

.event-list ul > .dot:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #BF9C56;
  margin: -6px 0 0 -6px;
}

.event-list ul .d1 {
  top: 0;
}

.event-list ul .d2 {
  bottom: 0;
}

.event-list ul:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: rgba(191, 156, 86, 0.5);
  z-index: 1;
}

.event-list li {
  padding-right: 50%;
}

.event-list li:nth-child(2n) {
  padding-left: 50%;
  padding-right: 0;
  margin-top: -25px;
}

.event-list li:nth-child(2n) .e-item {
  padding-right: 0;
  padding-left: 60px;
}

.event-list li:nth-child(2n) .dot {
  left: 0;
  right: auto;
  margin-right: 0;
  margin-left: -8px;
}

.event-list h3 {
  color: #BF9C56;
  margin-bottom: 24px;
}

.content-news {
  background-color: #f5f5f5;
  padding: 1px 0;
}

.content-news .page-box {
  padding-top: 0;
}

.news-top {
  display: flex;
  align-items: center;
  margin: 60px 0;
  background-color: #FFF;
}

.news-top .imgshow {
  width: 55.55%;
  overflow: hidden;
}

.news-top .imgshow .img-box {
  padding-bottom: 57.5%;
}

.news-top .imgshow .img-box img {
  transition: all 0.4s;
}

.news-top .imgshow img {
  transition: all 0.8s !important;
}

.news-top .imgshow:hover img {
  transform: scale(1.08);
}

.news-top .text {
  flex: 1;
  padding: 0 60px;
}

.news-top .date {
  color: #AAAAAA;
  margin: 12px 0;
}

.news-top .text-p {
  color: #777;
  line-height: 2;
}

.news-top .link-more {
  color: #BF9C56;
  padding-bottom: 4px;
  border-bottom: 1px solid #BF9C56;
  display: inline-block;
  margin-top: 4.5vh;
  transition: all 0.4s;
}

.news-top .link-more:hover {
  color: #BF9C56;
}

.news-top h3 {
  color: #222;
  transition: all 0.4s;
}

.news-top h3:hover {
  color: #BF9C56;
}

.newsny-list ul {
  display: flex;
  flex-wrap: wrap;
}

.newsny-list li {
  margin-bottom: 60px;
}

.newsny-list ul {
  margin: 0 -11px;
}

.newsny-list li {
  width: 33.333%;
  padding: 0 11px;
  box-sizing: border-box;
}

.newsny-list .img-box {
  padding-bottom: 64.51613%;
}

.newsny-list .img-box img {
  transition: all 0.4s;
}

.newsny-list .n-item {
  background-color: #FFF;
  border: 1px solid #EAEAEA;
}

.newsny-list .text {
  padding: 24px 30px;
}

.newsny-list .n-item {
  display: block;
}

.newsny-list .n-item h3 {
  color: #222;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 14px 0;
  transition: all 0.4s;
}

.newsny-list .n-item h3:hover {
  color: #BF9C56;
}

.newsny-list .n-item img {
  transition: all 0.8s;
}

.newsny-list .n-item:hover img {
  transform: scale(1.08);
}

.newsny-list .n-item .imgshow {
  overflow: hidden;
}

.newsny-list .link-more {
  color: #777;
  transition: all 0.4s;
}

.newsny-list .link-more:hover {
  color: #BF9C56;
}

.content-news-photo {
  background-color: #F5f5f5;
  padding: 1px 0 120px;
}

.news-imgswiper {
  position: relative;
  padding-top: 120px;
}

.news-imgswiper .n-item {
  display: flex;
}

.news-imgswiper .n-left {
  width: 65%;
}

.news-imgswiper .n-left .img-box {
  padding-bottom: 58.51064%;
}

.news-imgswiper .n-left .img-box img {
  transition: all 0.4s;
}

.news-imgswiper .n-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 35%;
  box-sizing: border-box;
  padding-left: 40px;
}

.news-imgswiper .n-right .img-box {
  padding-bottom: 55.43478%;
}

.news-imgswiper .n-right .img-box img {
  transition: all 0.4s;
}

.news-imgswiper .swiper-button-next, .news-imgswiper .swiper-button-prev {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  opacity: 0.4;
  background-image: none;
  background-color: #BF9C56;
  transition: all 0.4s;
  text-align: center;
  line-height: 34px;
}

.news-imgswiper .swiper-button-next:hover, .news-imgswiper .swiper-button-prev:hover {
  opacity: 1;
}

.news-imgswiper .swiper-button-next .iconfont, .news-imgswiper .swiper-button-prev .iconfont {
  color: #FFF;
  font-size: 18px;
}

.news-imgswiper .swiper-button-next {
  right: 0;
  margin-right: -54px;
}

.news-imgswiper .swiper-button-prev {
  left: 0;
  margin-left: -54px;
}

.news-jtimgswiper {
  position: relative;
}

.news-jtimgswiper .img-box {
  padding-bottom: 65.21739%;
}

.news-jtimgswiper .img-box img {
  transition: all 0.4s;
}

.gongyi-xingshan {
  position: relative;
  padding-bottom: 60px;
}

.gongyi-xingshan .img-box {
  padding-bottom: 58.53659%;
}

.gongyi-xingshan .img-box img {
  transition: all 0.4s;
}

.gongyi-xingshan .s-item {
  display: block;
  color: #222222;
}

.gongyi-xingshan .s-item:hover {
  color: #BF9C56;
}

.gongyi-xingshan .swiper-slide {
  width: 820px;
}

.gongyi-xingshan .swiper-slide:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.3);
  transition: all 0.4s;
}

.gongyi-xingshan .swiper-slide.swiper-slide-active:after {
  display: none;
}

.gongyi-xingshan .text {
  text-align: center;
  padding: 20px 0;
}

.gongyi-act {
  background-color: #F5f5f5;
  padding: 1px 0 9vh;
}

.gyact-list li:nth-child(2n) .a-item {
  flex-direction: row-reverse;
}

.gyact-list .a-item {
  display: flex;
  background-color: #FFF;
  align-items: center;
  margin-bottom: 60px;
}

.gyact-list .a-item .imgshow {
  width: 50%;
}

.gyact-list .a-item .text {
  width: 50%;
  box-sizing: border-box;
  padding: 0 50px;
}

.gyact-list .a-item h3 {
  color: #222222;
  margin-bottom: 24px;
}

.gyact-list .a-item .img-box {
  padding-bottom: 62.5%;
}

.gyact-list .a-item .img-box img {
  transition: all 0.4s;
}

.gyact-list .a-item .text-p {
  color: #777;
  line-height: 1.875;
}

.content-product-word {
  background-color: #F5F5F5;
  padding: 1px 0;
}

.content-product-word .text {
  display: flex;
  color: #777;
  margin: 20px 0 80px;
}

.content-product-word .text p {
  line-height: 2.2;
}

.content-product-word .text label {
  flex: 0;
  white-space: nowrap;
  font-weight: bold;
  color: #222;
  display: block;
  line-height: 2;
}

.word-imgshow {
  text-align: center;
  position: relative;
}

.word-imgshow img {
  width: 100%;
}

.word-imgshow #mapcontant {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.word-imgshow .d-item {
  position: absolute;
  z-index: 2;
}

.word-imgshow .d-item p {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-weight: bold;
  margin-bottom: 3px;
  color: #222;
}

.word-imgshow .d-item.t-right p {
  left: 100%;
  bottom: auto;
  transform: translateX(0%);
}

.word-imgshow .d-item .d-d {
  width: 20px;
  height: 20px;
  position: relative;
  border-radius: 50%;
}

.word-imgshow .d-item .d-d:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: -5px 0 0 -5px;
  background-color: #BF9C56;
}

.map-bh {
  text-align: center;
  margin: 30px 0 0;
}

.map-bh img {
  max-width: 100%;
  height: auto;
}

.chinaskin .layui-layer-title {
  background-color: #FFF;
  border-bottom: none;
}

.chinaskin #chinaimg-swiper {
  position: relative;
  opacity: 1;
  visibility: visible;
}

.cxskin .layui-layer-title {
  background-color: transparent;
  border-bottom: none;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  padding: 55px 0;
}

.layui-layer.cxskin {
  background-color: transparent;
  box-shadow: none;
}

.layui-layer.cxskin .layui-layer-content {
  background-color: #FFF;
  box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3);
}

.layui-layer.cxskin .layui-layer-title {
  line-height: 1;
  height: auto;
  position: relative;
}

.layui-layer.cxskin .layui-layer-close {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAABRCAYAAACqj0o2AAAAAXNSR0IArs4c6QAAAtVJREFUeF7t3OFNxDAMBWB7E5gE2AQmASYBJuE2gU2CLLXodOpdY8exXyXnL8VNP15zqPGVqcawAA9XqAJUiA4hKMRCdBBwKFFJLEQHAYcSlcRCdBBwKFFJLEQHAYcSlcQsxNbaHRG9EtEjEb0z86fDXFJKtNbeiOiBiH6J6IuZT9qJqJO4AP5cnOiTmV+0J88+vrX2vQThfCpPWkgL4gcRPW8AHAryCqBclvo6LIgCKJBbQz2BjDTeAJTpvGiXJwuirIeXt/O5BTTkDqBcxz0zy/rYPdSIUrm1diuNpluie8YDB3YAqtdDmY4J8YiQswCHEI8EORNwGPEIkLMBXRCRISMA3RARIaMAXRGRICMB3RERIKMBpyBmQmYATkPMgMwCnIoYCZkJOB0xAjIbMARxJiQCYBjiDEgUwFBET0gkwHBED0g0wBTEEUhEwDRECyQqYCqiBhIZMB2xE1IOuzVMj/T3imp+bt4e0Jxk79iOPZtrJdIBIZK46hggIQChEJW3NgwgIqLsaUtjgPT4XBtw+9oQa+KSwh7AFVaaqKQRCWJAIC5NUnsJvASDgUxHNAJCJTIVsRNQeh+3utBgINMQOwClqUg6tE5LI6Y0lV4bqbd2CqIG8Oz/SPkggYQMR7QAokOGIo4AIkOGIXoAokKGIHoCIkJOR5wBiAY5FXEmIBLkNMQIQBTIKYiRgAiQ7ogZgNmQroiZgJmQbogIgFmQLohIgBmQw4iIgNGQQ4jIgJGQZsQjAEZBmhCPBBgBaUXc+sb6Ot//J9IQW3Fnk5j1hFyNuNOpAAuoSKS6McCCKF8Ylz3iywEP2Amp3q+xIG69A+IwgB2QYa8vkDVxTePhAG9BMrM6WOpfkAksn87SL3PSvi8B8MNGwrDua0ufj+r9D3I9JkQ0iOz5FKLDX6AQC9FBwKFEJbEQHQQcSlQSC9FBwKFEJbEQHQQcSlQSC9FBwKHEH97UJXCKdK9HAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  width: 22px;
  height: 22px;
  background-size: cover;
}

.layui-layer.cxskin .layui-layer-setwin {
  top: 62px;
  right: 0;
}

#chinaimg-swiper {
  padding: 0 60px;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 auto;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
}

#chinaimg-swiper .swiper-slide .img-box {
  padding-bottom: 53.7037%;
}

#chinaimg-swiper .swiper-slide .img-box img {
  transition: all 0.4s;
}

#chinaimg-swiper .swiper-bot {
  margin-top: 20px;
  position: relative;
}

#chinaimg-swiper .swiper-bot .swiper-slide {
  border: 2px solid transparent;
  box-sizing: border-box;
}

#chinaimg-swiper .swiper-bot .swiper-slide-thumb-active {
  border-color: #BF9C56;
}

.content-product-china {
  background-color: #f5f5f5;
  padding: 1px 0;
}

.link-more2 {
  text-align: center;
  margin: 0 0 100px;
}

.link-more2 a {
  display: inline-block;
  line-height: 1;
  padding: 16px 48px;
  background-color: #BF9C56;
  color: #FFF;
  transition: all 0.3s;
}

.link-more2 a:hover {
  background-color: #8C6E31;
}

.link-more2 ul {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.china-info {
  color: #777;
  font-weight: 500;
  line-height: 2;
  text-align: center;
}

.china-workswiper {
  margin: 80px 0 30px;
  position: relative;
  overflow: hidden;
}

.china-workswiper .swiper-slide {
  width: 820px;
}

.china-workswiper .swiper-slide .img-box {
  padding-bottom: 56.09756%;
}

.china-workswiper .swiper-slide .img-box img {
  transition: all 0.4s;
}

.china-workswiper .swiper-slide:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  transition: all 0.5s;
}

.china-workswiper .swiper-slide.swiper-slide-active:after {
  display: none;
}

.china-workswiper .text {
  background: #FFFFFF;
  box-shadow: 6px 10px 36px 0px rgba(0, 0, 0, 0.06);
  padding: 24px;
  color: #222;
  text-align: center;
}

.china-workswiper .text h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 6px;
}

.china-workswiper .text p {
  color: #777;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.china-workswiper .swiper-button-next, .china-workswiper .swiper-button-prev {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  opacity: 0.4;
  background-image: none;
  background-color: #BF9C56;
  transition: all 0.4s;
  top: 45%;
  text-align: center;
  line-height: 34px;
}

.china-workswiper .swiper-button-next:hover, .china-workswiper .swiper-button-prev:hover {
  opacity: 1;
}

.china-workswiper .swiper-button-next .iconfont, .china-workswiper .swiper-button-prev .iconfont {
  color: #FFF;
  font-size: 18px;
}

.china-workswiper .swiper-button-next {
  right: 50%;
  margin-right: -457px;
}

.china-workswiper .swiper-button-prev {
  left: 50%;
  margin-left: -457px;
}

.content-news-detail {
  background-color: #f5f5f5;
  padding: 1px 0 120px;
}

.content-news-detail .text {
  background-color: #FFF;
  padding: 40px;
}

.content-news-detail .text .text-p {
  color: #777;
  line-height: 2.2;
  text-indent: 2em;
}

.content-news-detail .text img {
  max-width: 100%;
  display: block;
  margin: 24px auto;
}

.content-news-detail .n-page {
  display: flex;
  justify-content: space-between;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 55px 0;
}

.content-news-detail .n-page .n-b {
  color: #777;
  display: flex;
  width: 40%;
  flex-shrink: 0;
}

.content-news-detail .n-page .n-b:hover {
  color: #BF9C56;
}

.content-news-detail .n-page .n-b label {
  white-space: nowrap;
  padding-right: 28px;
}

.content-news-detail .n-page .n-b span {
  display: block;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.content-news-detail .n-page .n-b.n2 label {
  padding-right: 0;
  padding-left: 28px;
}

.content-news-detail .n-page .n-pright {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.content-news-detail .n-page .n-pright a {
  display: inline-block;
  padding: 14px 64px;
  line-height: 1;
  background-color: #BF9C56;
  color: #FFF;
  transition: all 0.3s;
}

.content-news-detail .n-page .n-pright a:hover {
  background-color: #8C6E31;
}

.newsd-cont {
  padding: 100px 0 0;
}

.newsd-cont .newsd-tt, .newsd-cont .sub-tt {
  text-align: center;
}

.newsd-cont .sub-tt {
  color: #aaa;
  margin: 24px 0 40px;
}

.newsd-cont .sub-tt span {
  padding: 0 10px;
}

.content-ESG {
  background-color: #f5f5f5;
  padding: 1px 0;
}
.content-ESG .title .sub-tt.aaa{
    text-align: left;
}
.esg-shehui {
  padding-bottom: 60px;
}

.esg-shehui-list {
  margin-bottom: 60px;
}

.esg-shehui-list .img-box {
  padding-bottom: 45.83333%;
}

.esg-shehui-list .img-box img {
  transition: all 0.4s;
}

.esg-shehui-list .sh-tt {
  text-align: center;
  margin: 0 0 40px;
}

.esg-shehui-list .shehui-cont {
  position: relative;
}

.esg-shehui-list .imgshow {
  position: relative;
}

.esg-shehui-list .imgshow:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.esg-shehui-list ul {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  overflow: hidden;
  z-index: 2;
}

.esg-shehui-list ul li {
  width: 33.33%;
  box-sizing: border-box;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.esg-shehui-list .n-item {
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #FFF;
  text-align: center;
  position: relative;
}

.esg-shehui-list .n-item:hover .text {
  opacity: 0;
  visibility: hidden;
}

.esg-shehui-list .n-item:hover .h-text {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.esg-shehui-list .text {
  transition: all 0.5s;
  position: relative;
  padding-bottom: 124px;
}

.esg-shehui-list .h-text {
  opacity: 0;
  visibility: hidden;
  padding-bottom: 55px;
  position: absolute;
  transform: translateY(100%);
  transition: all 0.5s;
  right: 36px;
  left: 36px;
  line-height: 1.875;
  font-weight: 500;
}

.esg-shehui-list .h-text h3 {
  margin-bottom: 12px;
}

.esg-kechixu {
  background-color: #FFF;
  padding: 110px 0;
}

.kechixu-cont {
  display: flex;
  align-items: center;
}

.kechixu-cont .img-box {
  padding-bottom: 112.96296%;
}

.kechixu-cont .img-box img {
  transition: all 0.4s;
}

.kechixu-cont .imgshow {
  width: 37.5%;
  flex-shrink: 0;
}

.kechixu-cont .text {
  width: 62.5%;
  box-sizing: border-box;
  padding-left: 12%;
  color: #777;
  font-weight: 500;
  line-height: 1.875;
}

.kechixu-cont .text h3 {
  color: #222;
  margin-bottom: 8px;
}

.esg-zhili {
  padding: 0 0 120px;
}

.esg-zhili .zhili-cont {
  display: flex;
  flex-direction: row-reverse;
  background-color: #FFF;
  align-items: center;
}

.esg-zhili .zhili-cont .imgshow {
  width: 37.5%;
  flex-shrink: 0;
}

.esg-zhili .zhili-cont .imgshow .img-box {
  padding-bottom: 112.96296%;
}

.esg-zhili .zhili-cont .imgshow .img-box img {
  transition: all 0.4s;
}

.esg-zhili .zhili-cont .text {
  flex: 1;
  color: #777;
  line-height: 1.875;
  padding: 24px 60px;
}

.esg-business {
  background-color: #FFF;
  padding: 1px 0;
}

.esg-business .b-t {
  text-align: center;
  margin-bottom: 30px;
  color: #222;
}

.esg-business .business-list {
  padding-bottom: 30px;
}

.esg-business .business-list h4 {
  font-weight: 500;
  padding: 24px 26px;
  line-height: 1;
}

.esg-business .business-list ul {
  margin: 0 -15px;
}

.esg-business .business-list li {
  width: 33.33%;
  padding: 0 15px;
  box-sizing: border-box;
}

.esg-business .business-list li {
  margin-bottom: 30px;
}

.esg-business .business-list li.w100 {
  width: 100%;
}

.esg-business .business-list li.w100 .text {
  border-top: none;
}

.esg-business .business-list .b-item {
  box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  height: 100%;
  border: 1px dashed #BF9C56;
}

.esg-business .business-list ul {
  display: flex;
  flex-wrap: wrap;
}

.esg-business .business-list .text {
  color: #777;
  line-height: 1.875;
  padding: 20px 30px;
  border-top: 1px dashed #BF9C56;
}

.esg-power {
  padding: 0 0 120px;
}

.esg-power .power-list {
  display: flex;
  overflow: hidden;
}

.esg-power .power-list .p-item {
  width: 42%;
  position: relative;
  transition: all 0.3s;
}

.esg-power .power-list .p-item img {
  max-width: 100%;
}

.esg-power .power-list .p-item:hover, .esg-power .power-list .p-item.cur {
  width: 58%;
}

.esg-power .power-list .p-item:hover .h-text, .esg-power .power-list .p-item.cur .h-text {
  opacity: 0;
}

.esg-power .power-list .p-item:hover .text, .esg-power .power-list .p-item.cur .text {
  transform: translateY(0);
}

.esg-power .power-list .p-item .imgshow {
  position: relative;
  height: 560px;
}

.esg-power .power-list .p-item .imgshow img {
  height: 100%;
  object-fit: cover;
}

.esg-power .power-list .p-item .imgshow:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.7);
}

.esg-power .power-list .p-item .h-text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  color: #FFF;
  display: flex;
  flex-direction: column;
  padding: 42px 60px;
  justify-content: flex-end;
  transition: all 0.5s;
}

.esg-power .power-list .p-item .h-text h3 {
  margin-bottom: 24px;
}

.esg-power .power-list .p-item .text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  color: #FFF;
  display: flex;
  flex-direction: column;
  padding: 42px 60px;
  justify-content: flex-end;
  transform: translateY(100%);
  transition: all 0.5s;
}

.esg-power .power-list .p-item .text h3 {
  margin-bottom: 24px;
}

.esg-power .power-list .p-item .text-p {
  max-width: 600px;
}

.app-info {
  background: url("../images/app-info1.jpg") no-repeat 50% 100%;
  background-size: cover;
  padding: 16vh 0;
}

.app-info .info-cont {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.app-info .info-cont .imgshow {
  width: 50%;
  position: relative;
}

.app-info .info-cont .imgshow .img-box {
  padding-bottom: 66.66667%;
}

.app-info .info-cont .imgshow .img-box img {
  transition: all 0.4s;
}

.app-info .info-cont .imgshow .img-box {
  z-index: 2;
}

.app-info .info-cont .imgshow:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 180px;
  height: 100px;
  background: #BF9C56;
  z-index: 1;
  margin: 0 0 -20px -40px;
}

.app-info .info-cont .imgshow:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  height: 80px;
  background: #BF9C56;
  z-index: 1;
  margin: -20px -40px 0 0;
}

.app-info .info-cont .text {
  flex: 1;
  color: #777;
  padding-left: 10%;
}

.app-info .info-cont .text h3 {
  color: #BF9C56;
  line-height: 1.2;
  margin-bottom: 40px;
}

.appny-list {
  padding: 80px 0;
}

.appny-list .a-page {
  position: relative;
  height: 10px;
  line-height: 1;
  margin-top: 10px;
}

.appny-list .a-page .swiper-pagination {
  position: relative;
  bottom: 0;
  top: 0;
  line-height: 1;
  display: flex;
  justify-content: center;
}

.appny-list .a-page .swiper-pagination .swiper-pagination-bullet {
  background-color: #ddd;
  width: 10px;
  height: 10px;
  opacity: 1;
  margin: 0 5px;
}

.appny-list .a-page .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #BF9C56;
}

.appny-list .a-item {
  position: relative;
}

.appny-list .a-item:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 50%;
  left: 50%;
  background-color: #f5f5f5;
  z-index: 1;
  top: 0;
}

.appny-list li {
  margin-bottom: 80px;
}

.appny-list li:nth-child(2n) .a-cont {
  flex-direction: row;
}

.appny-list li:nth-child(2n) .a-cont .text {
  padding-left: 5%;
  padding-right: 0;
}

.appny-list li:nth-child(2n) .a-item:after {
  left: auto;
  right: 50%;
}

.appny-list .a-cont {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  position: relative;
  z-index: 2;
}

.appny-list .a-cont .sub-t {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.appny-list .a-cont .imgshow {
  width: 50%;
  position: relative;
  padding: 7vh 10%;
  box-sizing: border-box;
}

.appny-list .a-cont .text {
  flex: 1;
  color: #777;
  padding-right: 5%;
  width: 50%;
  padding-top: 80px;
  padding-bottom: 40px;
  box-sizing: border-box;
  position: relative;
}

.appny-list .a-cont .text .swiper {
  margin-top: 4vh;
}

.appny-list .a-cont .text h3 {
  margin-bottom: 12px;
  color: #222;
}

.appny-list .a-cont .text .swiper-slide {
  text-align: center;
  background-color: #f5f5f5;
  padding: 14px 0;
}

.appny-list .a-cont .text .swiper-slide .imgb {
  width: 91px;
  display: inline-block;
}

.appny-list .a-cont .text .swiper-slide h5 {
  padding: 10px 0 0;
  font-weight: 500;
}

.appny-list .a-cont .img-box {
  padding-bottom: 75%;
}

.appny-list .a-cont .img-box img {
  transition: all 0.4s;
}

.job-tabitem {
  background-color: #f5f5f5;
  padding: 100px 0;
}

.jobtab-list {
  display: flex;
  overflow: hidden;
}

.jobtab-list .p-item {
  width: 42%;
  position: relative;
  transition: all 0.3s;
}

.jobtab-list .p-item img {
  max-width: 100%;
}

.jobtab-list .p-item.cur, .jobtab-list .p-item.act {
  width: 58%;
}

.jobtab-list .p-item.act .text-p {
  display: block;
}

.jobtab-list .p-item .imgshow {
  position: relative;
  height: 560px;
}

.jobtab-list .p-item .imgshow img {
  height: 100%;
  object-fit: cover;
}

.jobtab-list .p-item .imgshow:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.7);
}

.jobtab-list .p-item .text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  color: #FFF;
  display: flex;
  flex-direction: column;
  padding: 42px 60px;
  justify-content: center;
}

.jobtab-list .p-item .text .icon img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}

.jobtab-list .p-item .text h3 {
  margin: 24px 0 10px;
}

.jobtab-list .p-item .text h4 {
  font-weight: 400;
}

.jobtab-list .p-item .text-p {
  max-width: 620px;
  line-height: 1.875;
  padding-top: 46px;
  display: none;
}

.marfu.swiper-button-next, .marfu.swiper-button-prev {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  opacity: 0.4;
  background-image: none;
  background-color: #BF9C56;
  transition: all 0.4s;
  text-align: center;
  line-height: 34px;
}

.marfu.swiper-button-next:hover, .marfu.swiper-button-prev:hover {
  opacity: 1;
}

.marfu.swiper-button-next .iconfont, .marfu.swiper-button-prev .iconfont {
  color: #FFF;
  font-size: 18px;
}

.marfu.swiper-button-next {
  right: 0;
  margin-right: -54px;
}

.marfu.swiper-button-prev {
  left: 0;
  margin-left: -54px;
}

.mar0.swiper-button-next, .mar0.swiper-button-prev {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  opacity: 0.4;
  background-image: none;
  background-color: #BF9C56;
  transition: all 0.4s;
  text-align: center;
  line-height: 34px;
}

.mar0.swiper-button-next:hover, .mar0.swiper-button-prev:hover {
  opacity: 1;
}

.mar0.swiper-button-next .iconfont, .mar0.swiper-button-prev .iconfont {
  color: #FFF;
  font-size: 18px;
}

.mar0.swiper-button-next {
  right: 0;
}

.mar0.swiper-button-prev {
  left: 0;
}

.job-wenhua {
  position: relative;
  margin-top: 120px;
}

.job-wenhua .news-top {
  background-color: #f5f5f5;
}

.job-wenhua .news-top .link-more {
  border: none;
  color: #777;
}

.job-wenhua .news-top .text-p {
  margin-top: 24px;
}

.job-fengcai {
  background-color: #f5f5f5;
  padding: 120px 0;
}

.job-fengcai .fengcai-swiper {
  position: relative;
}

.job-fengcai .fengcai-swiper a {
  display: block;
}

.job-fengcai ul {
  display: flex;
  margin: 0 -10px;
  width: 100%;
}

.job-fengcai .img1 .img-box {
  padding-bottom: 100.80645%;
}

.job-fengcai .img1 .img-box img {
  transition: all 0.4s;
}

.job-fengcai .img2 .img-box {
  padding-bottom: 53.84615%;
}

.job-fengcai .img2 .img-box img {
  transition: all 0.4s;
}

.job-fengcai .img3 .img-box {
  padding-bottom: 101.28205%;
}

.job-fengcai .img3 .img-box img {
  transition: all 0.4s;
}

.job-fengcai li {
  width: 27.7%;
  padding: 0 10px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.job-fengcai .text {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 140px 40px 40px;
  box-sizing: border-box;
  color: #FFF;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
  transition: all 0.5s;
  transform: translateY(100%);
}

.job-fengcai .text h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}

.job-fengcai .one {
  width: 44%;
}

.job-fengcai .one:hover .text {
  transform: translateY(0);
}

.job-fengcai dl {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.job-fengcai dd {
  position: relative;
  overflow: hidden;
}

.job-fengcai dd:hover .text {
  transform: translateY(0);
}

.job-fengcai .three dl {
  flex-direction: column-reverse;
}

.job-dev {
  background: url("../images/job-dev-bg.jpg") 50% 50% no-repeat;
  background-size: cover;
  padding: 1px 0 120px;
}

.jobdev-list ul {
  margin: 0 -6px;
}

.jobdev-list li {
  width: 25%;
  padding: 0 6px;
  box-sizing: border-box;
}

.jobdev-list .icon {
  width: 80px;
  display: inline-block;
}

.jobdev-list .d-item {
  text-align: center;
  background-color: #FFF;
  padding: 30px;
  box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.04);
  position: relative;
}

.jobdev-list .d-item h4 {
  font-weight: 500;
  margin: 10px 0 0;
}

.jobdev-list .d-item:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 30px;
  height: 20px;
  background: url("../images/job-dev-arrow.png") no-repeat;
  z-index: 2;
  margin-right: -22px;
  margin-top: -10px;
}

.jobdev-list li:nth-child(4) .d-item:after {
  display: none;
}

.jobdev-list ul {
  display: flex;
  flex-wrap: wrap;
}

.job-zhijitixi {
  padding: 1px 0 7vh;
}

.job-zhijitixi .imgshow {
  text-align: center;
}

.job-zhijitixi .imgshow img {
  max-width: 100%;
}

.job-fuli {
  background: url("../images/job-fuli.jpg") no-repeat 50% 50%;
  background-size: cover;
  padding: 1px 0 13vh;
}

.fuli-list ul {
  display: flex;
  overflow: hidden;
}

.fuli-list ul .p-item {
  width: 16.8%;
  position: relative;
  transition: all 0.5s;
}

.fuli-list ul .p-item img {
  max-width: 100%;
}

.fuli-list ul .p-item.cur, .fuli-list ul .p-item.act {
  width: 50%;
}

.fuli-list ul .p-item.act .text-p {
  display: block;
}

.fuli-list ul .p-item .imgshow {
  position: relative;
  height: 635px;
}

.fuli-list ul .p-item .imgshow img {
  height: 100%;
  object-fit: cover;
}

.fuli-list ul .p-item .imgshow:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.7);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
}

.fuli-list ul .p-item .text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  color: #FFF;
  display: flex;
  flex-direction: column;
  padding: 42px 60px;
  justify-content: flex-end;
}

.fuli-list ul .p-item .text h3 {
  margin: 12px 0;
}

.fuli-list ul .p-item .text-p {
  max-width: 600px;
  display: none;
}

.content-job-join {
  background-color: #f5f5f5;
  padding: 1px 0;
}

.join-filter {
  display: flex;
  justify-content: space-between;
  margin: 40px 0;
}

.join-filter .f-block {
  background-color: #FFF;
  display: flex;
  align-items: center;
}

.join-filter .f-block label {
  color: #222;
  padding: 0 16px;
  flex-shrink: 0;
  white-space: nowrap;
}

.join-filter .f-block input {
  height: 50px;
  border: none;
  width: 100%;
}

.join-filter .f-block input::placeholder {
  color: #AAAAAA;
}

.join-filter .f-block .icon {
  width: 58px;
  text-align: center;
  flex-shrink: 0;
  color: #aaa;
}

.join-filter .f-block .icon .iconfont {
  font-size: 18px;
}

.join-table table {
  width: 100%;
  font-size: 14px;
  color: #777;
}

.join-table tr {
  background-color: #FFF;
  border-bottom: 10px solid #f5f5f5;
  transition: all 0.4s;
  cursor: pointer;
}

.join-table th, .join-table td {
  padding: 16px 26px;
}

.join-table th:nth-child(4), .join-table th:nth-child(5), .join-table th:nth-last-child(1), .join-table th:nth-last-child(2), .join-table td:nth-child(4), .join-table td:nth-child(5), .join-table td:nth-last-child(1), .join-table td:nth-last-child(2) {
  text-align: center;
}

.join-table tbody tr:hover {
  color: #BF9C56;
}

.lingyu-list {
  margin: 80px 0;
  padding-bottom: 14px;
}

.lingyu-list li {
  padding: 60px 0;
  position: relative;
  margin-bottom: 80px;
}

.lingyu-list li:nth-child(2n):after {
  left: auto;
  right: 50%;
}

.lingyu-list li:nth-child(2n) .y-item {
  flex-direction: row;
}

.lingyu-list li:nth-child(2n) .y-item .imgshow {
  padding-left: 0;
  padding-right: 5%;
}

.lingyu-list li:nth-child(2n) .y-item .text {
  padding-left: 5%;
  padding-right: 0;
}

.lingyu-list li:after {
  content: '';
  position: absolute;
  left: 50%;
  width: 50%;
  height: 100%;
  top: 0;
  background-color: #f5f5f5;
  z-index: 1;
}

.lingyu-list .y-item {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  position: relative;
  z-index: 2;
}

.lingyu-list .y-item .imgshow {
  width: 50%;
  padding-left: 5%;
  box-sizing: border-box;
}

.lingyu-list .y-item .imgshow .img-box {
  padding-bottom: 31.25%;
}

.lingyu-list .y-item .imgshow .img-box img {
  transition: all 0.4s;
}

.lingyu-list .y-item .imgshow dd {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}

.lingyu-list .y-item .imgshow dd .h-text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  color: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 18px 30px;
}

.lingyu-list .y-item .text {
  width: 50%;
  box-sizing: border-box;
  padding-right: 5%;
}

.lingyu-list .y-item h3 {
  color: #222;
  text-align: center;
  margin-bottom: 20px;
}

.lingyu-list .y-item .text-p {
  color: #777;
  text-indent: 2em;
}

.con-map {
  text-align: center;
}

.con-map img {
  max-width: 100%;
}

.con-map #container {
  position: relative;
  z-index: 1;
}

.content-contact .con-list {
  background: #FFFFFF;
  box-shadow: 6px 10px 36px 0px rgba(0, 0, 0, 0.06);
  display: flex;
  border-top: 5px solid #BF9C56;
  justify-content: space-between;
  padding-top: 30px;
  position: relative;
  margin-bottom: -130px;
  z-index: 3;
  color: #222;
}

.content-contact .con-list ul {
  width: 48%;
  box-sizing: border-box;
  padding: 0 60px;
}

.content-contact .con-list a {
  color: #222;
  transition: all 0.4s;
}

.content-contact .con-list a:hover {
  color: #BF9C56;
}

.content-contact .con-list li {
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 40px;
  margin-bottom: 28px;
}

.content-contact .con-list .add {
  background-image: url("../images/con-icon1.png");
}

.content-contact .con-list .tel {
  background-image: url("../images/con-icon2.png");
}

.content-contact .con-list .mail {
  background-image: url("../images/con-icon3.png");
}

.content-contact .con-list .wx {
  background-image: url("../images/con-icon4.png");
}

.msg-grid {
  padding-bottom: 120px;
}

.msg-grid .f-cell {
  width: 48%;
  float: left;
}

.msg-grid .f-cell:nth-child(2n) {
  float: right;
}

.msg-grid .f-cell.w100 {
  width: 100%;
}

.msg-grid .layui-input-block {
  margin-left: 0;
  position: relative;
  float: left;
  width: 100%;
}

.msg-grid .icon {
  position: absolute;
  left: 0;
  top: 18px;
  color: #777;
  width: 70px;
  text-align: center;
  z-index: 2;
}

.msg-grid .icon .iconfont {
  font-size: 20px;
}

.msg-grid .layui-form-label {
  padding: 0;
  text-align: left;
  font-size: 16px;
  color: #777777;
  line-height: 1;
  margin-bottom: 28px;
}

.msg-grid .act .layui-input, .msg-grid .act .layui-select, .msg-grid .act .layui-textarea {
  background-color: #BF9C56;
  border-color: #BF9C56;
  color: #FFF;
}

.msg-grid .act .layui-input::placeholder, .msg-grid .act .layui-select::placeholder, .msg-grid .act .layui-textarea::placeholder {
  color: #fff;
}

.msg-grid .act .icon {
  color: #FFF;
}

.msg-grid .layui-input, .msg-grid .layui-select, .msg-grid .layui-textarea {
  height: 66px;
  line-height: 66px;
  padding-left: 70px;
  box-sizing: border-box;
  border: 1px solid #DDDDDD;
}

.msg-grid .layui-input::placeholder, .msg-grid .layui-select::placeholder, .msg-grid .layui-textarea::placeholder {
  color: #AAAAAA;
  font-size: 16px;
}

.msg-grid .layui-textarea {
  padding-top: 21px;
  line-height: 1.5;
  min-height: 300px;
  box-sizing: border-box;
}

.msg-grid .layui-form-item {
  margin-bottom: 46px;
}

.msg-grid .f-btn {
  text-align: center;
}

.msg-grid .f-btn .layui-btn {
  padding: 0 88px;
  width: auto;
  height: 60px;
  line-height: 60px;
}

.chuangxin-info {
  padding: 120px 0 55px;
}

.chuangxin-info h3 {
  color: #222;
  margin: 24px 0;
}

.chuangxin-info .imgshow {
  width: 50%;
  background: #FFFFFF;
  border: 6px solid #FFFFFF;
  box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.1);
  border-radius: 30px 0px 30px 0px;
  margin: 0 80px 60px 0;
  float: left;
}

.chuangxin-info .imgshow .img-box {
  padding-bottom: 69.44444%;
}

.chuangxin-info .imgshow .img-box img {
  transition: all 0.4s;
}

.chuangxin-info .text-p {
  line-height: 2;
  color: #777;
  padding-top: 1px;
}

.cx-info-list {
  margin: 0 0 13vh;
}

.cx-info-list ul {
  margin: 0 -15px;
}

.cx-info-list li {
  width: 33.33%;
  padding: 0 15px;
  box-sizing: border-box;
}

.cx-info-list .c-item {
  background-color: #FFF;
  box-shadow: 6px 10px 36px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  padding: 60px 70px;
  transition: all 0.5s;
  box-sizing: border-box;
  border-bottom: 6px solid transparent;
  text-align: center;
  color: #222;
}

.cx-info-list .c-item:hover {
  border-color: #BF9C56;
}

.cx-info-list ul {
  display: flex;
}

.cx-jiagou {
  background: url("../images/cx-jiagou-bg.jpg") no-repeat 50% 0;
  padding: 1px 0;
}

.cx-jiagou .title {
  color: #FFF;
  padding: 0 5%;
}

.cx-jiagou .title .sub-tt {
  font-weight: 400;
  line-height: 2;
}

.cx-jiagou .jiagou-cont {
  display: flex;
  flex-direction: row-reverse;
  background-color: #FFF;
  background: #FFFFFF;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 20px 0;
}

.cx-jiagou .jiagou-cont .imgshow {
  width: 50%;
  text-align: center;
}

.cx-jiagou .jiagou-cont .imgshow img {
  max-width: 100%;
}

.cx-jiagou .jiagou-cont .text {
  width: 50%;
  box-sizing: border-box;
  padding: 80px;
  color: #222;
}

.cx-jiagou .jiagou-cont .text .line {
  width: 60px;
  height: 4px;
  background: #BF9C56;
  margin: 24px 0;
}

.cx-jiagou .jiagou-cont .text .text-p {
  line-height: 2;
}

.cx-jiagou .jg-btn {
  text-align: center;
  margin: 80px 0 120px;
}

.cx-jiagou .jg-btn a {
  display: inline-block;
  background-color: #BF9C56;
  color: #fff;
  line-height: 54px;
  padding: 0 36px;
  transition: all 0.3s;
}

.cx-jiagou .jg-btn a:hover {
  background-color: #8C6E31;
}

.cx-jiagou .jg-btn a img {
  vertical-align: middle;
  margin-right: 10px;
}

.chuangxin-yuanjing {
  background-color: #f5f5f5;
  padding: 1px 0 120px;
}

.chuangxin-yuanjing .sub-tt {
  color: #777;
  line-height: 2;
  font-weight: 500;
  margin-bottom: 65px;
}

.cx-yj-list {
  display: flex;
  overflow: hidden;
}

.cx-yj-list .p-item {
  width: 17.5%;
  position: relative;
  transition: all 0.9s;
  overflow: hidden;
}

.cx-yj-list .p-item img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.cx-yj-list .p-item.cur {
  width: 65%;
}

.cx-yj-list .p-item.cur .h-text {
  opacity: 0;
}

.cx-yj-list .p-item.cur .text {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  transition-delay: 0.5s;
}

.cx-yj-list .p-item .imgshow {
  position: relative;
  height: 680px;
}

.cx-yj-list .p-item .h-text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  color: #FFF;
  display: flex;
  flex-direction: column;
  padding: 62px 10px;
  justify-content: flex-end;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.5);
}

.cx-yj-list .p-item .text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  color: #FFF;
  display: flex;
  flex-direction: column;
  padding: 32px 60px;
  justify-content: flex-end;
  transform: translateY(100%);
  transition: all 0.5s;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.6);
}

.cx-yj-list .p-item .text h3 {
  margin: 24px 0 10px;
}

.cx-yj-list .p-item .text-p {
  line-height: 1.875;
}

.tech-swiper {
  position: relative;
  padding-bottom: 120px;
}

.tech-swiper .img-box {
  padding-bottom: 145.91195%;
}

.tech-swiper .img-box img {
  transition: all 0.4s;
}

.tech-swiper .swiper-slide {
  width: 318px;
}

.tech-swiper .swiper-button-next, .tech-swiper .swiper-button-prev {
  top: 40%;
}

.tech-swiper h3 {
  text-align: center;
  color: #222;
  padding: 14px 0;
  opacity: 0;
  visibility: hidden;
}

.tech-swiper .imgshow {
  position: relative;
}

.tech-swiper .imgshow:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 3;
}

.tech-swiper .swiper-slide-active h3 {
  opacity: 1;
  visibility: visible;
}

.tech-swiper .swiper-slide-active .imgshow:after {
  display: none;
}

.chuangxin-chanpin {
  background-color: #f5f5f5;
  padding: 1px 0 120px;
}

.chuangxin-chanpin .cx-tt {
  margin: 100px 0 80px;
  position: relative;
}

.chuangxin-chanpin .cx-tt h2 {
  color: #222;
  line-height: 1.2;
}

.chuangxin-chanpin .cx-tt .cp-page {
  position: relative;
  height: 46px;
  margin: 24px 0 0px;
  width: 112px;
}

.chuangxin-chanpin .cx-tt .cp-page .swiper-button-next, .chuangxin-chanpin .cx-tt .cp-page .swiper-button-prev {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.chuangxin-chanpin .cx-cpswiper .img-box {
  padding-bottom: 92.30769%;
}

.chuangxin-chanpin .cx-cpswiper .img-box img {
  transition: all 0.4s;
}

.chuangxin-chanpin .c-item {
  position: relative;
  border-radius: 50px 0 50px 0;
  overflow: hidden;
}

.chuangxin-chanpin .c-item .text {
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #FFF;
  padding: 40px 40px 24px;
  line-height: 1.875;
}

.chuangxin-chanpin .c-item .text h3 {
  margin-bottom: 10px;
}

.content-contact-msg {
  background-color: #f5f5f5;
  padding: 1px 0;
}

.btn-nav {
  display: none;
}

#yjy-tips {
  display: none;
}

.yjy-list table {
  width: 100%;
  font-size: 18px;
}

.yjy-list th {
  background-color: #eee;
  font-weight: 500;
  color: #777;
}

.yjy-list td {
  color: #222;
  border: 1px solid #eee;
  line-height: 2;
}

.yjy-list td, .yjy-list th {
  padding: 16px 20px;
  box-sizing: border-box;
}

.yjy-list td:nth-child(1), .yjy-list td:nth-child(2), .yjy-list th:nth-child(1), .yjy-list th:nth-child(2) {
  text-align: center;
}

@media screen and (max-width: 1800px) {
  .ipd-20 {
    padding: 0 20px;
  }
  .product-banner {
    height: 100vh;
  }
  .team-swiper .swiper-container {
    padding: 0 20px;
    margin: 0 -20px;
  }
}

@media screen and (max-width: 1466px) {
  .fuli-list ul .p-item .text {
    padding: 32px;
  }
  .h-tool .h-lang .icon-diqiu {
    font-size: 16px;
  }
  .inner-20 {
    padding: 0 20px;
  }
  #menuPc li a {
    padding: 34px 3px;
  }
  .h-tool .h-ss {
    padding: 0 10px;
    margin: 0 10px 0 0px;
  }
  .m-width-content {
    max-width: 1200px;
  }
  .lineyu-swiper .auto-left .text h3 {
    font-size: 1.4rem;
  }
  .lineyu-swiper .auto-left {
    width: 300px;
  }
  .lineyu-swiper .auto-left .a-item {
    width: 210px;
  }
  .pway-list .w-item {
    padding: 24px;
  }
  .his-siwper-grid .his-left {
    height: 600px;
    background-size: auto 600px;
  }
  .his-siwper-grid .his-left .auto-left .swiper {
    height: 600px;
  }
  .his-siwper-grid .his-left {
    width: 470px;
  }
  .his-siwper-grid .his-left .auto-left .swiper-slide.swiper-slide-active .a-item {
    font-size: 18px;
  }
  .erji {
    left: 0;
    right: 0;
  }
  .erji dd h3 {
    font-size: 16px;
  }
  .erji .mp-left {
    padding: 24px;
  }
  .footer .f-nav h3 {
    font-size: 16px;
  }
  .about-info-swiper h3 {
    font-size: 18px;
  }
}

@media screen and (max-width: 1366px) {
  .b-menu {
    margin: 0 20px;
  }
  .about-dsz .imgshow:after {
    width: 300px;
  }
}

@media screen and (max-width: 1200px) {
  .m-width-content {
    max-width: 1000px;
  }
  .about-tabitem a {
    padding: 0 24px;
  }
}

@media screen and (max-width: 1000px) {
  .job-wenhua {
    margin-top: 40px;
  }
  html.mm-blocking body {
    overflow: initial;
  }
  .header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: #FFF;
  }
  .header.fix {
    position: sticky;
  }
  #menuPc {
    display: none;
  }
  #menuWap {
    display: block;
  }
  #page {
    background: #FFFFFF;
  }
  .btn-nav {
    position: absolute;
    top: 0;
    right: 0px;
    background: transparent;
    border: none;
    padding: 10px 0 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 99999;
    display: block;
    width: 30px;
    float: right;
  }
  .icon-bar {
    display: block;
    margin: 6px 0;
    width: 30px;
    height: 3px;
    background-color: #BF9C56;
    box-shadow: 0 1px 1px #000000;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    z-index: 999999;
  }
  .mm-opening .top {
    -webkit-transform: translateY(8px) rotateZ(45deg);
    -moz-transform: translateY(8px) rotateZ(45deg);
    -ms-transform: translateY(8px) rotateZ(45deg);
    -o-transform: translateY(8px) rotateZ(45deg);
    transform: translateY(8px) rotateZ(45deg);
  }
  .mm-opening .bottom {
    -webkit-transform: translateY(-10px) rotateZ(-45deg);
    -moz-transform: translateY(-10px) rotateZ(-45deg);
    -ms-transform: translateY(-10px) rotateZ(-45deg);
    -o-transform: translateY(-10px) rotateZ(-45deg);
    transform: translateY(-10px) rotateZ(-45deg);
  }
  .mm-opening .middle {
    width: 0;
  }
  .banner .bg-box {
    display: none;
  }
  .banner .wap-box {
    display: block;
  }
  .banner .swiper-slide .video-box {
    display: none;
  }
  .h-tool {
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
  }
  .logo {
    padding: 12px 0;
    width: auto;
  }
  .logo img {
    height: 30px;
    display: none;
  }
  .logo .h-img {
    display: inline-block;
  }
  .h-tool .h-ss {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
  }
  .h-tool {
    color: #333;
  }
  .h-tool a {
    color: #333;
  }
  .banner .banner-content h6 {
    font-size: 18px;
  }
  .banner .banner-content h5 {
    font-size: 14px;
  }
  .h-tool .h-lang dd {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .h-tool .h-lang dd a {
    color: #fff;
  }
  .chuangxin-info h3 {
    margin-bottom: 2px;
  }
  .index-datashow-grid {
    padding: 30px 20px;
  }
  .index-datashow-grid .data-list li {
    width: 50%;
    margin-bottom: 9px;
  }
  .index-datashow-grid .data-list .d-item em {
    font-size: 24px;
  }
  .index-datashow-grid .data-list .d-item p {
    font-size: 12px;
  }
  .title {
    margin: 40px 0;
  }
  .lineyu-swiper {
    flex-direction: column;
  }
  .lineyu-swiper .auto-left, .lineyu-swiper .left-lingyu {
    width: 100%;
  }
  .lineyu-swiper .right-lingyu {
    width: 100%;
  }
  .lineyu-swiper .auto-left .a-item {
    width: auto;
  }
  .lineyu-swiper .auto-left .text {
    margin-left: 8px;
  }
  .lineyu-swiper .auto-left .imgshow {
    width: 30px;
    height: 30px;
    padding: 5px;
  }
  .lineyu-swiper .auto-left .swiper-slide {
    height: 30px;
    display: block;
  }
  .lineyu-swiper .auto-left .swiper {
    height: auto;
    margin-bottom: 24px;
  }
  .lineyu-swiper .left-lingyu .y-item {
    flex-direction: column;
  }
  .lineyu-swiper .left-lingyu .y-item .imgshow, .lineyu-swiper .left-lingyu .y-item .text {
    width: 100%;
  }
  .lineyu-swiper .left-lingyu .y-item .imgshow {
    margin-bottom: 12px;
  }
  .index-product-grid {
    padding-bottom: 40px;
  }
  .index-chuangxin-grid .cx-list {
    padding: 0;
  }
  .index-chuangxin-grid .cx-list ul {
    flex-wrap: wrap;
  }
  .index-chuangxin-grid .cx-list li {
    width: 50%;
  }
  .index-chuangxin-grid .cx-list .c-item {
    padding: 24px 0;
  }
  .index-chuangxin-grid .see-more {
    margin: 30px 0;
  }
  .index-video-grid .v-content .title {
    margin: 12px 0;
  }
  .index-video-grid .v-content {
    padding: 0 12px;
  }
  .index-video-grid .v-content p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .index-video-grid .v-content .v-con img {
    width: 32px;
    height: 32px;
  }
  .index-news-swiper {
    padding: 0 20px;
  }
  .index-news-swiper .swiper-slide {
    height: auto;
  }
  .index-news-swiper .text {
    position: initial;
    width: 100%;
    padding: 12px 0;
  }
  .index-news-swiper .n-item .imgshow {
    width: 100%;
  }
  .index-news-grid .news-page {
    margin: 30px 0;
  }
  .f-top .logo img {
    display: block;
  }
  .footer .f-top {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .footer .f-nav ul {
    flex-direction: column;
  }
  .footer .f-nav ul li {
    max-width: 100%;
    padding: 8px 0;
  }
  .footer .f-nav ul li h3 {
    font-weight: 400;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
  }
  .footer .f-nav ul li h3 .iconfont {
    display: block;
  }
  .footer .f-nav ul li dl {
    padding: 18px 0 0;
  }
  .footer .f-nav ul li:hover h3 .iconfont {
    transform: rotate(-180deg);
  }
  .footer .f-nav ul li:hover dl {
    display: block;
  }
  .footer .f-nav {
    padding: 0;
  }
  .footer .f-nav dl {
    display: none;
  }
  .footer .f-con dl dd {
    width: 100%;
    margin: 0 0 12px 0;
    box-sizing: border-box;
  }
  .footer .f-con dl {
    padding: 0;
    box-sizing: border-box;
    flex-direction: column;
  }
  .footer .f-copy {
    padding: 12px 0px;
  }
  .footer .f-con {
    margin: 24px 0 0;
  }
  .footer .f-nav h3 {
    margin-bottom: 0;
  }
  .inner-banner .banner-content h6 {
    font-size: 18px;
  }
  .inner-banner .banner-content p {
    font-size: 14px;
  }
  .inner-banner .banner-content .line {
    margin: 8px 0;
  }
  .about-tabitem {
    display: none;
  }
  .about-info {
    padding: 40px 0;
  }
  .about-info .text {
    margin: 0;
  }
  .about-info-swiper {
    margin: 30px 20px;
    padding: 0 50px;
  }
  .about-dsz .imgshow, .about-dsz .text {
    width: 100%;
  }
  .about-dsz .imgshow {
    padding: 0;
    margin-right: 0;
    margin-bottom: 12px;
  }
  .linian-list ul {
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    position: relative;
  }
  .linian-list ul li {
    width: 100%;
    margin-bottom: 12px;
  }
  .linian-list .n-item {
    padding: 0;
    height: auto;
  }
  .linian-list .text {
    display: none;
  }
  .linian-list .h-text {
    padding: 0 20px;
    opacity: 1;
    position: inherit;
    visibility: visible;
    transform: translateY(0);
    left: 0;
    right: 0;
    text-align: left;
  }
  .linian-list .h-text p {
    display: block !important;
    height: auto !important;
  }
  .linian-list {
    height: auto;
    padding: 20px 0;
  }
  .linian-list .h-text h3 {
    margin-bottom: 0;
    font-size: 18px;
  }
  .his-siwper-grid {
    flex-direction: column;
    padding-bottom: 40px;
  }
  .his-siwper-grid .his-left, .his-siwper-grid .his-right {
    width: 100%;
  }
  .his-siwper-grid .his-left .dot-w {
    display: none;
  }
  .his-siwper-grid .his-left .auto-left .a-item {
    width: 100%;
  }
  .his-siwper-grid .his-left .auto-left .swiper, .his-siwper-grid .his-left {
    height: auto;
  }
  .his-siwper-grid .his-right {
    padding-right: 0;
  }
  .his-siwper-grid .his-left {
    background: none;
    margin-bottom: 20px;
  }
  .his-siwper-grid .his-left .auto-left .swiper {
    left: 0;
  }
  .his-siwper-grid .his-left .text h3 {
    position: initial;
    font-size: 18px;
  }
  .his-siwper-grid .his-left .swiper-slide {
    width: auto;
  }
  .his-siwper-grid .his-right .swiper-button-next {
    right: 0%;
    margin: 0;
    transform: rotate(90deg);
  }
  .his-siwper-grid .his-right .swiper-button-prev {
    left: 0;
    margin: 0;
    transform: rotate(90deg);
  }
  .about-team {
    padding-bottom: 30px;
  }
  .honor-tabitem a {
    padding: 12px 20px;
  }
  .honor-tabitem {
    margin-bottom: 24px;
  }
  .honor-swiper h3 {
    font-size: 18px;
    padding: 24px 0 0;
  }
  .team-swiper .swiper-container {
    padding: 0;
    margin: 0;
  }
  .team-swiper .text h3 {
    font-size: 18px;
  }
  .app-info {
    padding: 30px 0;
  }
  .app-info .info-cont {
    flex-direction: column;
  }
  .app-info .info-cont .imgshow:before, .app-info .info-cont .imgshow:after {
    display: none;
  }
  .app-info .info-cont .imgshow {
    width: 100%;
    margin-bottom: 12px;
  }
  .app-info .info-cont .text {
    padding-left: 0;
  }
  .app-info .info-cont .text h3 {
    font-size: 18px;
    margin-bottom: 9px;
  }
  .appny-list .a-cont, .appny-list li:nth-child(2n) .a-cont {
    flex-direction: column;
  }
  .appny-list .a-cont .imgshow {
    width: 100%;
    padding: 0;
  }
  .appny-list .a-cont .text {
    width: 100%;
    padding: 24px 0;
  }
  .appny-list .a-item:after {
    display: none;
  }
  .appny-list {
    padding: 0px 0 30px;
  }
  .appny-list li {
    margin-bottom: 20px;
  }
  .chuangxin-info .imgshow {
    width: 100%;
    margin: 0 0 12px;
  }
  .chuangxin-info {
    padding: 40px 0;
  }
  .cx-info-list li {
    width: 100%;
  }
  .cx-info-list ul {
    flex-wrap: wrap;
  }
  .cx-info-list {
    margin-bottom: 30px;
  }
  .cx-info-list .c-item {
    padding: 24px;
    margin-bottom: 9px;
  }
  .cx-jiagou .jiagou-cont {
    flex-direction: column;
    padding: 24px;
  }
  .cx-jiagou .jiagou-cont .imgshow, .cx-jiagou .jiagou-cont .text {
    width: 100%;
  }
  .cx-jiagou .jiagou-cont .text {
    padding: 12px 0;
  }
  .f-30 {
    font-size: 18px;
  }
  .cx-jiagou .jiagou-cont .text .line {
    margin: 6px 0;
  }
  .cx-jiagou .jg-btn {
    margin: 24px 0;
  }
  .cx-yj-list {
    flex-wrap: wrap;
  }
  .cx-yj-list .p-item {
    width: 100%;
  }
  .cx-yj-list .p-item.cur {
    width: 100%;
  }
  .cx-yj-list .p-item.cur .h-text, .cx-yj-list .p-item .h-text {
    display: none;
  }
  .cx-yj-list .p-item .text {
    position: initial;
    padding: 12px 24px;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    background-color: rgba(191, 156, 86, 0.6);
  }
  .chuangxin-yuanjing {
    padding-bottom: 40px;
  }
  .cx-yj-list .p-item .text-p {
    width: auto !important;
  }
  .cx-yj-list .p-item .imgshow {
    height: auto;
  }
  .tech-swiper {
    padding-bottom: 30px;
  }
  .chuangxin-chanpin .cx-tt {
    margin: 50px 0 40px;
  }
  .chuangxin-chanpin {
    padding-bottom: 30px;
  }
  .msg-grid .f-cell {
    width: 100%;
  }
  .msg-grid .layui-form-item {
    margin-bottom: 20px;
  }
  .msg-grid .layui-form-label {
    margin-bottom: 8px;
  }
  .msg-grid .f-btn .layui-btn {
    width: 100%;
  }
  .msg-grid {
    padding-bottom: 30px;
  }
  .content-contact .con-list ul {
    width: 100%;
    padding: 0 20px;
  }
  .content-contact .con-list {
    flex-wrap: wrap;
  }
  .content-contact .con-list {
    margin-bottom: 12px;
  }
  .content-contact .con-list li {
    margin-bottom: 12px;
  }
  .esg-shehui-list ul {
    flex-wrap: wrap;
    padding: 12px;
  }
  .esg-shehui-list ul li {
    width: 100%;
  }
  .esg-shehui-list .n-item {
    height: auto;
    text-align: left;
  }
  .esg-shehui-list .text {
    display: none;
  }
  .esg-shehui-list {
    margin-bottom: 24px;
  }
  .esg-shehui-list ul li {
    border-right: none;
  }
  .esg-shehui-list .h-text {
    opacity: 1;
    visibility: visible;
    position: relative;
    left: 0;
    right: 0;
    transform: translateY(0);
    padding-bottom: 12px;
  }
  .esg-shehui-list ul {
    position: relative;
    background-color: rgba(191, 156, 86, 0.8);
  }
  .kechixu-cont {
    flex-wrap: wrap;
  }
  .kechixu-cont .imgshow, .kechixu-cont .text {
    width: 100%;
  }
  .kechixu-cont .text {
    padding-left: 0;
    margin-top: 12px;
  }
  .esg-kechixu {
    padding: 24px 0;
  }
  .esg-zhili .zhili-cont {
    padding: 20px;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .esg-zhili .zhili-cont .imgshow {
    width: 100%;
  }
  .esg-zhili .zhili-cont .text {
    padding: 0;
    margin-top: 12px;
  }
  .esg-business .business-list li {
    width: 100%;
    margin-bottom: 12px;
  }
  .esg-business .business-list h4 {
    line-height: 1.5;
    padding: 12px;
  }
  .esg-power .power-list {
    flex-wrap: wrap;
  }
  .esg-power .power-list .p-item.cur, .esg-power .power-list .p-item {
    width: 100%;
  }
  .esg-power .power-list .p-item .imgshow {
    height: auto;
  }
  .esg-power .power-list .p-item .h-text {
    display: none;
  }
  .esg-power .power-list .p-item .text {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    padding: 12px;
    position: relative;
    background-color: rgba(191, 156, 86, 0.8);
  }
  .esg-power .power-list .p-item .imgshow:after {
    display: none;
  }
  .esg-power {
    padding-bottom: 30px;
  }
  .join-filter {
    flex-wrap: wrap;
  }
  .join-filter .f-block {
    width: 100%;
    margin-bottom: 12px;
  }
  .join-table {
    overflow-x: auto;
  }
  .join-table table {
    min-width: 1000px;
  }
  .join-table table th {
    white-space: nowrap;
  }
  .page-box {
    padding: 40px 0;
  }
  .page-box .layui-laypage a {
    display: none;
  }
  .page-box .layui-laypage a.layui-laypage-prev, .page-box .layui-laypage a.layui-laypage-next {
    display: inline-block;
  }
  .page-box .layui-laypage-spr {
    display: none;
  }
  .job-tabitem {
    padding: 0px;
  }
  .jobtab-list .p-item.cur, .jobtab-list .p-item.act, .jobtab-list .p-item {
    width: 100%;
  }
  .jobtab-list {
    flex-wrap: wrap;
  }
  .jobtab-list .p-item .imgshow {
    height: auto;
  }
  .jobtab-list .p-item .text-p {
    width: 100% !important;
    padding-top: 10px;
    display: block !important;
    height: auto !important;
  }
  .jobtab-list .p-item .text {
    position: initial;
    background-color: rgba(191, 156, 86, 0.7);
    padding: 24px;
  }
  .jobtab-list .p-item {
    margin-top: 30px;
  }
  .jobtab-list .p-item .imgshow:after {
    display: none;
  }
  .news-top {
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
  .news-top .imgshow, .news-top .text {
    width: 100%;
  }
  .news-top .text {
    padding: 0 40px 20px;
  }
  .news-top .link-more {
    margin-top: 12px;
  }
  .link-more2 {
    margin-bottom: 40px;
  }
  .marfu.swiper-button-next {
    margin-right: 0;
  }
  .marfu.swiper-button-prev {
    margin-left: 0;
  }
  .job-fengcai {
    padding: 30px 0;
  }
  .jobdev-list li {
    width: 50%;
    margin-bottom: 12px;
  }
  .jobdev-list .d-item:after {
    display: none;
  }
  .job-dev, .job-zhijitixi, .job-fuli {
    padding-bottom: 30px;
  }
  .fuli-list ul {
    flex-wrap: wrap;
  }
  .fuli-list ul .p-item, .fuli-list ul .p-item.cur, .fuli-list ul .p-item.act {
    width: 100%;
  }
  .fuli-list ul .p-item {
    margin-bottom: 8px;
  }
  .fuli-list ul .p-item .imgshow {
    height: auto;
  }
  .fuli-list ul .p-item .text {
    position: initial;
    padding: 12px;
    background-color: rgba(191, 156, 86, 0.7);
  }
  .fuli-list ul .p-item .text .text-p {
    display: block !important;
    height: auto !important;
  }
  .fuli-list ul .p-item .imgshow:after {
    display: none;
  }
  .newsd-cont {
    padding: 40px 0;
  }
  .newsd-cont .sub-tt {
    margin-bottom: 0;
  }
  .content-news-detail .text {
    padding: 24px 12px;
  }
  .content-news-detail .n-page {
    flex-wrap: wrap;
    padding: 24px 0;
  }
  .content-news-detail .n-page .n-pright {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    transform: translateY(0);
    box-sizing: border-box;
  }
  .content-news-detail .n-page .n-b {
    width: 100%;
    margin-bottom: 12px;
  }
  .content-news-detail .n-page .n-b.n2 {
    flex-direction: row-reverse;
    padding-left: 0;
    text-align: left;
  }
  .content-news-detail .n-page .n-b.n2 label {
    padding-left: 0;
    padding-right: 28px;
  }
  .content-news-detail .n-page .n-pright a {
    box-sizing: border-box;
    width: 100%;
  }
  .content-news-detail {
    padding-bottom: 30px;
  }
  .news-top .text {
    margin-top: 12px;
  }
  .newsny-list li {
    width: 100%;
    margin-bottom: 12px;
  }
  .newsny-list .text {
    padding: 12px;
  }
  .event-list {
    padding: 0;
  }
  .event-list li {
    padding-right: 0;
  }
  .event-list .e-item {
    padding-right: 0;
    padding-left: 12px;
  }
  .event-list .e-item .dot {
    right: auto;
    left: 5px;
  }
  .event-list .e-item .text {
    padding: 24px 12px;
  }
  .event-list h3 {
    margin-bottom: 12px;
  }
  .event-list li:nth-child(2n) {
    padding-left: 0;
    margin-top: 24px;
  }
  .event-list li:nth-child(2n) .e-item {
    padding-left: 12px;
  }
  .event-list .e-item .text {
    min-height: auto;
  }
  .event-list ul:after {
    left: 0;
  }
  .event-list ul .dot {
    left: 0;
  }
  .event-list ul {
    padding: 50px 0;
    margin-bottom: 40px;
  }
  .gongyi-xingshan .text {
    display: none;
  }
  .gongyi-xingshan .swiper-slide.swiper-slide-active .text {
    display: block;
  }
  .gongyi-xingshan {
    padding-bottom: 30px;
  }
  .gyact-list .a-item {
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
  .gyact-list .a-item .imgshow, .gyact-list .a-item .text {
    width: 100%;
  }
  .gyact-list .a-item .text {
    padding: 24px 12px;
  }
  .gyact-list .a-item h3 {
    margin-bottom: 12px;
  }
  .gongyi-act {
    padding-bottom: 40px;
  }
  .news-imgswiper .n-right {
    padding-left: 10px;
  }
  .news-imgswiper {
    padding-top: 30px;
  }
  .content-news-photo {
    padding-bottom: 40px;
  }
  .china-workswiper .swiper-button-prev {
    left: 0;
    margin-left: 0;
  }
  .china-workswiper .swiper-button-next {
    right: 0;
    margin-right: 0;
  }
  .china-workswiper {
    margin: 24px 0;
  }
  .lingyu-list .y-item {
    flex-wrap: wrap;
  }
  .lingyu-list .y-item .imgshow, .lingyu-list .y-item .text {
    width: 100%;
  }
  .lingyu-list li:after {
    display: none;
  }
  .lingyu-list {
    margin: 30px 0 0;
  }
  .lingyu-list .y-item .imgshow, .lingyu-list li:nth-child(2n) .y-item .text {
    padding-left: 0;
  }
  .lingyu-list .y-item .text {
    padding-right: 0;
    margin-top: 24px;
  }
  .lingyu-list li {
    margin-bottom: 0;
    padding: 0px;
    margin: 0 0 24px;
  }
  .lingyu-list li:nth-child(2n) .y-item .imgshow {
    padding-right: 0;
  }
  .content-product-word .text {
    flex-wrap: wrap;
  }
  .content-product-word .text {
    margin: 20px 0;
  }
  .product-banner .b-menu ul:nth-child(1) {
    margin-right: 0vw;
  }
  .product-banner .b-menu ul li {
    transform: translateX(0) !important;
    margin: 12px 0 !important;
  }
  .product-banner .b-menu ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .product-banner .b-menu .m-item {
    width: 84px;
    height: 84px;
  }
  .product-banner .b-menu .m-item img {
    width: 24px;
    height: 24px;
  }
  .product-banner .b-menu .m-item p {
    font-size: 12px;
  }
  .product-banner .b-menu {
    position: relative;
    flex-wrap: wrap;
    top: auto;
    width: 100%;
  }
  .product-banner.animated .b-menu {
    transform: translateY(0);
  }
  .product-banner .bigimg {
    display: none;
  }
  .product-banner .cen-text, .product-banner .bot-banyuan {
    position: relative;
  }
  .product-banner {
    background-color: rgba(191, 156, 86, 0.7);
    padding: 0 20px;
    height: auto;
    min-height: 100vh;
  }
  .product-banner .bot-banyuan {
    width: 100%;
    left: 0;
    margin-left: 0;
    background-image: none;
    background-color: #FFF;
  }
  .product-banner .cen-text {
    padding-top: 30px;
  }
  .product-banner .cen-text h3 {
    margin-bottom: 24px;
  }
  .product-banner .imgshow {
    width: 100%;
  }
  .product-banner.animated .b-menu {
    left: 0;
    margin: 0;
  }
  .product-info .text {
    padding: 0;
  }
  .product-info .imgshow {
    margin: 0 0 20px;
  }
  .pway-list li {
    width: 100%;
  }
  .pway-list .w-item .icon {
    width: 64px;
    height: 64px;
    line-height: 64px;
    margin-right: 12px;
  }
  .pway-list .w-item .icon img {
    width: 24px;
  }
  .pway-list .w-item {
    padding: 12px 0;
  }
  .pway-list {
    margin-bottom: 30px;
  }
  .product-sales .s-item .text {
    position: initial;
    padding: 24px 24px 40px;
  }
  .product-sales {
    padding-bottom: 40px;
  }
  .product-info .imgshow {
    margin-bottom: 30px !important;
  }
  .pway-list.bt {
    margin-bottom: 30px;
  }
  .product-yt .yt-list .w-item .icon {
    width: 64px;
    height: 64px;
    line-height: 64px;
    margin: 0 12px 0 0;
  }
  .product-yt .yt-list .w-item .icon img {
    width: 24px;
  }
  .product-yt .yt-list li {
    width: 100%;
    margin-bottom: 12px;
  }
  .product-yt .yt-list .w-item {
    flex-direction: row;
    padding: 12px;
  }
  .product-yt .yt-list {
    padding: 0;
  }
  .product-yt {
    padding-bottom: 40px;
  }
  .h-tool .h-lang .arrow:after {
    border-color: #333 transparent transparent transparent;
  }
  .job-fengcai ul {
    flex-wrap: wrap;
  }
  .job-fengcai .one {
    width: 100%;
    margin-bottom: 12px;
  }
  .job-fengcai li {
    width: 50%;
  }
  .job-fengcai li:nth-child(2) {
    padding-right: 6px;
  }
  .job-fengcai li:nth-child(3) {
    padding-left: 6px;
  }
  .job-fengcai li {
    padding-left: 0;
    padding-right: 0;
  }
  .job-fengcai .text {
    opacity: 1;
    visibility: visible;
    padding: 20px 12px;
    font-size: 12px;
    transform: translateY(0);
  }
  .jobdev-list .icon {
    width: 64px;
    height: 64px;
  }
  .fuli-list ul .p-item .icon img {
    width: 24px;
  }
  #chinaimg-swiper {
    padding: 0 20px 20px;
  }
  .index-video-grid .v-content .title h2 {
    font-size: 18px;
  }
  .header.fix .h-tool .h-ss:after, .header.fix .h-tool .h-ss:before {
    display: none;
  }
  .yjy-list table {
    min-width: 1000px;
  }
  .layui-layer.cxskin .layui-layer-title {
    font-size: 20px;
    padding: 24px 0;
  }
  .layui-layer.cxskin .layui-layer-setwin {
    top: 25px;
  }
  .yjy-list td, .yjy-list th {
    padding: 12px;
    font-size: 14px;
  }
  #chinaimg-swiper .swiper-bot {
    padding: 0 34px;
  }
  .marfu.swiper-button-next, .marfu.swiper-button-prev {
    width: 28px;
    height: 28px;
    font-size: 16px;
    line-height: 28px;
    margin-top: -14px;
  }
  #chinaimg-swiper {
    width: calc(98% - 40px);
  }
  .yjy-list .y-cell {
    font-size: 12px;
  }
  .cx-yj-list .p-item img {
    height: auto;
  }
  .content-news-detail .n-page .n-pright a {
    text-align: center;
  }
  .job-fengcai dd {
    margin-bottom: 12px;
  }
  .team-swiper .text-p {
    max-height: initial;
  }
  .kechixu-cont .text h3 {
    font-size: 18px;
  }
  .jobtab-list .p-item .text .icon img {
    width: 24px;
    height: 24px;
  }
  .jobtab-list .p-item .text h3 {
    margin: 12px 0;
    font-size: 18px;
  }
  .index-news-grid .news-page {
    height: 4px;
  }
  .index-product-grid .title, .about-linian .title {
    padding: 0 20px;
  }
  .about-dsz .text > img {
    height: 30px;
  }
  .lineyu-swiper .left-lingyu .y-item .text h3 {
    font-size: 18px;
  }
  .newsd-cont .newsd-tt h3, .newsd-cont .sub-tt h3 {
    font-size: 18px;
  }
  .footer .f-share label {
    font-size: 16px;
  }
  .inner-banner .imgshow {
    display: block;
    padding-bottom: 66%;
    position: relative;
    overflow: hidden;
  }
  .inner-banner .imgshow img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .lyadd-innertt .tt-filter a{
      margin-bottom: 10px;
  }
  .lyadd-innertt .tt-filter{
      margin-bottom: 24px;
  }
}