@media (max-width: 1200px) {
  .Index #header {
    background-color: #ffffff;
  }
}
/**首页banner**/
.index-banner {
  position: relative;
}
.index-banner .box {
  display: block;
  position: relative;
}
.index-banner .box::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .1);
}
.index-banner .box img {
  display: block;
  object-fit: cover;
}
.index-banner .box .pc {
  display: block;
}
.index-banner .box .phone {
  display: none;
}
.index-banner .swiper-slide {
  position: relative;
  overflow: hidden;
  height: auto;
}
.index-banner .swiper-slide.swiper-slide-active .cont {
  transform: translate(0, 0);
  opacity: 1;
}
.index-banner .cont {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
  opacity: 0;
  transform: translate(0, 30px);
  transition: all 0.9s 1.2s;
}
.index-banner .cont .title {
  font-size: var(--fs52);
  font-weight: bold;
  line-height: 1.4em;
}
.index-banner .cont .des {
  margin-top: 12px;
  font-size: var(--fs16);
  line-height: 1.4em;
}
.index-banner .cont .des .p + .p {
  margin-top: 0.8em;
}
.index-banner .video-slide {
  position: relative;
}
.index-banner .video-slide img {
  opacity:0;
}

/*.index-banner .video-box{ display: none }*/
.index-banner .video-slide::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.01);
}
.index-banner .video-slide .video-box video {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.index-banner .swiper-other {
  position: absolute;
  left: 0;
  bottom: 5.4%;
  width: 100%;
  z-index: 2;
}


.index-banner .swiper-other .mouse-box {
  text-align: center;
  font-size: 14px;
  line-height: 1.4em;
  color: #ffffff;
}
.index-banner .swiper-other .mouse-box .self-svg {
  --size: 1.6em;
  --fill: #ffffff;
  animation: run1 0.7s infinite ease-in-out alternate;
}
.index-banner .swiper-other .mouse-box .word {
  margin-top: 5px;
  opacity: 0.7;
}
.index-banner .swiper-other .number {
  margin-left: 15px;
  font-size: 12px;
  line-height: 1.4em;
  color: rgba(255, 255, 255, 0.3);
}
.index-banner .swiper-other .number .current {
  margin-right: 4px;
  font-size: 20px;
  color: #ffffff;
}
.index-banner .swiper-other .number .all {
  margin-left: 3px;
}
.index-banner .swiper-other .swiper-pagination-bullet {
  --cw: 16px;
  margin: 0 6px;
  position: relative;
  width: var(--cw);
  height: var(--cw);
  background: transparent;
  cursor: pointer;
  opacity: 1;
}
.index-banner .swiper-other .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  width: var(--cw);
  height: var(--cw);
  opacity: 1;
  transition: opacity 0.3s;
}
.index-banner .swiper-other .cycle-box {
  --size: var(--cw);
  display: block;
}
.index-banner .swiper-other .cycle-box .cycle-son::before {
  --b-c: var(--main-color);
  --b-w: 1px;
}
@media (max-width: 1600px) {
  .index-banner .cont .title {
    font-size: 50px;
  }
  .index-banner .cont .des {
    margin-top: 12px;
    font-size: 22px;
  }
  .index-banner .cont .des .p + .p {
    margin-top: 0.4em;
  }
  .index-banner .swiper-other .swiper-pagination-bullet {
    --cw: 12px;
    margin: 0 8px;
  }
}
@media (max-width: 1441px) {
  .index-banner .cont .title {
    font-size: 36px;
  }
  .index-banner .cont .des {
    margin-top: 10px;
    font-size: 18px;
  }
  .index-banner .swiper-other .swiper-pagination-bullet {
    --cw: 10px;
    margin: 0 6px;
  }
}
@media (max-width: 1200px) {
  .index-banner .box .pc {
    display: none;
  }
  .index-banner .box .phone {
    display: block;
  }
  .index-banner .cont {
    text-align: center;
  }
  .index-banner .cont .title {
    font-size: 0.4rem;
  }
  .index-banner .cont .des {
    margin-top: 0.1rem;
    font-size: 0.26rem;
  }
  .index-banner .cont .des .p + .p {
    margin-top: 0.4em;
  }
  .index-banner .swiper-other {
    bottom: 0.35rem;
  }
  .index-banner .swiper-other .wrap-1480 {
    justify-content: center;
  }
  .index-banner .swiper-other .mouse-box {
    display: none;
  }
  .index-banner .swiper-other .swiper-pagination-bullet {
    --cw: 0.26rem;
    margin: 0 0.08rem;
  }
  .index-banner .swiper-other .swiper-pagination-bullet::before {
    border-width: 2px;
  }
  .index-banner .swiper-other .cycle-box {
    --b-w: 2px;
  }
  .index-banner .swiper-other .swiper-number .number {
    display: none;
  }
}
@keyframes run1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
.index-about {
  overflow: hidden;
  background: url(../images/bg1.jpg) no-repeat center / cover;
  padding-top:60px;
  padding-bottom: 60px;
}


.index-project {
  overflow: hidden;
  background: url(../images/bg2.jpg) no-repeat center / cover fixed;
  padding-top:60px;
  padding-bottom: 60px;
}

.index-about .flex-box .big-text {
  margin-top: -0.6em;
  margin-left: calc(var(--bettwen-1480-pad)*-1 - 0.4em);
}
.index-about .flex-box .img-div {
  --br: 10px;
  background: #ffffff;
  border-radius: var(--br);
  width: 56%;
  padding: 20px;
}
.index-about .flex-box .img-div .video-block {
  border-radius: var(--br);
  overflow: hidden;
}
.index-about .flex-box .img-div img {
  display: block;
  width: 100%;
}
.index-about .flex-box .cont-div {
  width: 40%;
  padding-top: 5%;
}

    .index-about .flex-box .img-div {
    width: 56%;
  }

.index-about .flex-box .cont-div .text {
  --lh: 1.75em;
  margin-top: 35px;
  max-height: calc(var(--lh)*6);
  overflow-y: auto;
  font-size: 16px;
  line-height: var(--lh);
  color: #666666;
}
.index-about .flex-box .cont-div .more-box-a {
  --dc: #666666;
  margin-top: 11%;
}


@media (max-width: 1600px) {
  .index-about {
    padding-top: 50px;
    padding-bottom: 70px;
  }
  .index-about .flex-box .img-div {
    --br: 10px;
    padding: 15px;
  }
  .index-about .flex-box .cont-div {
    width: 48%;
    padding-top: 3%;
  }
    .index-about .flex-box .img-div {
    width: 50%;
  }

  .index-about .flex-box .cont-div .text {
    --lh: 1.7em;
    margin-top: 15px;
  }
  .index-about .flex-box .cont-div .more-box-a {
    margin-top: 6%;
  }
}
@media (max-width: 1200px) {
  .index-about {
    padding-top: 0.65rem;
    padding-bottom: 0.6rem;
  }
  .index-about .flex-box .img-div {
    --br: 0.15rem;
    /*order: 2;*/
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    width: 100%;
    padding: 0.2rem;
  }
  .index-about .flex-box .cont-div {
    width: 100%;
    padding-top: 0.1rem;
  }
  .index-about .flex-box .cont-div .text {
    --lh: 1.6em;
    margin-top: 0.15rem;
    max-height: 10em;
    font-size: 0.28rem;
  }
  .index-about .flex-box .cont-div .more-box-a {
    margin-top: 0.25rem;
  }


}


/*首页链接快捷方式*/
.index-iconlink{ display: block;   border-radius: 20px }
.index-iconlink span{ text-align: center; margin-top:var(--fs12);  }
@media (max-width: 1200px) {
  .index-iconlink ul li a{ text-align: center;  }
.index-iconlink img{ width: 50%; margin: 0 auto  }
}
  
}





/*首页标题*/
.index-tit{ width: 100%; overflow:hidden; }
.index-tit .ch{  }
.index-tit .ch span{ white-space: nowrap; font-size: var(--fs42); font-weight: bold; color: var(--main-color); margin-bottom:var(--fs20); }
.index-tit .ch span em{margin-right:var(--fs30);}
.index-tit .ch img{vertical-align: middle;}
.index-tit strong{ font-size: var(--fs42); text-align: left;   }


/***标题***/
.tit{   padding-top: clamp(3.5em, 4vw, 75px);
 }
.auto-title-block {
  --text-color: 51,51,51;
  --text-des-color: 102,102,102;
  --text-opacity: 1;

  font-size: 16px;
  line-height: 1.4em;
}
.auto-title-block .auto-title-h2 {
  font-size: clamp(1.5em, 2.1vw, 40px);
  font-weight: bold;
  line-height: 1.4em;
  color: rgba(var(--text-color), var(--text-opacity));
}
.auto-title-block .auto-title-des {
  margin-top: clamp(0.5em, 0.9vw, 1.1em);
  color: rgba(var(--text-des-color), var(--text-opacity));
}
@media (max-width: 1600px) {
  .auto-title-block .auto-title-h2 {
    font-size: clamp(1.5em, 1.8vw, 40px);

  }
  .auto-title-block .auto-title-des {
    margin-top: clamp(0.5em, 0.9vw, 1.1em);
    color: rgba(var(--text-des-color), var(--text-opacity));
  }
}
@media (max-width: 1200px) {
  .auto-title-block {

    font-size: 0.26rem;
  }
  .auto-title-block .auto-title-h2 {
    font-size: 1.5em;
  }
}
/***标题***/
.auto-title-block-a {
  --text-color: 35,45,57;
  --text-des-color: 137,144,153;
  --text-opacity: 1;
  padding-top: 4em;
  padding-bottom: 2.5em;
  font-size: 16px;
  line-height: 1.4em;
}
.auto-title-block-a .auto-title-a-h2 {
  font-size: 2.5em;
  line-height: 1.4em;
  color: rgba(var(--text-color), var(--text-opacity));
}
.auto-title-block-a .auto-title-a-des {
  margin-top: 0.5em;
  color: rgba(var(--text-des-color), var(--text-opacity));
}
@media (max-width: 1500px) {
  .auto-title-block-a {
    padding-top: 3em;
    padding-bottom: 2em;
  }
  .auto-title-block-a .auto-title-a-h2 {
    font-size: 2em;
  }
}
@media (max-width: 1200px) {
  .auto-title-block-a {
    padding-top: 1.5em;
    padding-bottom: 1.3em;
    font-size: 0.28rem;
  }
  .auto-title-block-a .auto-title-a-h2 {
    font-size: 1.3em;
  }
  .auto-title-block-a .auto-title-a-des {
    margin-top: 0.3em;
  }
}
.swiper-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4em;
  color: #333333;
}
.swiper-des {
  margin-top: 6px;
  font-size: 16px;
  line-height: 3em;
  color: #fff;
  background: var(--main-color);
  text-align: center;
}
 .swiper-box .box:hover {
  background: var(--main-color);
}
 .swiper-box .box:hover .swiper-title {
  color: #fff;
}
 .swiper-box .box:hover .swiper-des {
  color: #fff;
  background: #4568b1;
}





/*首页产品*/
.index-product1{
  background: url(../images/part1.jpg) no-repeat center / cover;
  padding: var(--fs54) 0;
  margin-top:var(--fs54);
  overflow: hidden;
  margin-bottom: var(--fs54);
}
.pro-left{ width: 46%; margin-right:1%; }
.pro-right{ width: 46%; margin-left: 1%;  }
.yiliao{ margin-bottom: var(--fs30) }
.part3-chanpin { overflow: hidden; display: block; position: relative;  }
.part3-chanpin img{ transition: all 0.5s; display: block; overflow: hidden; width: 100%;   }
.part3-chanpin .chanpintext{position:absolute; top: -0.5rem; left: -.6rem; padding:0.7rem  0.5rem 0.2rem 1rem;  font-size: .3rem;
  color: #fff;background: #badec2; border-radius: 100px}
.part3-chanpin .br{  position:absolute; bottom: -0.7rem!important;right: -.6rem; padding:0.2rem  1rem 0.9rem 0.5rem; font-size:.3rem; 
  color: #fff;background: #badec2; border-radius: 100px}
.part3-chanpin:hover .chanpinimg img{transform: scale(1.1);    }
.part3-chanpin:hover .chanpintext { }

@media (max-width: 1200px) 
{
.pro-left{ width: 100%;  }
.pro-right{ width: 100%; }

}



/*创新发展*/
.index-innovate .cont ul li .img{ width: 50%;  text-align: center;  background: #fff}
.index-innovate .cont ul li .cxtext{ width: 50%; background: #f2f8ee; padding:5% 8%; }

.index-innovate .cont ul li .cxtext p{  font-size: var(--fs42); line-height: var(--fs54); color: var(--main-color) ; }
.index-innovate .cont ul li .cxtext strong{  font-size: var(--fs42); line-height: var(--fs54); font-weight: bold; display: block }
.index-innovate .cont ul li .cxtext span{  font-size: var(--fs18); line-height: var(--fs32); padding-top: var(--fs54); display: block; overflow: hidden; }
.index-innovate .cont ul li:nth-child(2){  flex-flow: row wrap; }
.index-innovate .cont ul li:nth-child(2) div:nth-child(1){ order:2  }


@media(max-width: 992px){
.index-innovate .cont ul li{ flex-wrap: wrap; }
.index-innovate .cont ul li .img{ width: 100%;  }
.index-innovate .cont ul li .cxtext{ width: 100%; }
.index-innovate .cont ul li:nth-child(2){  flex-flow: row wrap; }
.index-innovate .cont ul li:nth-child(2) div:nth-child(2){ order:2 }

}




/*新闻中心*/
.index-news {
  overflow: hidden;
  padding-top:  var(--fs100);
  margin-bottom: var(--fs54)
}
.index-news .title-flex .title-tabs {
  margin-bottom: 8px;
}
.index-news .swiper-ohide {
  padding-top: 42px;
}
.index-news .swiper-ohide .swiper-list {
  --br: 10px;
}
@media (max-width: 1600px) {
  .index-news {
    padding-top: 80px;
    padding-bottom: 70px;
  }
  .index-news .title-flex .title-tabs {
    margin-bottom: 10px;
  }
  .index-news .swiper-ohide {
    padding-top: 30px;
  }
}
@media (max-width: 1200px) {
  .index-news {
    padding-top: 0.65rem;
    padding-bottom: 0.6rem;
  }
  .index-news .title-flex {
    flex-wrap: wrap;
  }
  .index-news .title-flex .auto-title-block {
    margin-bottom: 0.2rem;
 
  }
  .index-news .title-flex .title-tabs {
    width: 100%;
    margin-bottom: 0;
    justify-content: center;
  }
  .index-news .swiper-ohide {
    padding-top: 0.35rem;
  }
}









/*服务与支持*/
.index-server{ background:url(../images/part12.jpg) no-repeat center / cover;  padding: var(--fs54) 0; margin-top: var(--fs54)}
.index-server>div{ gap:var(--fs54); }
.index-server .leftDiv .layer .txt{ font-size:var(--fs36); line-height: var(--fs100) }
.index-server .leftDiv .layer .msg{   font-size:var(--fs18); line-height: var(--fs36)}
.index-server .leftDiv .layer .btnDiv .ico_h{ border: 1px solid #000; padding: var(--fs12)  var(--fs20) ; margin-top:var(--fs54); display: inline-block; }


.index-server .rightDiv ul { gap:var(--fs54); }
.index-server .rightDiv ul li { position: relative;   }
.index-server .rightDiv ul li a .box{ }
.index-server .rightDiv ul li .box{ position: absolute; text-align: center; display: block; width: 100%; top: 20%  }
.index-server .rightDiv ul li .box .ico{ padding-bottom: var(--fs20);transition: all 0.5s; }
.index-server .rightDiv ul li .box .name{transition: all 0.5s; }


.index-server .rightDiv ul li:hover  .ico{transform: scale(1.3);    }
.index-server .rightDiv ul li:hover  .name{transform: scale(1.1); color: var(--main-color)    }


@media (max-width: 1200px){

  .index-server>div{ flex-wrap: wrap!important}
.index-server .leftDiv{ width: 100% }
}

}





.index-product {
  overflow: hidden;
  background: url(../images/index/bg2.jpg) no-repeat center / cover;
  padding-top: 120px;
  padding-bottom: 120px;
}
.index-product .cont-div {
  width: 460px;
  max-width: 46%;
}
.index-product .cont-div .ul {
  margin-top: 18%;
}
.index-product .cont-div .ul .li + .li {
  margin-top: 45px;
}
.index-product .cont-div .ul .a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 24px;
  line-height: 36px;
  color: #666666;
}
.index-product .cont-div .ul .a.on,
.index-product .cont-div .ul .a:hover {
  font-size: 32px;
  color: var(--main-color);
}
.index-product .cont-div .ul .a.on .a-title::after,
.index-product .cont-div .ul .a:hover .a-title::after {
  background: var(--main-color);
}
.index-product .cont-div .ul .a.on .i,
.index-product .cont-div .ul .a:hover .i {
  opacity: 0;
}
.index-product .cont-div .ul .a.on .h,
.index-product .cont-div .ul .a:hover .h {
  opacity: 1;
}
.index-product .cont-div .ul .a-title {
  position: relative;
  padding: 12px 0.9em 12px 0;
  transition: all 0.3s;
}
.index-product .cont-div .ul .a-title::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: transparent;
  transition: all 0.3s;
}
.index-product .img-div {
  position: relative;
  border-radius: 10px;
  width: 50%;
}
.index-product .img-div .img-box {
  border-radius: 10px;
}
.index-product .img-div .img-box::before {
  border-radius: 10px;
  padding-top: 97.29%;
}
.index-product .img-div .img-box::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.index-product .img-div .cont {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 5% 10%;
  color: #ffffff;
}
.index-product .img-div .cont .en {
  font-size: 16px;
  line-height: 1.2em;
}
.index-product .img-div .cont .h6 {
  margin-top: 5px;
  font-size: 40px;
  line-height: 1.4em;
}
.index-product .img-div .cont .a-list {
  --lh: 1.4em;
  --pw: 5px;
  margin-top: 35px;
}
.index-product .img-div .cont .a-list .a-li {
  font-size: 20px;
  line-height: var(--lh);
}
.index-product .img-div .cont .a-list .a-li + .a-li {
  margin-top: 16px;
}
.index-product .img-div .cont .a-list .a {
  display: flex;
  align-items: flex-start;
}
.index-product .img-div .cont .a-list .a::before {
  content: '';
  flex-shrink: 0;
  margin-right: 0.6em;
  margin-top: calc((var(--lh) - var(--pw))*0.5);
  border-radius: 50%;
  width: var(--pw);
  height: var(--pw);
  background: var(--main-color);
}
.index-product .img-div .cont .a-list .a:hover {
  color: var(--main-color);
}
.index-product .img-div .cont .more-box-a {
  margin-top: 70px;
}
@media (max-width: 1600px) {
  .index-product {
    /*padding-bottom: 70px;*/
  }
  .index-product .cont-div .ul {
    margin-top: 18%;
  }
  .index-product .cont-div .ul .li + .li {
    margin-top: 45px;
  }
  .index-product .cont-div .ul .a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 24px;
    line-height: 36px;
  }
  .index-product .cont-div .ul .a:hover {
    font-size: 30px;
  }
  .index-product .cont-div .ul .a-title {
    padding: 10px 0.5em 10px 0;
  }
  .index-product .img-div {
    border-radius: 10px;
    width: 50%;
  }
  .index-product .img-div .cont {
    padding: 5% 10%;
  }
  .index-product .img-div .cont .h6 {
    font-size: 36px;
  }
  .index-product .img-div .cont .a-list {
    margin-top: 25px;
  }
  .index-product .img-div .cont .a-list .a-li {
    font-size: 18px;
  }
  .index-product .img-div .cont .a-list .a-li + .a-li {
    margin-top: 14px;
  }
  .index-product .img-div .cont .a-list .a::before {
    margin-right: 0.5em;
  }
  .index-product .img-div .cont .more-box-a {
    margin-top: 45px;
  }
}
@media (max-width: 1200px) {
  .index-product {

  }
  .index-product .cont-div {
    width: 100%;
    max-width: 100%;
  }
  .index-product .cont-div .ul {
    margin-top: 0.1rem;
  }
  .index-product .cont-div .ul .li + .li {
    margin-top: 0.15rem;
  }
  .index-product .cont-div .ul .a {
    font-size: 0.28rem;
    line-height: 0.4rem;
  }
  .index-product .cont-div .ul .a img {
    zoom: 0.78;
  }
  .index-product .cont-div .ul .a.on,
  .index-product .cont-div .ul .a:hover {
    font-size: 0.32rem;
  }
  .index-product .cont-div .ul .a-title {
    padding: 0.15rem 0.2em 0.15rem 0;
  }
  .index-product .img-div {
    margin-top: 0.35rem;
    border-radius: 0.15rem;
    width: 100%;
  }
  .index-product .img-div .cont {
    padding: 0.3rem 0.35rem;
  }
  .index-product .img-div .cont .en {
    font-size: 0.28rem;
  }
  .index-product .img-div .cont .h6 {
    font-size: 0.36rem;
  }
  .index-product .img-div .cont .a-list {
    margin-top: 0.3rem;
  }
  .index-product .img-div .cont .a-list .a-li {
    font-size: 0.28rem;
  }
  .index-product .img-div .cont .a-list .a-li + .a-li {
    margin-top: 0.15rem;
  }
  .index-product .img-div .cont .more-box-a {
    margin-top: 0.3rem;
  }
}
@media (max-width: 768px) {
  .index-product .cont-div .ul .a img {
    zoom: 0.6;
  }
}
.index-solution {
  overflow: hidden;
  background: url(../images/index/bg3.jpg) no-repeat center / cover;
  padding-top: 120px;
  padding-bottom: 120px;
}
.index-solution .auto-title-block .auto-title-h2 {
  color: #ffffff;
}
.index-solution .auto-title-block .auto-title-h2-des {
  color: rgba(255, 255, 255, 0.7);
}
.index-solution .ul {
  padding-top: 40px;
}
@media (max-width: 1600px) {
  .index-solution {
    padding-top: 80px;
    padding-bottom: 70px;
  }
  .index-solution .ul {
    padding-top: 30px;
  }
}
@media (max-width: 1200px) {
  .index-solution {
    padding-top: 0.65rem;
    padding-bottom: 0.6rem;
  }
  .index-solution .ul {
    padding-top: 0.3rem;
  }
}
.index-footprint {
  overflow: hidden;
  background: url(../images/index/bg4.gif);
  padding-top: 120px;
  padding-bottom: 120px;
}
.index-footprint .auto-title-block .auto-title-h2 {
  color: #ffffff;
}
.index-footprint .auto-title-block .auto-title-h2-des {
  color: rgba(255, 255, 255, 0.7);
}
.index-footprint .i-num-list {
  margin-top: 70px;
  color: #ffffff;
}
.index-footprint .i-num-list .i-num-li + .i-num-li {
  margin-left: 20px;
}
.index-footprint .i-num-list .i-num-li .num {
  font-size: 68px;
  font-weight: bold;
  line-height: 0.9em;
}
.index-footprint .i-num-list .i-num-li .other {
  margin-left: 6px;
}
.index-footprint .i-num-list .i-num-li .icon {
  margin-bottom: 0.9em;
  font-size: 20px;
  line-height: 1em;
}
.index-footprint .i-num-list .i-num-li .word {
  font-size: 16px;
  line-height: 1em;
}
.index-footprint .left-cont {
  width: 400px;
}
.index-footprint .right-cont {
  width: calc(95% - 400px);
}
.index-footprint .right-cont #container {
  height: 730px;
}
@media (max-width: 1600px) {
  .index-footprint {
    padding-top: 80px;
    padding-bottom: 70px;
  }
  .index-footprint .i-num-list {
    margin-top: 40px;
  }
  .index-footprint .i-num-list .i-num-li .num {
    font-size: 58px;
  }
  .index-footprint .i-num-list .i-num-li .icon {
    font-size: 16px;
  }
  .index-footprint .i-num-list .i-num-li .word {
    font-size: 14px;
    line-height: 1em;
  }
}
@media (max-width: 1200px) {
  .index-footprint {
    padding-top: 0.65rem;
    padding-bottom: 0.6rem;
  }
  .index-footprint .i-num-list {
    margin-top: 0.35rem;
  }
  .index-footprint .i-num-list .i-num-li + .i-num-li {
    margin-left: 0.3rem;
  }
  .index-footprint .i-num-list .i-num-li .num {
    font-size: 0.7rem;
  }
  .index-footprint .i-num-list .i-num-li .icon {
    margin-bottom: 0.6em;
    font-size: 0.24rem;
  }
  .index-footprint .i-num-list .i-num-li .word {
    font-size: 0.2rem;
  }
  .index-footprint .left-cont {
    width: 100%;
  }
  .index-footprint .right-cont {
    width: 100%;
    height: calc(var(--wrap-width)*0.9);
  }
  .index-footprint .right-cont #container {
    height: calc(var(--wrap-width)*0.9);
  }
  .index-footprint .right-cont #container canvas {
    height: calc(var(--wrap-width)*0.9);
  }
}
@media (max-width: 768px) {
  .index-footprint .right-cont {
    width: 100%;
    height: calc(var(--wrap-width)*0.9);
  }
}
.index-case {
  background: url(../images/bg5.jpg) no-repeat center / cover;
  padding-top: 120px;
  padding-bottom: 100px;
  overflow: hidden;
  margin-top:100px;
}

.index-case .auto-title-block .auto-title-en .text-transparent{     -webkit-text-stroke: 1px #ffffff; }

.index-case  .auto-title-block .auto-title-en{ color:#fff }
.index-case .title-flex .title-tabs {
  margin-bottom: 8px;
}
.index-case .swiper-list {
  --br: 10px;
  margin-top: 52px;
}
.index-case .swiper-list .swiper {
  overflow: visible;
}
.index-case .swiper-list .a-box {
  display: block;
  background-color: #f7f5f2;
  overflow: hidden;
  border-radius: var(--br);
}
.index-case .swiper-list .a-box:hover .cont .title {
  color: var(--main-color);
}
.index-case .swiper-list .a-box:hover .cont .more-box-b {
  transform: translate(15%, 0);
}
.index-case .swiper-list .img-box::before {
  /*padding-top: 58.33%;*/
}
.index-case .swiper-list .cont {
  padding: 25px 30px;
}
.index-case .swiper-list .cont .title-box {
  width: calc(100% - 75px);
}
.index-case .swiper-list .cont .title {
  font-size: 24px;
  line-height: 1.4em;
  color: #333333;
  transition: all 0.3s;
}
.index-case .swiper-list .cont .tag {
  margin-top: 5px;
  font-size: 16px;
  line-height: 1.4em;
  color: #999999;
}
.index-case .swiper-list .cont .more-box-b {
  transform: translate(0, 0);
  transition: all 0.3s;
}
.index-case .swiper-list .cont .more-box-b .more-box .more-box-b-icon svg {
  transform: translate(0, 0);
}
.index-case .auto-title-block .auto-title-h2,.index-case .auto-title-block .auto-title-h2-des  {
  color: #ffffff;
}
.ind
@media (max-width: 1600px) {
  .index-case {
    padding-top: 80px;
    padding-bottom: 70px;
  }
  .index-case .title-flex .title-tabs {
    margin-bottom: 10px;
  }
  .index-case .swiper-list {
    --br: 10px;
    margin-top: 30px;
  }
  .index-case .swiper-list .cont {
    padding: 20px 25px;
  }
  .index-case .swiper-list .cont .title-box {
    width: calc(100% - 55px);
  }
  .index-case .swiper-list .cont .title {
    font-size: 20px;
  }
  .index-case .swiper-list .cont .tag {
    margin-top: 0;
    font-size: 15px;
  }
}
@media (max-width: 1200px) {
  .index-case {
    padding-top: 0.55rem;
    padding-bottom: 0.6rem;
  }
  .index-case .title-flex {
    flex-wrap: wrap;

  }
  .index-case .title-flex .auto-title-block {
    margin-bottom: 0.2rem;

  }
  .index-case .title-flex .title-tabs {

    margin-bottom: 0;
    justify-content: center;
  }
  .index-case .swiper-list {
    --br: 0.15rem;
    margin-top: 0.35rem;
  }
  .index-case .swiper-list .cont {
    padding: 0.15rem 0.2rem;
  }
  .index-case .swiper-list .cont .title-box {
    width: calc(100% - 0.65rem);
  }
  .index-case .swiper-list .cont .title {
    font-size: 0.3rem;
  }
  .index-case .swiper-list .cont .tag {
    font-size: 0.24rem;
  }
}
.index-advantages {
  display: flex;
  height: clamp(0px, 50vw, 960px);
  background: url(../images/index/bg6.jpg) no-repeat center / cover;
  padding-top: clamp(0px,8.85vw,200px);
  padding-bottom: 100px;
  overflow: hidden;
  /* align-items: center; */
}
.index-advantages .auto-title-block .auto-title-h2 {
  color: #ffffff;
}
.index-advantages .auto-title-block .auto-title-h2-des {
  color: rgba(255, 255, 255, 0.7);
}
.index-advantages .advantages-list {
  margin-top: 120px;
  gap: calc(var(--wrap-width)*0.0337);
}
.index-advantages .advantages-list .advantages-li {
  display: flex;
  align-items: flex-end;
  color: #213764;
}
.index-advantages .advantages-list .li8 {
  width: 100%;
}
.index-advantages .advantages-list .li8 .line {
  display: none;
}
.index-advantages .advantages-list .line {
  display: block;
  margin: 0 20px;
}
.index-advantages .advantages-list .line::before {
  content: '';
  display: block;
  margin: 0 auto;
  background-color: #ffffff;
  height: 69px;
  width: 1px;
  transform: skewX(-30deg);
  opacity: 0.4;
}
.index-advantages .advantages-list .img img {
  display: block;
}
.index-advantages .advantages-list .li-num {
  margin: 0 18px 0 20px;
  font-size: 72px;
  font-weight: bold;
  line-height: 0.7em;
  letter-spacing: -2px;
}
.index-advantages .advantages-list .word {
  font-size: 18px;
  line-height: 1em;
}
.index-advantages .advantages-list .word .dw {
  margin-bottom: 0.9em;
}
@media (max-width: 1600px) {
  .index-advantages {
    padding-top: 80px;
    padding-bottom: 70px;
  }
  .index-advantages .advantages-list {
    margin-top: 50px;
    gap: calc(var(--wrap-width)*0.015);
  }
  .index-advantages .advantages-list .line {
    margin: 0 15px;
  }
  .index-advantages .advantages-list .line::before {
    height: 59px;
    transform: skewX(-20deg);
  }
  .index-advantages .advantages-list img {
    zoom: 0.9;
  }
  .index-advantages .advantages-list .li-num {
    margin: 0 10px 0 15px;
    font-size: 58px;
    letter-spacing: -1px;
  }
  .index-advantages .advantages-list .word {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  .index-advantages {
    height: auto;
    padding-top: 0.65rem;
    padding-bottom: 0.6rem;
  }
  .index-advantages .advantages-list {
    margin-top: 0.3rem;
    gap: 0.2rem;
  }
  .index-advantages .advantages-list .line {
    margin: 0 0.4rem;
  }
  .index-advantages .advantages-list .line::before {
    height: 0.6rem;
    transform: skewX(-20deg);
  }
  .index-advantages .advantages-list .li4,
  .index-advantages .advantages-list .li8,
  .index-advantages .advantages-list .li12 {
    margin: 0.15rem 0;
    width: 100%;
  }
  .index-advantages .advantages-list .li4 .line,
  .index-advantages .advantages-list .li8 .line,
  .index-advantages .advantages-list .li12 .line {
    display: block;
    width: 100%;
  }
  .index-advantages .advantages-list .li4 .line::before,
  .index-advantages .advantages-list .li8 .line::before,
  .index-advantages .advantages-list .li12 .line::before {
    width: 100%;
    height: 1px;
    transform: skew(0deg);
  }
  .index-advantages .advantages-list img {
    zoom: 0.6;
  }
  .index-advantages .advantages-list .li-num {
    margin: 0 0.1rem 0 0.15rem;
    font-size: 0.6rem;
    letter-spacing: -0.02em;
  }
  .index-advantages .advantages-list .word {
    font-size: 0.2rem;
  }
  .index-advantages .advantages-list .word .dw {
    margin-bottom: 0.4em;
  }
}


.index-news {
  overflow: hidden;

  padding-top: 90px;
}
.index-news .title-flex .title-tabs {
  margin-bottom: 8px;
  margin-top: var(--fs30);
}
.index-news .swiper-ohide {
  padding-top: 42px;
}
.index-news .swiper-ohide .swiper-list {
  --br: 10px;
}
  .index-news .title-flex {
    flex-wrap: wrap;
  }
@media (max-width: 1600px) {
  .index-news {
    padding-top: 80px;
    padding-bottom: 70px;
  }
  .index-news .title-flex .title-tabs {
    margin-bottom: 10px;
  }
  .index-news .swiper-ohide {
    padding-top: 30px;
  }
}
@media (max-width: 1200px) {
  .index-news {
    padding-top: 0.65rem;
    padding-bottom: 0.6rem;
  }
  .index-news .title-flex {
    flex-wrap: wrap;
  }
  .index-news .title-flex .auto-title-block {
    margin-bottom: 0.2rem;
 
  }
  .index-news .title-flex .title-tabs {
    width: 100%;
    margin-bottom: 0;
    justify-content: center;
  }
  .index-news .swiper-ohide {
    padding-top: 0.35rem;
  }
}
.index-partners {
  overflow: hidden;
  background: url(../images/servicefoot.jpg) no-repeat center / cover;
  padding-top:400px;
  padding-bottom: 400px;
}
.index-partners .auto-title-block .auto-title-h2 {
  color: #ffffff;
}
.index-partners .auto-title-block .auto-title-h2-des {
  color: rgba(255, 255, 255, 0.7);
}
.index-partners .title-flex {
  padding-bottom: 42px;
}
.index-partners .title-flex .title-tabs {
  margin-bottom: 8px;
}
.index-partners .title-flex .title-tabs .span {
  color: #999999;
}
.index-partners .title-flex .title-tabs .span.on {
  color: #999999;
}
.index-partners .title-flex .title-tabs .span.on::after {
  opacity: 0;
}
.index-partners .title-flex .title-tabs .span:hover {
  color: var(--main-color);
}
.index-partners .title-flex .title-tabs .span:hover::after {
  opacity: 1;
}
.index-partners .swiper-box {
  position: relative;
}
.index-partners .swiper-box .swiper-wrapper {
  transition-timing-function: linear;
}
.index-partners .swiper-box .mark {
  display: block;
  position: absolute;
  z-index: 2;
  top: var(--l4p);
  height: calc(100% - var(--l4p)*2);
  width: calc(var(--wrap-1480-width)*0.2);
}
.index-partners .swiper-box .mark1 {
  margin-left: calc(var(--bettwen-1480-pad)*-1);
  left: 0;
  transform: translate(-60%, 0);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}
.index-partners .swiper-box .mark2 {
  margin-right: calc(var(--bettwen-1480-pad)*-1);
  right: 0;
  transform: translate(60%, 0);
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}
.index-partners .swiper-box .swiper {
  overflow: visible;
}
@media (max-width: 1600px) {
  .index-partners {
    padding-top: 80px;
    padding-bottom: 70px;
  }
  .index-partners .title-flex {
    padding-bottom: 32px;
  }
  .index-partners .title-flex .title-tabs {
    margin-bottom: 10px;
  }
}
@media (max-width: 1200px) {
  .index-partners {
    padding-top: 1.65rem;
    padding-bottom: 1.6rem;
  }
  .index-partners .title-flex {
    padding-bottom: 0.35rem;
    flex-wrap: wrap;
    text-align: center;
  }
  .index-partners .title-flex .auto-title-block {
    margin-bottom: 0.2rem;
    width: 100%;
  }
  .index-partners .title-flex .title-tabs {
    width: 100%;
    margin-bottom: 0;
    justify-content: center;
  }
}





/*新闻展示*/
.news_box .tab-li {
  position: relative;
  padding-left: var(--tabpad);
}
.news_box .tab-li.on {
  display: flex;
}
.news_box .tab-li .left-cont {
  width: 53.238%;
}
.news_box .tab-li .left-cont .title-box {
  --size: 1em;
  --fill: var(--mcolor2);
  position: absolute;
  left: 0;
  bottom: calc(var(--tabpad)*-1);
  height: 90%;
  background-color: var(--mcolor);
  font-size: var(--fs20);
  line-height: 1.5em;
  color: #ffffff;
}
.news_box .tab-li .left-cont .title-box .title-flex {
  position: relative;
  z-index: 2;
  background-color: var(--mcolor);
  width: var(--titw);
  padding: 28px 20px;
}
.news_box .tab-li .left-cont .title-box .jt {
  flex-shrink: 0;
  margin-right: 0.7em;
}
.news_box .tab-li .left-cont .img-box {
  --imgpt: 56.08%;
}
.news_box .tab-li .right-cont {
  width: 43.9%;
  padding: 15px 0;
  align-content: center;
}
.news_box .tab-li .right-cont img {
  display: block;
}
.news_box .tab-li .right-cont .h6 {
  margin: 6px 0 12px 0;
  width: 100%;
  font-size: var(--fs22);
  font-weight: 500;
  line-height: 1.36em;
  color: #181818;
  font-size: var(--fs32);
  font-weight: bold;
}

.news_box .tab-li .right-cont .h6::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: var(--imgpt);
  content: "";
height: 10px;
width: 50%;
background: var(--main-color);

}
.news_box .tab-li .right-cont .cont {
  -webkit-line-clamp: 7;
  font-size: var(--fs14);
  line-height: 1.857em;
  color: #666666;
  font-size:var(--fs20)
}
.news_box .tab-li .right-cont .more-box-b {
  margin-top: 10%;
}
.news_box .tab-tit {
  --spad: 9px;
  margin-left: var(--tabpad);
  height: var(--tabpad);
  width: calc((100% - var(--tabpad))*0.53238);
  padding-left: calc(var(--titw) - var(--tabpad) + 20px);
  overflow: hidden;
  font-size: var(--fs14);
  line-height: var(--tabpad);
  color: #666666;
}
.news_box .tab-tit .swiper-box {
  margin: 0 calc(var(--spad)*-1);
}
.news_box .tab-tit .swiper-wrapper {
  justify-content: space-between;
}
.news_box .tab-tit .swiper-slide {
  position: relative;
  width: auto;
  padding: 0 var(--spad);
}
.news_box .tab-tit .click {
  display: block;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.news_box .tab-tit .tit {
  display: block;
  position: relative;
  cursor: pointer;
}
.news_box .tab-tit .tit::before {
  content: '';
  display: block;
  margin-top: 1.2em;
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 2px;
  background-color: var(--mcolor);
  opacity: 0;
}
.news_box .tab-tit .tit.on {
  color: var(--mcolor);
}
.news_box .tab-tit .tit.on::before {
  opacity: 1;
  width: 100%;
}
.news_box .tab-tit .tit:hover {
  color: var(--mcolor);
}
@media (max-width: 1500px) {
  .news_box .tab-li .right-cont img {
    height: 64px;
  }
  .news_box .tab-li .right-cont .more-box-b {
    margin-top: 5%;
  }
}
@media (max-width: 1400px) {
  .news_box .tab-li .right-cont img {
    height: 60px;
  }
  .news_box .tab-li .right-cont .more-box-b {
    margin-top: 4%;
  }
}
@media (max-width: 1200px) {
  .news_box .tab-li .right-cont {
    width: 46%;
  }
  .news_box .tab-li .right-cont img {
    height: 56px;
  }
  .news_box .tab-li .right-cont .cont {
    -webkit-line-clamp: 3;
  }
  .news_box .tab-li .right-cont .more-box-b {
    margin-top: 3%;
  }
}
@media (max-width: 992px) {
  .index-case {
    padding-bottom: 0.55rem;
    margin-top: 0.55rem;
  }
  .news_box {
    --tabpad: 0.7rem;
    --titw: 2rem;
    display: flex;
    flex-wrap: wrap;
  }
  .news_box .tab-tit {
    --spad: 0.15rem;
    order: -1;
    margin-top: -0.2rem;
    margin-left: 0;
    width: 100%;
    padding-left: 0;
  }
  .news_box .tab-tit .tit::before {
    top: auto;
    bottom: 0;
  }
  .news_box .tab-li {
    width: 100%;
    padding-left: 0;
  }
  .news_box .tab-li .left-cont {
    order: 2;
    width: 100%;
  }
  .news_box .tab-li .left-cont .title-box {
    display: none;
  }
  .news_box .tab-li .right-cont {
    position: relative;
    width: 100%;
    padding: 0.15rem 0 0;
  }
  .news_box .tab-li .right-cont img {
    height: 0.7rem;
  }
  .news_box .tab-li .right-cont .h6 {
    margin: 0.1rem 0 0.15rem;
  }
  .news_box .tab-li .right-cont .cont {
    -webkit-line-clamp: 3;
  }
  .news_box .tab-li .right-cont .more-box-b {
    margin-top: 0.1rem;
    margin-bottom: 0.2rem;
  }
}








/*厚福记忆*/
.index-news_bg{ overflow: hidden; position: relative;

--wrap-w: var(--wrap-1600-width);
    position: relative;
    height: 100%;

    overflow: hidden;
    padding-bottom: 1rem;
}
.index-news{ overflow: hidden;position:relative;}
.index-news .list-box {
  --br: 20px;
}
.index-news .list-box .time {
  font-size: 15px;
  line-height: 1em;
  margin-bottom: 15px;
  display: block;
  margin-top: 10px;

  height: 100%;


}
.index-news .list-box .time em{ }

.index-news .list-box .time em {
font-size: var(--fs30); display: block; 
line-height: var(--fs54)
}

.index-news .list-box .des {
  font-size: 16px;
  line-height: 1.5em;color: #999999;
  -webkit-line-clamp: 2;
}
.index-news .list-box .imore {
  color: #777777;
  margin-top: 16px; font-size: 15px;
  background: url(../images/i_pic3.png) right center no-repeat; padding-right: 30px; background-size: 20px auto; float: left;transition:all 0.3s;
}
.index-news .list-box .imore:hover{margin-left: 5px;}
.index-news .list-box .list .li:hover .imore{ color: #bd0a00; background-image: url(../images/i_pic3_on.png);}
.index-news .list-box .big-img {
  width: 49%; max-width: 800px;
  overflow: hidden;
}

.index-news .list-box .big-img .img-box .date{ position: absolute; left: 0; top: 0; width: 99px;height: 36px;
  background: linear-gradient(98deg, #bd0a00, #9c0800); text-align: center; line-height: 36px; color: #fff;font-size: 15px; font-family: Arial;font-weight: 400;}
.index-news .list-box .big-img .cont {
  padding: 30px 0px 30px;
}
.index-news .list-box .big-img:hover .title{}
.index-news .list-box .list {
  width: 49%;
  max-width: 775px;
  overflow: hidden;
  
}
.index-news .list-box .list .li{
 overflow: hidden;
 border:1px solid #f2f8ee;
 padding:var(--fs24);

}

.index-news .list-box .list .li a{

}

.index-news .list-box .list .li a .img-box{ width: 15%; float: left; }

.index-news .list-box .list .li:last-child{ margin-bottom: 0;}
.index-news .list-box .list .des {
  -webkit-line-clamp: 2;
}
.index-news .list-box .list .li .title,.index-news .list-box .textover { font-size: var(--fs24); font-weight: bold; line-height: var(--fs54)  }
.index-news .list-box .list .li p{ font-size: var(--fs16); line-height: var(--fs24); overflow: hidden; display: block; height: var(--fs24)  }
.index-news .list-box .list .li:hover{ border:1px solid var(--main-color); }
.index-news .list-box .list .li:hover .title{color: var(--main-color)}

.index-news .list-box .list .img-box{ }
.index-news .list-box .list .txts{ overflow: hidden; text-align: left;  border-left: 1px solid #000; float: left; padding-left: 2%; width: 81%}

@media screen and (max-width: 1400px) {

/*新闻中心*/
.index-news .list-box .list .li{}
  
}

@media screen and (max-width: 1200px) {

/*新闻中心*/
.index-news .list-box .list .li{ }/*新闻中心*/
.index-news{ }
.index-news .list-box .flex-box{ display: block;}
.index-news .list-box .big-img{ width: 100%; max-width: none;}
.index-news .list-box .big-img .img-box .date{ font-size: 14px;}
.index-news .list-box .list{width: 100%; max-width: none; margin-top: 2%;}
.index-news .list-box .list .li{ }
.index-news .list-box .imore{ font-size: 14px;}
.index-news .list-box .time{ font-size: 14px; margin-bottom: 10px;}
.index-news .list-box .des{ font-size: 15px;}

}

@media screen and (max-width: 1100px) {

}

@media screen and (max-width: 960px) {
.index-news .list-box .time em{ font-size: 20px }



}


@media screen and (max-width: 640px) {
  .index-news .list-box .time em{ font-size: 16px }


}

@media screen and (max-width: 480px) {

/*新闻中心*/
.index-news .list-box .big-img .img-box .date{ font-size: 13px;}
 .index-news .list-box .des{ font-size: 14px;margin-top: 10px;}
 .index-news .list-box .time{ font-size: 13px;}
 .index-news .list-box .imore{ font-size: 13px; margin-top: 12px;}
 .index-news .list-box .title{ font-size: 16px;}
 .index-news .list-box .list .img-box{ width: 200px; margin-right: 10px;}
 .index-news .list-box .list .li .title{line-height: 24px; height: 48px;}

}


@media screen and (max-width: 420px) {

.index-news .list-box .big-img .img-box .date{ font-size: 12px; width: 90px; height: 32px; line-height: 32px;}
.index-news .list-box .big-img .cont{ padding-top: 20px; padding-bottom: 20px;}
.index-news .list-box .list .img-box{ width:160px;}
.index-news .list-box .list .img-box::before{ 0}
.index-news .list-box .time{ font-size: 12px; margin-top: 5px;}
.index-news .list-box .list .li .title{ line-height: 22px; height: 44px; font-size: 15px;}
.index-news .list-box .imore{ font-size: 12px; margin-top: 6px;}


}


































/*内页关于我们*/
.aboutcon{ overflow:hidden; height: auto ; color: #7c3f00 ; gap:var(--fs54); font-family: 宋体 ; font-weight: bold;}
.aboutleft{ width: 60%; overflow: hidden; gap:var(--fs20); }
.aboutright{ width: 40% }
.aboutswiper .swiper-slide,.about-tit{ writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  
    writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/   }
.aboutswiper{font-size: var(--fs24); line-height: var(--fs36);letter-spacing:5px;}
.aboutswiper .swiper-slide{ width: auto; border-left: 2px solid #7c3f00; padding:var(--fs12) 0; margin-bottom: var(--fs24); display: block; overflow: hidden; }
.about-tit{ font-size: var(--fs32); line-height: var(--fs54); font-weight: bold; }


@media (max-width: 1200px) {
.aboutcon{ display: block}
.aboutleft{ width: 100%; }
.aboutright{ width: 100%; }
.aboutright img{ width: 100% }

}






/*内页关于我们*/

.value{background:url(../images/value.png) no-repeat  ; background-size: 100% auto; padding: 90px;  }
.valueswiper{ overflow-y: scroll;}
.valueswiper .swiper-wrapper{  }
.valueswiper .swiper-slide,.about-tit{ writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  
    writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/   }
.valueswiper{font-size: var(--fs24); line-height: var(--fs36);letter-spacing:5px;}
.valueswiper .swiper-slide{ width: auto; border-left: 2px solid #7c3f00; 
  padding:var(--fs12) var(--fs42) 0 var(--fs18); margin-bottom: var(--fs24); display: block; overflow: hidden;color: #7c3f00
 }

 @media(max-width:1200px){
    .value{background:#e9dbc1  ; background-size: 100% auto; padding: 10px;  }
    .valueswiper .swiper-slide{ margin-right: 0!important }

    .society .swiper-slide .imgcon img{ height: auto!important; border-radius: 1000px; }

 }



/*内页社会责任*/
.society .swiper-slide  {   }
.society .swiper-slide a{display: flex; }
.society .swiper-slide .imgcon{  height: 400px; width: 400px; display: flex; justify-content: center;  align-items: center; border-radius: 500px; overflow: hidden; }
.society .swiper-slide .imgcon img{ height: 100%; }
.society .swiper-slide  .textcon{ writing-mode: vertical-lr; /* 文字从上到下，从右到左排列 */
  word-break: break-all; /* 允许在任意字符间断开长单词 */
  overflow-wrap: break-word; /* 在长单词无法在其它地方断开时才整词换行 */
float:left;
height: 450px;
font-family: "宋体";
}

.society .swiper-slide  .textcon .soc-tit{ font-size: var(--fs30) ;line-height: var(--fs100) ;color: var(--main-color) ; letter-spacing: 10px; font-weight: bold;  }
.society .swiper-slide  .textcon .soc-stit{font-size: var(--fs24) ;line-height: var(--fs54) ; color: #7c3f00;font-weight: bold; }
.society .swiper-slide  .textcon .soc-des{font-size: var(--fs18) ;line-height: var(--fs32) ;color: #7c3f00}








/*养老模块*/
.yanglao_box {}
.inner-titcon{ font-size: var(--fs30);  text-align: center; line-height: var(--fs54) }
.block-tit {text-align:center; display: block;margin: var(--fs30)  auto; }
.block-tit span{ font-size: var(--fs42); color: var(--main-color); font-weight: bold;  padding: var(--fs12); }
.block-tit span em{ color: #000 }
.list5 .list1-li{ width: 33.33% }
.list5 .list1-box{background:none; box-shadow: none;border-radius: 0px}
.list5 .list1-box:hover{ background:none; }
.list5 .list1-box .list1-cont{ border: 1px solid #000; margin-top:var(--fs12); padding: var(--fs12) ; display: flex; justify-content: space-between;  }

.list5 .list1-box  .list1-des{  --lh:1; }
.list5 .list1-box  .list1-title{ line-height: var(--fs36) }
.list5 .list1-box  .list1-des em { color: var(--main-color) }
.list5 .list1-box  .list1-des em i{  font-size: var(--fs24); vertical-align: -2px }

@media(max-width: 1200px){

  .inner-titcon{ font-size: var(--fs24);  text-align: center; line-height: var(--fs42) }
.list5 .list1-box .list1-cont{ display: block; }
.list5 .list1-box  .list1-title{ line-height: var(--fs36); width: 100%!important }
.list5 .list1-li{ width: 50% }

}




/*医疗板块*/
.yiliao_box  .list1-li{ width: 50% }
.listtab ul{ display: flex;  gap:var(--fs24); margin-bottom: var(--fs54);margin-top: var(--fs54); flex-wrap: wrap}
.listtab ul li{ justify-content: space-between;  border:1px solid var(--main-color); display: flex; justify-content: center; align-items: center; padding: var(--fs12) var(--fs20) }
.listtab ul li h4{ display: inline;float: left; font-size: var(--fs18); color: var(--main-color);  }
.listtab ul li .iconcon { float: left; width: 30px; height: 30px ; margin-left:var(--fs20);}

.listtab ul li .iconcon .self-svg{  fill: #c4e0b1; }
.listtab ul li:hover,.listtab ul li.on{ background: #b3bcce }
.listtab ul li:hover .iconcon .self-svg,.listtab ul li.on .iconcon .self-svg{  fill: var(--main-color); }
.listtab ul li span{ display: inline; }



.yiliao_box .list5 .list1-box .list1-cont .list1-des{ height: 20px; width: 20px }
.yiliao_box .list5 .list1-box .list1-cont .self-svg{  fill: #c4e0b1; }
.yiliao_box .list5 .list1-box:hover .list1-cont,.yiliao_box .list5 .list1-box.on .list1-cont{background: #b0d2b7 }
.yiliao_box .list5 .list1-box:hover .list1-cont .self-svg,.yiliao_box .list5 .list1-box.on .list1-cont .self-svg{  fill: var(--main-color); }



@media(max-width: 1200px){
  .listtab ul{gap:var(--fs12);}
.listtab ul li{ padding: 5px 8px }
.listtab ul li .iconcon { width: 15px; height:15px ; margin-left:5px;}
.listtab ul li h4{ font-size: 14px }



}


/*养老板块*/
.yanglao_box .list1-li{ width: 33% }
.yanglao_box .list5 .list1-box .list1-cont .list1-des{ height: 20px; width: 20px }
.yanglao_box .list5 .list1-box .list1-cont .self-svg{  fill: #c4e0b1; }
.yanglao_box .list5 .list1-box:hover .list1-cont,.yanglao_box .list5 .list1-box.on .list1-cont{background: #b0d2b7 }
.yanglao_box .list5 .list1-box:hover .list1-cont .self-svg,.yanglao_box .list5 .list1-box.on .list1-cont .self-svg{  fill: var(--main-color); }




@media(max-width: 1200px){
.yanglao_box .list1-li{ width: 50% }


}





/*发展历程*/
.about_four{ position:relative; margin-top:4%;}
.history_ul{ overflow:hidden; position:relative; /*padding-bottom:90px;*/ margin-top:4%; padding-top:62px;}
.history_ul:before{ content:""; position:absolute; top:55px; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#d3d3d3;}
.history_ul li{ display:block; overflow:hidden; position:relative; margin-top:-62px; padding-bottom:62px;}
.history_ul li.divhidden{ display:none;}
.history_ul li:before{ content:""; position:absolute; top:20px; left:50%; width:36px; height:35px; border-radius:50%; margin-left:-18px;
background:#f2f8ee; background-size:100% 100%; overflow:hidden;transition:all 0.3s; border:4px solid var(--main-color);}
.history_ul li:hover:before{ background-image:url(../images/about/about_pic2_on.png); border:1px solid #6c969c;}
.history_ul li:after{ content:""; position:absolute; top:55px; left:50%; width:1px; height:0; margin-left:-0.5px;  background:#487c84;transition:all 0.3s;}
.history_ul li:hover:after{ background:#487c84;height:calc(100% - 65px);height:-webkit-calc(100% - 65px);height:-moz-calc(100% - 65px); }
.history_ul li:nth-child(2n+0):after{ margin-left:0px;}
.history_ul li .imgs{ overflow:hidden;  padding:0  6%}
.history_ul li .imgs .img{ overflow:hidden; }
.history_ul li .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.history_ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.history_ul li .txts{  float:left; width:100%; }


.history_ul li .txts .cons{ width:50%; text-align:left; float:right; padding: 0 6%;  }
.history_ul li:nth-child(2n+0) .txts{ float:right;}
.history_ul li:nth-child(2n+0) .txts .cons{ float:left; text-align:left;}
.history_ul li .txts .year{ font-weight:bold; display:inline-block; vertical-align:top; transition:all 0.3s; color:var(--main-color); font-size: var(--fs30); line-height: var(--fs54);  position:relative;}
.history_ul li .txts .year label{ color:#a29f9f;  font-weight:normal; position:absolute; top:0px; right:-30px; line-height:26px;}
.history_ul li .txts .desc{ color:#000000; overflow:hidden; font-weight:bold; line-height:1.5; margin-top:10px;}
.history_ul li .txts .p{ margin-top:10px; line-height:26px; min-height:78px; overflow:hidden; font-size:16px; color:#666666;}
.history_ul li:hover .txts .p{ color:#666666;}
.history_ul li:hover .txts .year{ color:#000000;}
.history_more{ text-align:center; overflow:hidden; background:url(../images/about/about_pic3.png) center top no-repeat; background-size:36px 35px; padding-top:110px; cursor:pointer; padding-bottom:130px; position:relative;}
.history_more:hover{ background-image:url(../images/about/about_pic4.png);}
.history_more span{ line-height:30px; transition:all 0.3s;  color:#222222; font-weight:lighter;}
.history_more:hover span{ color:#5a5a5a;}
.history_more#show{ background-image:url(../images/about/about_pic3_on.png);}
.history_more#show:hover{background-image:url(../images/about/about_pic4_on.png);}
.about_four .big-text-word2{--fs: clamp(0px, 12.8125vw, 246px);pointer-events: none; word-break: keep-all; white-space: nowrap;font-weight: bold;font-size: var(--fs);  line-height: 0.7em; color: rgba(109, 144, 168, 0.1); text-align:right; display:block; width:100%; position:absolute; top:40px;}



.auto-banner.type-a {
  position: relative;
}
.auto-banner.type-a .cont-text {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.auto-banner.type-a .cont-text .h1 {
  font-size: clamp(16px, 3vw, 56px);
  font-weight: bold;
  line-height: 1.4em;
  letter-spacing: 2px;
  color: #ffffff;

}
.auto-banner.type-a .cont-text .h1 em{ display: block; opacity: 0.5 }
@media (max-width: 1200px) {
  .auto-banner.type-a .cont-text .h1 {
    font-size: 0.36rem;
  }
}
.basic-education-top {
  padding-top: 100px;
  padding-bottom: 85px;
  overflow: hidden;
}
.basic-education-top .text {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  width: 1070px;
  max-width: 100%;
  font-size: 18px;
  line-height: 1.66em;
  color: #666666;
}
.basic-education-top .text.wid-full {
  width: 100%;
}
.basic-education-top .list {
  --lpd: 25px;
  margin: calc(var(--lpd)*-1);
  padding-top: 50px;
  padding-bottom: 35px;
}
.basic-education-top .list .list-li {
  width: 33.33%;
  padding: calc(var(--lpd)*1);
}
.basic-education-top .list .list-box {
  transform: translate(0, 0);
  background-color: #f7f7f7;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0);
  height: 100%;
  padding: 40px;
  transition: all 0.3s;
}
.basic-education-top .list .list-box:hover {
  transform: translate(0, -5px);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.basic-education-top .list .li-title {
  margin-top: 13px;
  margin-bottom: 6px;
  font-size: 24px;
  line-height: 1.4em;
  color: #333333;
}
.basic-education-top .list .li-text {
  font-size: 16px;
  line-height: 1.75em;
  color: #666666;
}
.basic-education-top .list2 {
  --lpd: 10px;
  margin: calc(var(--lpd)*-1);
  padding-top: 90px;
  padding-bottom: 35px;
}
.basic-education-top .list2 .list2-li {
  width: 25%;
  padding: calc(var(--lpd)*1);
}
.basic-education-top .list2 .list2-box {
  transform: translate(0, 0);
  background-color: #faf6f2;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0);
  height: 100%;
  padding: 72px 30px 65px;
  transition: all 0.3s;
}
.basic-education-top .list2 .list2-box:hover {
  transform: translate(0, -5px);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: var(--main-color);
}
.basic-education-top .list2 .list2-box:hover .i-h {
  background: rgba(255, 255, 255, 0.1);
}
.basic-education-top .list2 .list2-box:hover .i-h .i {
  opacity: 0;
}
.basic-education-top .list2 .list2-box:hover .i-h .h {
  opacity: 1;
}
.basic-education-top .list2 .list2-box:hover .i-h img {
  background: #ffffff;
}
.basic-education-top .list2 .list2-box:hover .li-title,
.basic-education-top .list2 .list2-box:hover .li-text {
  color: #ffffff;
}
.basic-education-top .list2 .i-h {
  --imgw: 120px;
  --bw: 20px;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: var(--imgw);
  height: var(--imgw);
  border: var(--bw) solid transparent;
  background: rgba(var(--main-color-rgb), 0.1);
}
.basic-education-top .list2 .i-h img {
  border-radius: 50%;
  background: var(--main-color);
}
.basic-education-top .list2 .li-title {
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 1.4em;
  color: #333333;
}
.basic-education-top .list2 .li-text {
  font-size: 16px;
  line-height: 1.5em;
  color: rgba(102, 102, 102, 0.8);
}
@media (max-width: 1600px) {
  .basic-education-top {
    padding-top: 75px;
    padding-bottom: 65px;
  }
  .basic-education-top .text {
    margin-top: 25px;
    font-size: 17px;
    line-height: 1.5em;
  }
  .basic-education-top .list {
    --lpd: 15px;
    padding-top: 35px;
    padding-bottom: 15px;
  }
  .basic-education-top .list .list-box {
    padding: 34px;
  }
  .basic-education-top .list .li-icon {
    zoom: 0.9;
  }
  .basic-education-top .list .li-title {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 22px;
  }
  .basic-education-top .list .li-text {
    font-size: 15px;
    line-height: 1.6em;
  }
  .basic-education-top .list2 {
    --lpd: 8px;
    padding-top: 35px;
    padding-bottom: 15px;
  }
  .basic-education-top .list2 .list2-box {
    padding: 32px 25px 35px;
  }
  .basic-education-top .list2 .i-h {
    --imgw: 100px;
    --bw: 15px;
  }
  .basic-education-top .list2 .li-title {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
  }
}
@media (max-width: 1400px) {
  .basic-education-top {
    padding-top: 55px;
    padding-bottom: 45px;
  }
  .basic-education-top .text {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.4em;
  }
  .basic-education-top .list {
    --lpd: 13px;
  }
}
@media (max-width: 1200px) {
  .basic-education-top {
    padding-top: 0.65rem;
    padding-bottom: 0.55rem;
  }
  .basic-education-top .text {
    margin-top: 0.2rem;
    font-size: 0.26rem;
  }
  .basic-education-top .list {
    --lpd: 0.1rem;
    padding-top: 0.3rem;
    padding-bottom: 0;
  }
  .basic-education-top .list .list-li {
    width: 100%;
  }
  .basic-education-top .list .list-box {
    padding: 0.3rem 0.38rem;
  }
  .basic-education-top .list .li-icon {
    zoom: 0.8;
  }
  .basic-education-top .list .li-title {
    margin-top: 0.15rem;
    margin-bottom: 0.1rem;
    font-size: 0.28rem;
  }
  .basic-education-top .list .li-text {
    font-size: 0.26rem;
    line-height: 1.5em;
  }
  .basic-education-top .list2 {
    --lpd: 0.1rem;
    padding-top: 0.3rem;
    padding-bottom: 0;
  }
  .basic-education-top .list2 .list2-li {
    width: 50%;
  }
  .basic-education-top .list2 .list2-box {
    padding: 0.3rem 0.28rem;
  }
  .basic-education-top .list2 .i-h {
    --imgw: 1.2rem;
    --bw: 0.2rem;
  }
  .basic-education-top .list2 .li-title {
    margin-top: 0.15rem;
    margin-bottom: 0.1rem;
    font-size: 0.3rem;
  }
  .basic-education-top .list2 .li-text {
    font-size: 0.26rem;
    line-height: 1.5em;
  }
}
.innovation-block-1 {
  padding-top: 92px;
  padding-bottom: 110px;
  background-color: #faf6f2;
}
.innovation-block-1 .h3 {
  font-size: 36px;
  line-height: 1.4em;
  color: #333333;
}
.innovation-block-1 .h3-des {
  margin-bottom: 50px;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  width: 1070px;
  max-width: 100%;
  font-size: 18px;
  line-height: 1.4em;
  color: #666666;
}
.innovation-block-1 .list {
  --lpd: 17.5px;
  margin: calc(var(--lpd)*-1);
}
.innovation-block-1 .list .list-li {
  padding: var(--lpd);
}
.innovation-block-1 .list .list-box {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.innovation-block-1 .list .list-box:hover .detail {
  height: 100%;
  opacity: 1;
}
.innovation-block-1 .list .list-box:hover .title {
  opacity: 0;
}
.innovation-block-1 .list .img-box::before {
  padding-top: 63.829%;
}
.innovation-block-1 .list .mark-cont {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
}
.innovation-block-1 .list .bg {
  background: rgba(0, 0, 0, 0.7);
  padding: 0.45em 1.2em;
  transition: opacity 0.3s;
}
.innovation-block-1 .list .detail {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
  flex-direction: column;
  opacity: 0;
  transition: height 0.3s, opacity 0.3s;
}
.innovation-block-1 .list .d-title {
  margin-bottom: 1em;
  font-size: 24px;
  line-height: 1.4em;
}
.innovation-block-1 .list .d-des {
  margin: 0 auto;
  width: 390px;
  max-width: 100%;
  font-size: 18px;
  line-height: 1.4em;
}
.innovation-block-1 .list .title {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 20px;
  opacity: 1;
}
@media (max-width: 1600px) {
  .innovation-block-1 {
    padding-top: 70px;
    padding-bottom: 80px;
  }
  .innovation-block-1 .h3 {
    font-size: 32px;
  }
  .innovation-block-1 .h3-des {
    margin-bottom: 30px;
    margin-top: 10px;
    font-size: 17px;
  }
  .innovation-block-1 .list {
    --lpd: 12px;
  }
  .innovation-block-1 .list .d-title {
    margin-bottom: 0.4em;
    font-size: 22px;
  }
  .innovation-block-1 .list .d-des {
    font-size: 17px;
  }
  .innovation-block-1 .list .title {
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
  .innovation-block-1 {
    padding-top: 0.65rem;
    padding-bottom: 0.55rem;
  }
  .innovation-block-1 .h3 {
    font-size: 0.3rem;
  }
  .innovation-block-1 .h3-des {
    margin-bottom: 0.3rem;
    margin-top: 0.1rem;
    font-size: 0.26rem;
  }
  .innovation-block-1 .list {
    --lpd: 0.1rem;
  }
  .innovation-block-1 .list .list-box {
    background-color: var(--main-color);
    height: 100%;
  }
  .innovation-block-1 .list .mark-cont {
    position: static;
    text-align: left;
  }
  .innovation-block-1 .list .bg {
    background: transparent;
  }
  .innovation-block-1 .list .detail {
    position: static;
    height: auto!important;
    padding: 1em 1.2em;
    opacity: 1;
  }
  .innovation-block-1 .list .d-title {
    margin-bottom: 0.4em;
    width: 100%;
    text-align: left;
    font-size: 0.3rem;
  }
  .innovation-block-1 .list .d-des {
    font-size: 0.26rem;
  }
  .innovation-block-1 .list .title {
    display: none;
    font-size: 0.26rem;
  }
}
.innovation-block-2 .list {
  --lpd: 100px;
  padding: var(--lpd) 0;
}
.innovation-block-2 .list .list-li {
  position: relative;
  border-radius: 10px;
  background-color: #faf6f2;
  overflow: hidden;
}
.innovation-block-2 .list .list-li + .list-li {
  margin-top: var(--lpd);
}
.innovation-block-2 .list .list-li:nth-child(2n+2) .img-div {
  order: 2;
}
.innovation-block-2 .list .img-div {
  position: relative;
  z-index: 2;
  width: 62.16%;
}
.innovation-block-2 .list .img-div .img-box::before {
  padding-top: 70.1%;
}
.innovation-block-2 .list .img-div .swiper-points1 {
  position: absolute;
  z-index: 2;
  left: auto;
  right: 22px;
  bottom: 20px;
  width: auto;
}
.innovation-block-2 .list .cont {
  position: relative;
  width: 37.84%;
  padding: 3% 5% 3% 4.5%;
  align-items: center;
}
.innovation-block-2 .list .cont .big {
  margin-right: -0.23em;
  position: absolute;
  top: 0;
  right: 0;
  width: 1em;
  font-size: clamp(16px, 19vw, 360px);
  font-weight: bold;
  line-height: 1em;
  color: rgba(51, 51, 51, 0.05);
  pointer-events: none;
}
.innovation-block-2 .list .cont .li-title {
  width: 100%;
  font-size: 36px;
  line-height: 1.4em;
  color: #333333;
}
.innovation-block-2 .list .cont .p {
  margin-top: 23px;
  font-size: 18px;
  line-height: 1.77em;
  color: #666666;
}
@media (max-width: 1600px) {
  .innovation-block-2 .list {
    --lpd: 80px;
  }
  .innovation-block-2 .list .img-div .swiper-points1 {
    right: 18px;
    bottom: 16px;
  }
  .innovation-block-2 .list .cont .li-title {
    font-size: 32px;
  }
  .innovation-block-2 .list .cont .p {
    margin-top: 15px;
    font-size: 17px;
    line-height: 1.7em;
  }
}
@media (max-width: 1200px) {
  .innovation-block-2 .list {
    --lpd: 0.55rem;
  }
  .innovation-block-2 .list .list-li:nth-child(2n+2) .img-div {
    order: 0;
  }
  .innovation-block-2 .list .img-div {
    width: 100%;
  }
  .innovation-block-2 .list .img-div .swiper-points1 {
    right: 0;
    bottom: 0.3rem;
    width: 100%;
    padding: 0 0.2rem;
  }
  .innovation-block-2 .list .cont {
    width: 100%;
    padding: 0.3rem 0.3rem;
  }
  .innovation-block-2 .list .cont .big {
    font-size: 26vw;
  }
  .innovation-block-2 .list .cont .li-title {
    font-size: 0.3rem;
  }
  .innovation-block-2 .list .cont .p {
    margin-top: 0.15rem;
    font-size: 0.26rem;
    line-height: 1.6em;
  }
}
.delay-block {
  background-color: #f7f7f7;
  padding-top: 100px;
  padding-bottom: 110px;
}
.delay-block .swiper-line {
  margin-top: 55px;
  border-top: 1px solid #cccccc;
}
.delay-block .swiper-box {
  --nlh: 94px;
  margin: 0 -15px;
  overflow: hidden;
}
.delay-block .swiper-box .swiper {
  margin: 0 15px;
  overflow: visible;
  padding-bottom: 15px;
}
.delay-block .swiper-box .swiper-slide {
  height: auto;
}
.delay-block .swiper-box .num {
  display: inline-block;
  vertical-align: top;
  border-top: 2px solid var(--main-color);
  font-size: 20px;
  line-height: var(--nlh);
  color: #666666;
}
.delay-block .swiper-box .box {
  transform: translate(0, 0);
  background-color: #ffffff;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  height: calc(100% - var(--nlh));
  padding: 58px 30px 44px;
  transition: all 0.3s;
}
.delay-block .swiper-box .box:hover {
  transform: translate(0, -5px);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
.delay-block .swiper-box img {
  display: block;
  margin: 0 auto;
}
.delay-block .swiper-box .h6 {
  margin-top: 22px;
  margin-bottom: 17px;
  font-size: 24px;
  line-height: 1.4em;
  color: #333333;
}
.delay-block .swiper-box .p {
  font-size: 16px;
  line-height: 1.875em;
  color: #666666;
}
@media (max-width: 1600px) {
  .delay-block {
    padding-top: 85px;
    padding-bottom: 80px;
  }
  .delay-block .swiper-line {
    margin-top: 45px;
  }
  .delay-block .swiper-box {
    --nlh: 84px;
    margin: 0 -10px;
  }
  .delay-block .swiper-box .swiper {
    margin: 0 10px;
    padding-bottom: 15px;
  }
  .delay-block .swiper-box .box {
    padding: 40px 25px 35px;
  }
  .delay-block .swiper-box img {
    width: 38px;
  }
  .delay-block .swiper-box .h6 {
    margin-top: 14px;
    margin-bottom: 10px;
    font-size: 20px;
  }
  .delay-block .swiper-box .p {
    line-height: 1.7em;
  }
}
@media (max-width: 1200px) {
  .delay-block {
    padding-top: 0.65rem;
    padding-bottom: 0.45rem;
  }
  .delay-block .swiper-line {
    margin-top: 0.35rem;
  }
  .delay-block .swiper-box {
    --nlh: 0.8rem;
  }
  .delay-block .swiper-box .box {
    padding: 0.4rem 0.3rem 0.4rem;
  }
  .delay-block .swiper-box .num {
    font-size: 0.34rem;
  }
  .delay-block .swiper-box img {
    width: 0.44rem;
  }
  .delay-block .swiper-box .h6 {
    margin-top: 0.15rem;
    margin-bottom: 0.15rem;
    font-size: 0.3rem;
  }
  .delay-block .swiper-box .p {
    font-size: 0.26rem;
    line-height: 1.6em;
  }
}









/*内页关于我们数字变动*/

.indexClientMain { padding-bottom: 0; float: right; width: 45%}
.indexClientMain2{ width: 100% ;float: none;}
.indexClientMain .indexClientDesc {
    color: #000;
}
.indexClientMain .indexClientDesc .desc {
    overflow: hidden;
}
.indexClientMain .indexClientBox {
    padding: 15px 0px 0;
}
.indexClientMain .indexClientBox .commonweb {}
.indexClientMain .indexClientBox .indexClientData {}
.indexClientMain .indexClientBox .indexClientData .indexTitle {
    color: #000;
}
.indexClientMain .indexClientBox .indexClientDataList { display: flex; flex-direction: row; justify-content: space-around; }
.indexClientMain .indexClientBox .indexClientDataList .list {
   text-align: center;
    display: flex;
    
}
.indexClientMain .indexClientBox .indexClientDataList .list .numberBox {
    font-size: 14px;
    line-height: 1;
    color: #ccc;
    padding-bottom: 10px;
}
.indexClientMain .indexClientBox .indexClientDataList .list .numberBox span {
    font-size: var(--fs32);
    margin-right: 5px;
    font-family: 'Bronova';
    display: block;
    font-weight: bold;
    color: #213764;
        font-weight: bold;
}
.indexClientMain .indexClientBox .indexClientDataList.animated .list:nth-child(2) .bar span {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}
.indexClientMain .indexClientBox .indexClientDataList.animated .list:nth-child(3) .bar span {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}
.indexClientMain .indexClientBox .indexClientListBox {
    margin-top: 35px;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.indexClientMain .indexClientBox .indexClientListBox .indexClientList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -1px -4px -1px 0px;
}
.indexClientMain .indexClientBox .indexClientListBox .indexClientList .list {
    width: 33.333%;
    margin: 0px 0px -1px -1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.indexClientMain .indexClientBox .indexClientListBox .indexClientList .list img {
    width: 100%;
    display: block;
}
.indexClientMain .indexClientBox .indexClientListBox .indexClientList .list:nth-child(3n) {
    border-right: none;
}
 .header {
        padding: 0vw;
    }
    .indexClientMain .indexClientDesc {
        font-size: 2.344vw;
        line-height: 2.813vw;
        padding: 4.167vw 0vw 3.125vw;
    }
    .indexClientMain .indexClientBox {
        padding: 0.5vw 0vw 0;
    }
    .indexClientMain .indexClientBox .indexClientData {}
    .indexClientMain .indexClientBox .indexClientDataList {}
    .indexClientMain .indexClientBox .indexClientDataList .list {
      text-align: center;
          
    }
    .indexClientMain .indexClientBox .indexClientDataList .list .numberBox {
        font-size: var(--fs18);
        padding-top: 0.521vw;
        color: #000;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list .numberBox span {
        display: flex;
        justify-content: center;
        align-items: center; 
        margin-right: 0.26vw;
        font-weight: bold;
        font-size: var(--fs52);
        margin:0 auto;
        margin-bottom: var(--fs18);


    }
    .indexClientMain .indexClientBox .indexClientDataList .list .bar {
        height: 0.417vw;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list:nth-child(2) .bar {
        width: 75%;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list:nth-child(3) .bar {
        width: 57%;
    }
    .indexClientMain .indexClientBox .indexClientDataList.animated .list .bar span {
        width: 100%;
    }
    .indexClientMain .indexClientBox .indexClientListBox {
        margin-top: 3.125vw;
        width: 48.958vw;
        height: 100%;
    }
    .indexClientMain .indexClientBox .indexClientListBox .indexClientList {
        margin: -0.052vw -0.313vw -0.052vw 0vw;
    }
    .indexClientMain .indexClientBox .indexClientListBox .indexClientList .list {
        width: 20%;
        margin: 0vw 0vw -0.052vw -0.052vw;
    }


@media (max-width: 1200px) {
    .header {
        padding: 0vw;
    }

    .indexClientMain{ width: 100%; display: block;float: none; }
    .indexClientMain .indexClientDesc {
        font-size: 2.344vw;
        line-height: 2.813vw;
        padding: 4.167vw 0vw 3.125vw;
    }
    .indexClientMain .indexClientBox {
        padding: 1.823vw 0vw 1.167vw;
    }
    .indexClientMain .indexClientBox .indexClientData {}
    .indexClientMain .indexClientBox .indexClientDataList {
      flex-wrap: nowrap;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list {
      text-align: center;
          
    }
    .indexClientMain .indexClientBox .indexClientDataList .list .numberBox {
        
        padding-bottom: 0.521vw;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list .numberBox span {
        display: flex;

        justify-content: center;
        align-items: center; 
        height: 100px;
        width: 100px;
        border: 1px solid var(--main-color);
        border-radius: 500px;
        font-weight: bold;
        font-size: var(--fs36);


    }
    .indexClientMain .indexClientBox .indexClientDataList .list .bar {
        height: 0.417vw;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list:nth-child(2) .bar {
        width: 75%;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list:nth-child(3) .bar {
        width: 57%;
    }
    .indexClientMain .indexClientBox .indexClientDataList.animated .list .bar span {
        width: 100%;
    }
    .indexClientMain .indexClientBox .indexClientListBox {
        margin-top: 3.125vw;
        width: 48.958vw;
        height: 100%;
    }
    .indexClientMain .indexClientBox .indexClientListBox .indexClientList {
        margin: -0.052vw -0.313vw -0.052vw 0vw;
    }
    .indexClientMain .indexClientBox .indexClientListBox .indexClientList .list {
        width: 20%;
        margin: 0vw 0vw -0.052vw -0.052vw;
    }
}

@media (max-width: 768px) {
    .indexClientMain .indexClientDesc {
        font-size: 2.813vw;
        line-height: 3.375vw;
        padding: 5vw 0vw 3.75vw;
    }
    .indexClientMain .indexClientBox {
        padding: 2.188vw 0vw 5vw;
    }
    .indexClientMain .indexClientBox .indexClientData {}
    .indexClientMain .indexClientBox .indexClientDataList {}
    .indexClientMain .indexClientBox .indexClientDataList .list {
      text-align: center;
           
    }
    .indexClientMain .indexClientBox .indexClientDataList .list .numberBox {
        font-size: var(--fs16);
        padding-bottom: 0.625vw;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list .numberBox span {
       height: 60px;
        width: 60px;

     

    }
    .indexClientMain .indexClientBox .indexClientDataList .list .bar {
        height: 0.5vw;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list:nth-child(2) .bar {
        width: 75%;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list:nth-child(3) .bar {
        width: 57%;
    }
    .indexClientMain .indexClientBox .indexClientDataList.animated .list .bar span {
        width: 100%;
    }
    .indexClientMain .indexClientBox .indexClientListBox {
        margin-top: 3.75vw;
        width: 50.75vw;
        height: 100%;
    }
    .indexClientMain .indexClientBox .indexClientListBox .indexClientList {
        margin: -0.063vw -0.375vw -0.063vw 0vw;
    }
    .indexClientMain .indexClientBox .indexClientListBox .indexClientList .list {
        width: 20%;
        margin: 0vw 0vw -0.063vw -0.063vw;
    }
    .indexClientMain .indexClientBox .indexClientListBox .indexClientList .list:nth-child(3n) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
    .indexClientMain .indexClientBox .indexClientListBox .indexClientList .list:nth-child(5n) {
        border-right: none;
    }
}
/*@media (min-width: 1600px) {
    .indexClientMain .indexClientDesc {
        font-size: 45px;
        line-height: 54px;
        padding: 80px 0px 0px 0px;
    }
    .indexClientMain .indexClientBox {
        padding: 35px 0px 0px 0px;
    }
    .indexClientMain .indexClientBox .indexClientData {}
    .indexClientMain .indexClientBox .indexClientDataList { }
    .indexClientMain .indexClientBox .indexClientDataList .list {
        text-align: center;
   

    }
    .indexClientMain .indexClientBox .indexClientDataList .list .numberBox {
        font-size: 15px;
        padding-bottom: 10px;
         font-size: var(--fs18);
         font-weight: bold; 
         line-height: var(--fs54);
         color: #7c3f00;
         font-family: 宋体;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list .numberBox span {
        color: #213764;
        font-weight: bold;


    }
  
  
    .indexClientMain .indexClientBox .indexClientListBox {
        margin-top: 60px;
        width: 940px;
        height: 100%;
    }
    .indexClientMain .indexClientBox .indexClientListBox .indexClientList {
        margin: -1px -6px -1px 0px;
    }
    .indexClientMain .indexClientBox .indexClientListBox .indexClientList .list {
        width: 20%;
        margin: 0px 0px -1px -1px;
    }
}

*/











/*厚福专利*/
.index-block-business {
  position: relative;
}
.index-block-business::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40%;
}
.index-block-business .flex-box {
  margin-top: 50px;
  position: relative;
}
.index-block-business .flex-box .title-box {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-size: 15px;
  line-height: 1.6em;
  color: #999999;
}
.index-block-business .flex-box .title-li {
  position: relative;
  cursor: pointer;
}
.index-block-business .flex-box .title-li::before {
  content: "";
  display: block;
  margin-right: 1.6em;
  height: 1.6em;
  width: 1px;
  background: #cccccc;
}
.index-block-business .flex-box .title-li .num {
  margin-right: 1.3em;
}
.index-block-business .flex-box .title-li + .title-li {
  margin-top: 0.9em;
}
.index-block-business .flex-box .title-li.on {
  color: #c39d5b;
}
.index-block-business .flex-box .title-li.on::before {
  background: #c39d5b;
}
.index-block-business .images-list {
  width: 68.75%;
  padding-bottom: 50px;
}
.index-block-business .images-list .swiper {
  margin-left: -10%;
}
.index-block-business .cont-list {
  width: 100%;
}
.index-block-business .cont-list .swiper {
  --text-color: 0,0,0;
  font-size: 16px;
  line-height: 1.5em;
}

.index-block-business .cont-list .swiper .swiper-slide{display: flex}
.index-block-business .cont-list .img-box{ min-width: 60% }
.index-block-business .cont-list .pad {
  padding: 60px 85px 95px;
}
.index-block-business .cont-list .num {
  color: #c39d5b;
}
.index-block-business .cont-list .num .line {
  margin-right: 0.6em;
  width: 2em;
}
.index-block-business .cont-list .num .line::before {
  background-color: #c39d5b;
}
.index-block-business .cont-list .h3 {
  margin-top: 0.8em;
  margin-bottom: 0.6em;
  font-size: 2.2em;
  line-height: 1.2em;
  letter-spacing: 1px;
  color: rgba(var(--text-color), 1);
}
.index-block-business .cont-list .des {
  font-size: 1.25em;
  line-height: 1.3em;
  color: rgba(var(--text-color), 0.3);
}
.index-block-business .cont-list .cont {
  margin-top: 2.4em;
  margin-bottom: 3.5em;
  color: rgba(var(--text-color), 0.8);
}
.index-block-business .btns {
  position: absolute;
  right: 44.71%;
  bottom: -50px;
}
.index-block-business .btns .more-box {
  background: var(--btn-color);
  padding: 2.5em 5.6em;
  font-size: 16px;
  line-height: 1.25em;
  transition: background 0.3s;
}
.index-block-business .btns .more-box:hover {
  background: var(--btn-hover-color);
}
@media (max-width: 1600px) {
  .index-block-business {
   
    padding-bottom: 100px;
  }
  .index-block-business .flex-box {
    margin-top: 30px;
  }
  .index-block-business .images-list .swiper {

  }
  .index-block-business .cont-list .swiper {

  }
  .index-block-business .cont-list .pad {
    padding: 40px 45px;
  }
  .index-block-business .cont-list .h3 {
    margin-top: 0.6em;
    margin-bottom: 0.4em;
    font-size: 2em;
  }
  .index-block-business .btns {
    bottom: -34px;
  }
  .index-block-business .btns .more-box {
    padding: 2em 5em;
  }
}
@media (max-width: 1500px) {
  .index-block-business {
    padding-top: 0;
    padding-bottom: 80px;
  }
  .index-block-business .flex-box {
    margin-top: 20px;
  }
  .index-block-business .cont-list .pad {
    padding: 30px 35px;
  }
  .index-block-business .cont-list .h3 {
    margin-top: 0.4em;
    margin-bottom: 0.3em;
    font-size: 1.6em;
  }
  .index-block-business .cont-list .des {
    font-size: 1em;
  }
  .index-block-business .cont-list .cont {
    margin-top: 2em;
    margin-bottom: 2.5em;
  }
}
@media (max-width: 1200px) {
  .index-block-business {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }
  .index-block-business .flex-box {
    margin-top: 0.2rem;
  }
  .index-block-business .flex-box .title-box {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 15px;
    line-height: 1.6em;
  }
  .index-block-business .flex-box .title-li {
    position: relative;
  }
  .index-block-business .flex-box .title-li .num {
    margin-right: 1.3em;
  }
  .index-block-business .flex-box .title-li + .title-li {
    margin-top: 0.9em;
  }
  .index-block-business .flex-box .title-li.on {
    color: #c39d5b;
  }
  .index-block-business .flex-box .title-li.on::before {
    background: #c39d5b;
  }
  .index-block-business .images-list {
    order: 2;
    width: 100%;
    padding-bottom: 0;
  }
  .index-block-business .images-list .swiper {
    margin-left: 0;
  }
  .index-block-business .cont-list {
    width: 100%;
  }
  .index-block-business .cont-list .swiper {
    background: transparent;
    margin-left: 0;
    font-size: 0.26rem;
    line-height: 1.5em;
  }
    .index-block-business .cont-list .img-box  {
    padding: 0;
    width: 100%;
  }
  .index-block-business .cont-list .pad {
    padding: 0;
    width: 100%;
  }
  .index-block-business .cont-list .h3 {
    margin-top: 0.4em;
    margin-bottom: 0.3em;
    font-size: 1.3em;
    line-height: 1.2em;
  }
  .index-block-business .cont-list .des {
    font-size: 1em;
    line-height: 1.3em;
  }
  .index-block-business .cont-list .cont {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .index-block-business .btns {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    position: static;
    right: 0%;
    bottom: 0;
  }
  .index-block-business .btns .more-box {
    padding: 1em 2.6em;
    font-size: 0.24rem;
    line-height: 1.25em;
  }

.index-block-business .cont-list .swiper .swiper-slide{flex-wrap:wrap;}

}






/*服务地区选择*/

.store-page .position .title {
  text-align: center;
  font-size: 18px;
  color: #040404;
}
.store-page .position .area {
  padding: 26px 0 70px 0;
  text-align: center;
}
.store-page .position form{ } 
.store-page .position .area .inpu {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 0 18px;
  text-align: left;
}
.store-page .position .area .inpu i {
  width: 198px;
  display: block;
  position: relative;
  height: 48px;
  line-height: 46px;
  border: 1px solid #d2d2d2;
  font-style: normal;
  padding: 0 25px;
  font-size: 14px;
  color: #7f7e7e;
}
.store-page .position .area .inpu i::after {
  content: "";
  display: block;
  width: 14px;
  height: 100%;
  position: absolute;
  right: 20px;
  top: 0;
  z-index: 2;
  background: url(../images/arrow20.png) no-repeat 0 center;
}
.store-page .position .area .inpu ul {
  width: 100%;
  max-height: 330px;
  position: absolute;
  border: 1px solid #d2d2d2;
  left: 0;
  top: 47px;
  display: none;
  z-index: 50;
  background: #f2f8ee;
  overflow: auto;
}
.store-page .position .area .inpu ul::-webkit-scrollbar {
  width: 2px;
  right: 3px;
}
.store-page .position .area .inpu ul::-webkit-scrollbar-button {
  display: none;
}
.store-page .position .area .inpu ul::-webkit-scrollbar-thumb {
  background: #d2d2d2;
}
.store-page .position .area .inpu li {
  overflow: hidden;
}
.store-page .position .area .inpu li.on a,
.store-page .position .area .inpu li a:hover {
  background: #dfe9d7;
}
.store-page .position .area .inpu li a {
  display: block;
  height: 40px;
  line-height: 40px;
  color: #000;
  text-indent: 30px;
}
.store-page .position .area .btn {
  width: 150px;
  height: 46px;
  background: #000;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  margin: 0 18px;
}
.store-page .position .area .btn input,
.store-page .position .area .btn button,
.store-page .position .area .btn a {
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
.store-page .position .address  {

    --lh: 1.75em;
    max-height: calc(var(--lh)*30);
    overflow-y: auto;
    font-size: 16px;
    line-height: var(--lh);
    color: #666666;
}
.store-page .position .address .nonebox {
  display: none;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
}
.store-page .position .address li {
  border-top: solid 1px #d2d2d2;
  position: relative;
}
.store-page .position .address li .row {
  padding: 30px 0;
}
.store-page .position .address li .p1 {
  font-size: 20px;
  font-weight: bold;
  color: #040404;
  margin-bottom: 20px;
}
.store-page .position .address li .p2,
.store-page .position .address li .p3 {
  min-height: 22px;
  line-height: 22px;
  font-size: 16px;
  color: #545454;
  margin: 18px 0;
}
.store-page .position .address li .num {
  display: inline-block;
  color: var(--main-color);

}
.store-page .position .address li .mapbtn {
  text-align: center;
  float: right;
  background-size: 30px auto;
  font-size: 16px;
  color: #040404;
  padding-top: 38px;
  margin-top: 80px;
  cursor: pointer;
}
.store-page .position .address li .make {
  width: 120px;
  height: 44px;
  line-height: 42px;
  text-align: center;
  border: solid 1px #000;
  font-size: 16px;
  color: #000;
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 2;
  cursor: pointer;
}
.store-page .position .address li .make:hover {
  background: #000;
  color: #fff;
}
.store-page .position .address li .make:hover .qr {
  display: block;
}
.store-page .position .address li .make img {
  width: 100%;
  display: block;
}
.store-page .position .address li .make .qr {
  width: 120px;
  border: solid 1px #000;
  font-size: 14px;
  color: #000;
  position: absolute;
  left: 50%;
  bottom: 50px;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  z-index: 5;
  background: #fff;
  display: none;
}
.store-page .position .address li #allmap {
  height: 360px;
}
.store-page .position .address li .close {
  display: none;
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
}
.store-page .position .address li .close span {
  display: inline-block;
  cursor: pointer;
  text-decoration: underline;
}

@media( max-width: 1200px){
  .store-page .position .area .inpu {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 0 0;
  text-align: left;
}
.store-page .position .area .inpu i{ width: 150px }
}


@media( max-width: 992px){
  .store-page .position .area .inpu {
width: 100%;
  margin: 0 0;


}
.store-page .position .area .inpu i{  margin-bottom: var(--fs10) ;width: 100%;}
}

/*联系我们在线留言*/


/*联系我们*/

.contact-info {
  
}
.contact-info .left-cont {
  width: 48.75%;
}
.contact-info .left-cont .map {
  height: 600px;
}
.contact-info .left-cont .map .shadow {
  display: none;
}
.contact-info .left-cont .map * {
  box-sizing: content-box;
}
.contact-info .right-cont {
  width: 47.5%;
  font-size: 16px;
  line-height: 1.4em;
  color: #666666;
}
.contact-info .right-cont .h2 {
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4em;
  color: var(--main-color);
}
.contact-info .right-cont .li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 16px;
  padding-bottom: 16px;
}
.contact-info .right-cont .li .li-icon {
  --sw: 40px;
  --size: 50%;
  --fill: rgba(0, 0, 0, 0.8);
  margin-right: 20px;
  border-radius: 5px;
  border: solid 1px rgba(0, 0, 0, 0.6);
  flex-shrink: 0;
  width: var(--sw);
  height: var(--sw);
}
.contact-info .right-cont .li .li-icon.address {
  --size: 60%;
}
.contact-info .right-cont .li .li-icon.phone {
  --size: 50%;
}
.contact-info .right-cont .li .li-icon.mail {
  --size: 45%;
}
.contact-info .right-cont .li .li-cont {
  color: #333333;
}
.contact-info .right-cont .li .li-cont .li-tit {
  margin-top: -3px;
  color: #999999;
}
.contact-info .right-cont .li .li-cont .li-val {
  margin-top: 3px;
}
.contact-info .right-cont .code-box {
  margin-left: -5px;
  margin-top: 25px;
}
.contact-info .right-cont .code-box .code-li {
  text-align: center;
}
.contact-info .right-cont .code-box .code-li + .code-li {
  margin-left: 25px;
}
@media (max-width: 1600px) {
  .contact-info {
    padding-top: 85px;
  }
  .contact-info .left-cont .map {
    height: 580px;
  }
}
@media (max-width: 1200px) {
  .contact-info {
    padding-top: 0.75rem;
  }
  .contact-info .left-cont {
    width: 100%;
  }
  .contact-info .left-cont .map {
    height: 4.5rem;
  }
  .contact-info .right-cont {
    margin-top: 0.35rem;
    width: 100%;
    font-size: 0.26rem;
  }
  .contact-info .right-cont .h2 {
    padding-bottom: 0.7em;
    font-size: 0.3rem;
  }
  .contact-info .right-cont .li {
    padding-top: 0.35rem;
    padding-bottom: 0.3rem;
  }
  .contact-info .right-cont .li .li-icon {
    --sw: 0.7rem;
    margin-right: 0.3rem;
    border-radius: 0.05rem;
  }
  .contact-info .right-cont .li .li-cont .li-tit {
    margin-top: -0.05rem;
  }
  .contact-info .right-cont .li .li-cont .li-val {
    margin-top: 0.02rem;
  }
  .contact-info .right-cont .code-box {
    margin-left: -0.05rem;
    margin-top: 0.3rem;
    justify-content: center;
  }
  .contact-info .right-cont .code-box .code-li + .code-li {
    margin-left: 0.25rem;
  }
  .contact-info .right-cont .code-box .code-li img {
    width: 1.6rem;
  }
}
.contact-form {
  margin-top: var(--fs54);

}
.contact-form .title {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.4em;
  color: #333333;
}
.contact-form .des {
  margin-top: 15px;
  margin-bottom: 45px;
  font-size: 16px;
  line-height: 1.4em;
  color: #666666;
}
.contact-form .form {
  --pad: 10px;
  --h: 62px;
  margin: calc(var(--pad)*-1);
  color: #999999;
}
.contact-form .form .input-box {
  padding: var(--pad);
}
.contact-form .form .input-box .input {
  border: 1px solid #cccccc;
  width: 100%;
  padding: 10px 1.25em;
  font-size: 16px;
  line-height: calc(var(--h) - 10px*2);
}
.contact-form .form .input-box .input::placeholder {
  color: #999999;
}
.contact-form .form .input-box textarea {
  display: block;

}
.contact-form .form .code-box .input {
  width: 232px;
}
.contact-form .form .code-box img {
  margin-left: 12px;
  width: 134px;
  height: var(--h);
  object-fit: fill;
  cursor: pointer;
}
.contact-form .form .submit-box .submit {
  margin-top: 20px;
  width: 300px;
  border-radius: 10px;
  border: 0 none;
  max-width: 100%;
  padding: 0 1.5em;
  background-color: var(--main-color);
  cursor: pointer;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.7em;
  line-height: calc(var(--h) + 2px);
  color: #ffffff;
  transition: all 0.3s;
}
.contact-form .form .submit-box .submit:hover {
  background-color: rgba(var(--main-color-rgb), 0.8);
}
@media (max-width: 1600px) {
  .contact-form {
   
  }
  .contact-form .title {
    font-size: 32px;
  }
  .contact-form .des {
    margin-top: 10px;
    margin-bottom: 35px;
  }
}
@media (max-width: 1200px) {
  .contact-form {

  }
  .contact-form .title {
    font-size: 0.36rem;
  }
  .contact-form .des {
    margin-top: 0.1rem;
    margin-bottom: 0.3rem;
    font-size: 0.26rem;
  }
  .contact-form .form {
    --pad: 0.12rem;
    --h: 0.7rem;
  }
  .contact-form .form .input-box .input {
    padding: 0.1rem 1em;
    font-size: 0.26rem;
    line-height: calc(var(--h) - 0.1rem*2);
  }
  .contact-form .form .input-box textarea {
    height: 2rem;
  }
  .contact-form .form .submit-box .submit {
    margin-top: 0.2rem;
    width: 70%;
    border-radius: 0.1rem;
    padding: 0 1.2em;
    font-size: 0.28rem;
  }
}
.talent-block {
  position: relative;
  padding-top: 85px;
}
.talent-block .big-text {
  color: rgba(51, 51, 51, 0.05);
}
.talent-block .auto-title-block {
  padding-top: 0;
}
.talent-block .swiper-box {
  margin-top: 10px;
}
@media (max-width: 1600px) {
  .talent-block .swiper-box {
    margin-top: 0px;
  }
}
@media (max-width: 1200px) {
  .talent-block {
    padding-top: 0.75rem;
  }
}



/*厚福记忆*/
.memory-box { margin-top: 0; padding-top: 0}



/*关于我们详情*/
.about-about .flex-box .cont {
  margin-top: 40px;
  font-size: 16px;
  line-height: 2em;
  color: #666666;
}
.about-about .flex-box .cont p {
  margin-top: 1.7em;
}

/*荣誉资列表详情*/
.honor-block>div { display: flex; height: auto; gap:var(--fs32); flex-wrap: wrap }
.honor-block .swiper-slide{ width: 23% }


@media(max-width: 1200px){
  
.honor-block .swiper-slide{ width:30%; }

}

@media(max-width: 992px){
  
.honor-block .swiper-slide{ width:46%; }

}







/*爱心捐赠*/
.love_box .list3 .img-box img{ border-radius: 1000px; width: 60%; margin:0 auto; }

.love_box .list3 .list3-box{ background: none; text-align: center;  border:1px solid var(--main-color); padding-top: var(--fs30) }






.wisdomserver-list {
  background-color: #faf6f2;
}
.wisdomserver-list .list .list-li {
  background-color: #ffffff;
}
.wisdomcolud-block {
  background-color: #f5f1ed;
  padding-top: 100px;
  padding-bottom: 130px;
  overflow: hidden;
}
.wisdomcolud-block .list {
  --lpd: 20px;
  margin: calc(var(--lpd)*-1);
  padding-top: 53px;
}
.wisdomcolud-block .list .list-li {
  width: 50%;
  padding: calc(var(--lpd)*1);
}
.wisdomcolud-block .list .list-box {
  transform: translate(0, 0);
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0);
  overflow: hidden;
  height: 100%;
  transition: all 0.3s;
}
.wisdomcolud-block .list .list-box:hover {
  transform: translate(0, -5px);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.wisdomcolud-block .list .list-box:hover .title {
  color: var(--main-color);
}
.wisdomcolud-block .list .img-box::before {
  padding-top: 62.5%;
}
.wisdomcolud-block .list .title {
  padding: 25px 35px;
  font-size: 18px;
  line-height: 1.33em;
  color: #333333;
}
@media (max-width: 1600px) {
  .wisdomcolud-block {
    padding-top: 75px;
    padding-bottom: 60px;
  }
  .wisdomcolud-block .list {
    --lpd: 16px;
    padding-top: 33px;

  }
  .wisdomcolud-block .list .title {
    padding: 22px 32px;
    font-size: 17px;
  }
}
@media (max-width: 1200px) {
  .wisdomcolud-block {
    padding-top: 0.65rem;
    padding-bottom: 0.55rem;
  }
  .wisdomcolud-block .list {
    --lpd: 0.1rem;
    padding-top: 0.3rem;
  }
  .wisdomcolud-block .list .list-box {
    border-radius: 0.15rem;
  }
  .wisdomcolud-block .list .title {
    padding: 0.8em 1em;
    font-size: 0.26rem;
    line-height: 1.4em;
  }
}
.vocational-block {
  padding-top: 0;
}
.vocational-block .innovation-block-2 {
  padding-bottom: 20px;
}
.vocational-block .innovation-block-2 .list {
  margin-top: -5px;
  padding-top: 0;
}
@media (max-width: 1200px) {
  .vocational-block .innovation-block-2 {
    padding-bottom: 0;
  }
  .vocational-block .innovation-block-2 .list {
    margin-top: -0.15rem;
  }
}
.history-block {
  padding-top: 100px;
  padding-bottom: 85px;
}
.history-block .swiper-top {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding: 3.6% 0 5%;
}
.history-block .swiper-top .swiper-slide {
  display: flex;
  overflow: hidden;
  align-items: center;
}
.history-block .swiper-top .big-year {
  width: 100%;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  font-size: clamp(15px, 25vw, 475px);
  line-height: 0.9em;
  color: rgba(51, 51, 51, 0.05);
}
.history-block .swiper-top .cont-text {
  margin-left: -100%;
  width: 100%;
  padding: 0 80px;
  color: #333333;
}
.history-block .swiper-top .cont-text .year {
  font-size: 60px;
  font-weight: bold;
  line-height: 0.8em;
}
.history-block .swiper-top .cont-text .title {
  font-size: 28px;
  line-height: 1.4em;
}
.history-block .swiper-top .cont-text .list {
  margin-top: 16px;
  font-size: 18px;
  line-height: 2.22em;
  color: #666666;
}
.history-block .swiper-top .swiper-btn {
  margin-top: calc(var(--s)*-0.5);
  position: absolute;
  top: 50%;
  z-index: 2;
}
.history-block .swiper-top .swiper-btn.prev {
  left: 0;
}
.history-block .swiper-top .swiper-btn.next {
  right: 0;
}
.history-block .swiper-year {
  margin-top: -1px;
}
.history-block .swiper-year .word {
  display: inline-block;
  position: relative;
  vertical-align: top;
  cursor: pointer;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 20px;
  line-height: 1.4em;
  color: #666666;
}
.history-block .swiper-year .word::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2px;
  background: var(--main-color);
  opacity: 0;
}
.history-block .swiper-year .swiper-slide-thumb-active .word {
  color: var(--main-color);
}
.history-block .swiper-year .swiper-slide-thumb-active .word::before {
  opacity: 1;
}
@media (max-width: 1600px) {
  .history-block {
    padding-top: 85px;
    padding-bottom: 55px;
  }
}
@media (max-width: 1200px) {
  .history-block {
    padding-top: 0.65rem;
    padding-bottom: 0.5rem;
  }
  .history-block .swiper-top {
    padding: 0.3rem 0 0.35rem;
  }
  .history-block .swiper-top .big-year {
    font-size: 2.9rem;
  }
  .history-block .swiper-top .cont-text {
    padding: 0 0.8rem;
  }
  .history-block .swiper-top .cont-text .year {
    font-size: 0.52rem;
  }
  .history-block .swiper-top .cont-text .title {
    margin-top: 0.15rem;
    font-size: 0.3rem;
  }
  .history-block .swiper-top .cont-text .list {
    margin-top: 0.1rem;
    font-size: 0.27rem;
    line-height: 1.6em;
  }
  .history-block .swiper-year .word {
    padding-top: 0.2rem;
    padding-bottom: 0.1rem;
    font-size: 0.3rem;
    line-height: 1.4em;
  }
}
.profile-block {
  padding-top: 100px;
  padding-bottom: 120px;
}
.profile-block .content {
  padding-top: 44px;
  text-align: justify;
  font-size: 18px;
  line-height: 1.66em;
  color: #666666;
}
.profile-block .video-block {
  margin-top: 90px;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 1600px) {
  .profile-block {
    padding-top: 85px;
    padding-bottom: 75px;
  }
  .profile-block .content {
    padding-top: 34px;
  }
  .profile-block .video-block {
    margin-top: 40px;
  }
}
@media (max-width: 1200px) {
  .profile-block {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
  }
  .profile-block .content {
    padding-top: 0.3rem;
    font-size: 0.26rem;
    line-height: 1.6em;
  }
  .profile-block .video-block {
    margin-top: 0.4rem;
  }
}
.honor-block-1 {
  overflow: hidden;
}
.honor-block-1 .swiper-btn-parent {

}
.honor-block-1 .swiper {
  overflow: visible;
  padding-bottom: 10px;
}
.honor-block-1 .swiper .swiper-slide {
  height: auto;
  opacity: 0.6;
}
.honor-block-1 .swiper .swiper-slide-active {
  opacity: 1;
}
.honor-block-1 .swiper .swiper-slide-active + .swiper-slide {
  opacity: 1;
}
.honor-block-1 .swiper .swiper-slide-active + .swiper-slide + .swiper-slide {
  opacity: 1;
}
.honor-block-1 .box {
  --imgh: 440px;
  display: block;
  transform: translate(0, 0);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
}
.honor-block-1 .box .img-div {
  display: flex;
  background-color: #fff;
  height: var(--imgh);
  justify-content: center;
  align-items: center;

}
.honor-block-1 .box .img-div img {
  display: block;
  max-height: 100%;
}
.honor-block-1 .box .title {
  display: flex;
  min-height: 70px;
  height: calc(100% - var(--imgh));
  padding: 0.3em 1.2em;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1.4em;
  color: #333333;
}
.honor-block-1 .box:hover {
  transform: translate(0, -5px);
}
.honor-block-1 .box:hover .title {
  color: var(--main-color);
}
@media (max-width: 1600px) {
  .honor-block-1 {
    padding-top: 75px;
    padding-bottom: 60px;
  }
  .honor-block-1 .swiper-btn-parent {
    margin-top: 40px;
  }
  .honor-block-1 .box .title {
    min-height: 60px;
  }
}
@media (max-width: 1400px) {
  .honor-block-1 .box {
    --imgh: 300px;
  }
  .honor-block-1 .box .title {
    min-height: 50px;
    font-size: 17px;
  }
}
@media (max-width: 1200px) {
  .honor-block-1 {
    padding-top: 0;
    padding-bottom: 0.45rem;
  }
  .honor-block-1 .swiper-btn-parent {
    margin-top: 0;
  }
  .honor-block-1 .box {
    --imgh: 3rem;
  }
  .honor-block-1 .box .title {
    min-height: 0.5rem;
    padding: 0.5em 1em;
    font-size: 0.26rem;
  }
}
.honor-block-2 {
  padding-top: 120px;
  padding-bottom: 130px;
  background-color: #f7f7f7;
}
.honor-block-2 .img-text {
  margin-top: 55px;
  background-color: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}
.honor-block-2 .img-text .img-div {
  width: 50%;
}
.honor-block-2 .img-text .cont {
  position: relative;
  width: 50%;
}
.honor-block-2 .img-text .cont .text {
  position: absolute;
  left: 9%;
  top: 11.5%;
  width: 82%;
  height: 77%;
  padding-right: 7%;
  overflow-y: auto;
  font-size: 18px;
  line-height: 2em;
  color: #333333;
}
.honor-block-2 .img-text .cont .text p + p {
  margin-top: 0.44em;
}
@media (max-width: 1600px) {
  .honor-block-2 {
    padding-top: 75px;
    padding-bottom: 60px;
  }
  .honor-block-2 .img-text {
    margin-top: 40px;
  }
  .honor-block-2 .img-text .cont .text {
    font-size: 18px;
    line-height: 1.8em;
  }
  .honor-block-2 .img-text .cont .text p + p {
    margin-top: 0.3em;
  }
}
@media (max-width: 1200px) {
  .honor-block-2 {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
  }
  .honor-block-2 .img-text {
    margin-top: 0.3rem;
  }
  .honor-block-2 .img-text .img-div {
    width: 100%;
  }
  .honor-block-2 .img-text .cont {
    width: 100%;
  }
  .honor-block-2 .img-text .cont .text {
    position: static;
    width: 100%;
    height: auto;
    padding: 0.3rem 0.3rem;
    font-size: 0.26rem;
    line-height: 1.6em;
  }
  .honor-block-2 .img-text .cont .text p + p {
    margin-top: 0.3em;
  }
}
.culture-block-1 {
  padding-top: 100px;
  padding-bottom: 120px;
}
.culture-block-1 .img-text {
  margin-top: 55px;
  position: relative;
}
.culture-block-1 .img-text .img-div {
  width: 100%;
}
.culture-block-1 .img-text .cont-text {
  display: flex;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  padding: 5% 6.5%;
  background-color: rgba(250, 250, 250, 0.93);
  align-items: center;
}
.culture-block-1 .img-text .cont-text .text {
  max-height: 100%;
  overflow-y: auto;
}
.culture-block-1 .img-text .cont-text .title {
  font-size: 32px;
  line-height: 1.4em;
  color: #333333;
}
.culture-block-1 .img-text .cont-text .p-txt {
  margin-top: 34px;
  font-size: 20px;
  line-height: 1.5em;
  color: #666666;
}
.culture-block-1 .list {
  --lpd: 10px;
  margin: calc(var(--lpd)*-1);
  padding-top: 100px;
  text-align: center;
}
.culture-block-1 .list .list-li {
  min-height: calc(var(--wrap-width)*0.175);
  padding: var(--lpd);
}
.culture-block-1 .list .box {
  display: flex;
  position: relative;
  background-color: #f7f7f7;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  padding: 15px 10%;
  align-items: center;
}
.culture-block-1 .list .box:hover .mark {
  opacity: 1;
}
.culture-block-1 .list .title {
  font-size: 24px;
  line-height: 1.4em;
}
.culture-block-1 .list .icon-text {
  width: 100%;
  color: #333333;
}
.culture-block-1 .list .icon-text .icon {
  display: block;
  margin-bottom: 10px;
}
.culture-block-1 .list .icon-text .icon img {
  display: block;
  margin: 0 auto;
}
.culture-block-1 .list .mark {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--main-color);
  width: 100%;
  height: 100%;
  padding: 15px 10%;
  opacity: 0;
  overflow-y: auto;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
  transition: opacity 0.3s;
}
.culture-block-1 .list .mark .des {
  margin-top: 13px;
  font-size: 16px;
  line-height: 1.75em;
}
@media (max-width: 1600px) {
  .culture-block-1 {
    padding-top: 75px;
    padding-bottom: 60px;
  }
  .culture-block-1 .img-text {
    margin-top: 45px;
  }
  .culture-block-1 .img-text .cont-text .title {
    font-size: 30px;
  }
  .culture-block-1 .img-text .cont-text .p-txt {
    margin-top: 30px;
    font-size: 18px;
    line-height: 1.4em;
  }
  .culture-block-1 .list {
    --lpd: 8px;
    padding-top: 60px;
  }
  .culture-block-1 .list .box {
    padding: 15px 10%;
  }
  .culture-block-1 .list .title {
    font-size: 22px;
  }
  .culture-block-1 .list .icon-text .icon {
    margin-bottom: 8px;
  }
  .culture-block-1 .list .mark .des {
    margin-top: 10px;
    line-height: 1.6em;
  }
}
@media (max-width: 1400px) {
  .culture-block-1 .list {
    --lpd: 8px;
    padding-top: 60px;
  }
  .culture-block-1 .list .box {
    padding: 15px 10%;
  }
  .culture-block-1 .list .title {
    font-size: 20px;
  }
}
@media (max-width: 1200px) {
  .culture-block-1 {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
  }
  .culture-block-1 .img-text {
    margin-top: 0.3rem;
  }
  .culture-block-1 .img-text .cont-text {
    position: static;
    width: 100%;
    padding: 0.3rem 0.4rem;
  }
  .culture-block-1 .img-text .cont-text .title {
    font-size: 0.3rem;
  }
  .culture-block-1 .img-text .cont-text .p-txt {
    margin-top: 0.25rem;
    font-size: 0.26rem;
  }
  .culture-block-1 .list {
    --lpd: 0.1rem;
    padding-top: 0.4rem;
  }
  .culture-block-1 .list .box {
    border-radius: 0.1rem;
    padding: 0.6rem 0.25rem;
  }
  .culture-block-1 .list .title {
    font-size: 0.3rem;
  }
  .culture-block-1 .list .icon-text .icon {
    margin-bottom: 0.05rem;
  }
  .culture-block-1 .list .icon-text .icon img {
    width: 0.7rem;
  }
  .culture-block-1 .list .mark {
    padding: 0.15rem 7%;
  }
  .culture-block-1 .list .mark .des {
    margin-top: 0.1rem;
    font-size: 0.26rem;
    line-height: 1.5em;
  }
}
.expert-block {
  padding-top: 120px;
  padding-bottom: 120px;
  overflow: hidden;
}
.expert-block .eduction-block {
  padding-top: 53px;
}
.expert-block .eduction-block .h2 {
  margin-bottom: 30px;
  font-size: 32px;
  line-height: 1.4em;
  color: #333333;
}
.expert-block .team-block {
  margin-top: 100px;
}
.expert-block .team-block .img-box {
  width: 63.5%;
}
.expert-block .team-block .img-box img {
  border-radius: 10px;
}
.expert-block .team-block .cont {
  width: 31.75%;
}
.expert-block .team-block .cont .pad {
  display: flex;
  height: 100%;
  overflow-y: auto;
  flex-direction: column;
  justify-content: space-between;
}
.expert-block .team-block .cont .h3 {
  font-size: 36px;
  line-height: 1.4em;
  color: #333333;
}
.expert-block .team-block .cont .txt-list {
  margin-top: 35px;
}
.expert-block .team-block .cont .txt-list .txt-li {
  --linew: 100%;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 24px;
  padding-bottom: 14px;
  color: #222222;
}
.expert-block .team-block .cont .txt-list .txt-li .num {
  vertical-align: text-bottom;
}
.expert-block .team-block .cont .txt-list .txt-li .num-val {
  font-size: 40px;
  font-weight: bold;
  line-height: 1em;
  color: var(--main-color);
}
.expert-block .team-block .cont .txt-list .txt-li .num-word {
  font-size: 16px;
  line-height: 1.4em;
}
.expert-block .team-block .cont .txt-list .txt-li .txt-word {
  margin-top: 7px;
  font-size: 20px;
  line-height: 1.4em;
}
.expert-block .team-block .cont .txt-list .txt-li::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: var(--linew);
  background: #000000;
}
@media (max-width: 1600px) {
  .expert-block {
    padding-top: 75px;
    padding-bottom: 60px;
  }
  .expert-block .eduction-block {
    padding-top: 45px;
  }
  .expert-block .eduction-block .h2 {
    margin-bottom: 25px;
    font-size: 30px;
  }
  .expert-block .team-block {
    margin-top: 70px;
  }
  .expert-block .team-block .cont .h3 {
    font-size: 32px;
  }
  .expert-block .team-block .cont .txt-list {
    margin-top: 25px;
  }
  .expert-block .team-block .cont .txt-list .txt-li {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .expert-block .team-block .cont .txt-list .txt-li .num-val {
    font-size: 36px;
  }
  .expert-block .team-block .cont .txt-list .txt-li .num-word {
    font-size: 14px;
  }
  .expert-block .team-block .cont .txt-list .txt-li .txt-word {
    margin-top: 4px;
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
  .expert-block {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
  }
  .expert-block .eduction-block {
    padding-top: 0.35rem;
  }
  .expert-block .eduction-block .h2 {
    margin-bottom: 0.3rem;
    font-size: 0.3rem;
  }
  .expert-block .team-block {
    margin-top: 0.4rem;
  }
  .expert-block .team-block .img-box {
    width: 100%;
  }
  .expert-block .team-block .img-box img {
    border-radius: 0.1rem;
  }
  .expert-block .team-block .cont {
    width: 100%;
    padding-top: 0.35rem;
  }
  .expert-block .team-block .cont .h3 {
    font-size: 0.32rem;
  }
  .expert-block .team-block .cont .txt-list {
    margin-top: 0;
  }
  .expert-block .team-block .cont .txt-list .txt-li {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
  }
  .expert-block .team-block .cont .txt-list .txt-li .num-val {
    font-size: 0.32rem;
  }
  .expert-block .team-block .cont .txt-list .txt-li .num-word {
    font-size: 0.24rem;
  }
  .expert-block .team-block .cont .txt-list .txt-li .txt-word {
    margin-top: 0.05rem;
    font-size: 0.26rem;
  }
}
.talent-block {
  padding-top: 100px;
}
.talent-block .content {
  margin: 18px auto 0;
  width: 1280px;
  max-width: 100%;
  font-size: 16px;
  line-height: 1.75em;
  color: #666666;
}
.talent-block .img-list {
  --ipd: 17.5px;
  margin: calc(var(--ipd)*-1);
  padding-top: 44px;
}
.talent-block .img-list .swiper {
  width: 100%;
}
.talent-block .img-list .img-li {
  padding: calc(var(--ipd)*1);
}
.talent-block .img-list .img-box {
  border-radius: 10px;
}
.talent-block .img-list .img-box::before {
  padding-top: 68.08%;
}
.job-block {
  padding-bottom: 100px;
}
.job-block .list7 {
  margin-top: 38px;
}
@media (max-width: 1600px) {
  .talent-block {
    padding-top: 75px;
  }
  .talent-block .content {
    margin-top: 15px;
    font-size: 15px;
    line-height: 1.6em;
  }
  .talent-block .img-list {
    --ipd: 12px;
    padding-top: 34px;
  }
  .job-block {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .job-block .list7 {
    margin-top: 28px;
  }
}
@media (max-width: 1200px) {
  .talent-block {
    padding-top: 0.65rem;
  }
  .talent-block .content {
    margin-top: 15px;
    font-size: 15px;
    line-height: 1.6em;
  }
  .talent-block .img-list {
    --ipd: 0.1rem;
    padding-top: 0.3rem;
  }
  .job-block {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
  }
  .job-block .list7 {
    margin-top: 0.35rem;
  }
}
.partner-block {
  padding-top: 100px;
  padding-bottom: 120px;
}
.partner-block .tab-box .tab-check-btn {
  margin-top: 35px;
  margin-bottom: 35px;
  gap: 20px;
}
.partner-block .tab-box .tab-check-btn .btn {
  border-radius: 10px;
  border: solid 1px #bfbfbf;
  background: #ffffff;
  padding: 0 2em;
  font-size: 20px;
  line-height: 60px;
  color: #333333;
  cursor: pointer;
  transition: all 0.3s;
}
.partner-block .tab-box .tab-check-btn .btn:hover,
.partner-block .tab-box .tab-check-btn .btn.on {
  border-color: var(--main-color);
  background: var(--main-color);
  color: #ffffff;
}
@media (max-width: 1600px) {
  .partner-block {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .partner-block .tab-box .tab-check-btn {
    margin-top: 25px;
    margin-bottom: 30px;
    gap: 15px;
  }
  .partner-block .tab-box .tab-check-btn .btn {
    padding: 0 1.6em;
    font-size: 18px;
    line-height: 46px;
  }
}
@media (max-width: 1200px) {
  .partner-block {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
  }
  .partner-block .tab-box .tab-check-btn {
    margin-top: 0.25rem;
    margin-bottom: 0.3rem;
    gap: 0.15rem;
  }
  .partner-block .tab-box .tab-check-btn .btn {
    padding: 0 1.4em;
    font-size: 0.26rem;
    line-height: 2em;
  }
}
.social-block {

  padding-bottom: 110px;
}
.social-block .list9 {

}
@media (max-width: 1600px) {
  .social-block {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .social-block .list9 {
    padding-top: 40px;
  }
}
@media (max-width: 1200px) {
  .social-block {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
  }
  .social-block .list9 {
    padding-top: 0.35rem;
  }
}
.news-list-block {
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 100px;
}
@media (max-width: 1600px) {
  .news-list-block {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
@media (max-width: 1200px) {
  .news-list-block {
    padding-top: 0.55rem;
    padding-bottom: 0.65rem;
  }
}
.news-info {
  --newsibr: 10px;
  padding-top: 60px;

}
.news-info .left-flex {
  width: 72%;
  padding: 2%;
  background:#fff;
}
.news-info .left-flex .info-title {
  font-size: 30px;
  line-height: 1.4em;
  color: #333333;
}
.news-info .left-flex .other {
  margin-top: 19px;
  margin-bottom: 33px;
  font-size: 16px;
  line-height: 1.4em;
  color: #999999;
}
.news-info .left-flex .other .author {
  margin-left: 3.5em;
}
.news-info .left-flex .cont {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 1.95em 0 4em;
  font-size: 16px;
  line-height: 1.75em;
  color: #333333;
}

.news-info .left-flex .cont img{
max-width:100%;
height:auto!important;
}

.news-info .right-flex {
  width: 25%;
    padding: 2%;
  background:#fff;
}
.news-info .right-flex .right-flex-title {
  margin-bottom: 40px;
  font-size: 28px;
  line-height: 1.4em;
  color: #999999;
}
@media (max-width: 1600px) {
  .news-info {
    padding-top: 40px;
    padding-bottom: 70px;
  }
  .news-info .left-flex .info-title {
    font-size: 26px;
  }
  .news-info .left-flex .other {
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .news-info .left-flex .cont {
    padding: 1.3em 0 2em;
    line-height: 1.6em;
  }
  .news-info .right-flex .right-flex-title {
    margin-bottom: 25px;
    font-size: 24px;
  }
}
@media (max-width: 1200px) {
  .news-info {
    padding-top: 0.3rem;
    padding-bottom: 0.4rem;
  }
  .news-info .left-flex {
    width: 100%;
  }
  .news-info .left-flex .info-title {
    font-size: 0.3rem;
  }
  .news-info .left-flex .other {
    margin-top: 0.15rem;
    margin-bottom: 0.25rem;
    font-size: 0.24rem;
  }
  .news-info .left-flex .other .author {
    margin-left: 3em;
  }
  .news-info .left-flex .cont {
    padding: 1.4em 0;
    font-size: 0.26rem;
  }
  .news-info .right-flex {
    margin-top: 0.4rem;
    width: 100%;
  }
  .news-info .right-flex .right-flex-title {
    margin-bottom: 0.15rem;
    font-size: 0.3rem;
  }
}
.investor-block {
  padding-top: 100px;
  padding-bottom: 130px;
}
@media (max-width: 1600px) {
  .investor-block {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.contact-block {
 
}
.contact-block .contact-list {
  --iconw: 134px;
  --lcp: 13px;
  margin: calc(var(--lcp)*-1);
  font-size: 18px;
  line-height: 1.77em;
  color: #666666;
  padding-bottom: var(--fs54)
}
.contact-block .contact-list .list-li {
  padding: calc(var(--lcp)*1);
}
.contact-block .contact-list .list-box {
  transform: translate(0, 0);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  height: 100%;
  padding: 72px 5% 62px;
  transition: all 0.3s;
  text-align: center;
}
.contact-block .contact-list .list-box:hover {
  transform: translate(0, -5px);
}
.contact-block .contact-list .li-icon {
  --fill: #999999;
  --size: 60%;
  vertical-align: top;
  margin: 0 auto;
  width: var(--iconw);
  height: var(--iconw);
}
.contact-block .contact-list .li-icon .self-svg {
  border-radius: 50%;

  width: 100%;
  height: 100%;
}
.contact-block .contact-list .li-icon img {
  display: block;
  border: 1px solid #b5b5b5;
}
.contact-block .contact-list .text {
  margin-top: 16px;
  word-break: break-all;
}
.map-block .map-box {
  position: relative;
}
.map-block .map-box img {
  display: block;
}
.map-block .add-list {
  --conpad: 145px;
}
.map-block .add-list .add-li {
  position: absolute;
}
.map-block .add-list .add-li.on .add-line,
.map-block .add-list .add-li.on .add-cont {
  margin: 0;
  opacity: 1;
  pointer-events: auto;
}
.map-block .add-list .point {
  --anstime: 3s;
  --pw: 8px;
  display: block;
}
.map-block .add-list .point i {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: calc(var(--pw)*-0.5);
  margin-top: calc(var(--pw)*-0.5);
  border-radius: 50%;
  background: var(--main-color);
  width: var(--pw);
  height: var(--pw);
  animation: pointanimate1 var(--anstime) infinite;
  animation-delay: 3s;
}
.map-block .add-list .point .p2 {
  animation-delay: 1.5s;
}
.map-block .add-list .point .p3 {
  animation-delay: 3s;
}
.map-block .add-list .add-line {
  position: absolute;
  right: 0;
  bottom: 0;
  width: var(--conpad);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.map-block .add-list .add-line::before {
  content: '';
  display: block;
  padding-top: 52.31%;
  background: url(../images/contact/map-line.png) no-repeat center / cover;
}
.map-block .add-list .add-cont {
  margin-right: -15px;
  position: absolute;
  right: var(--conpad);
  top: calc(var(--conpad)*-1);
  border: 1px solid var(--main-color);
  width: 400px;
  text-align: left;
  background: rgba(255, 255, 255, 0.8);
  padding: 25px 35px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s, margin 0.3s;
}
.map-block .add-list .add-cont .h6 {
  font-size: 20px;
  line-height: 1.4em;
  color: #333333;
}
.map-block .add-list .add-cont .p {
  margin-top: 5px;
  font-size: 16px;
  line-height: 1.75em;
  color: #666666;
}
.map-block .add-list .li1 {
  left: 56%;
  top: 46%;
}
.map-block .add-list .li2 {
  left: 61%;
  top: 39.5%;
}
.map-block .add-list .li3 {
  left: 54.5%;
  top: 52.5%;
}
.map-block .add-list .li4 {
  left: 52.2%;
  top: 53%;
}
.map-block .add-list .li5 {
  left: 59.5%;
  top: 83.5%;
}
@keyframes pointanimate1 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0.15;
  }
}
.contact-form-block {
  background: #f7f7f7;
  padding-top: 100px;
  padding-bottom: 90px;
}
.contact-form-block .des {
  margin: 24px 0 65px;
  font-size: 18px;
  line-height: 1.4em;
  color: #666666;
}
.contact-form-block .form {
  --mtp: 20px;
  font-size: 16px;
  line-height: 1.6em;
  color: #999999;
}
.contact-form-block .form .input-li + .input-li {
  margin-top: var(--mtp);
}
.contact-form-block .form .lw-w-12 {
  width: 100%;
}
.contact-form-block .form .input {
  display: block;
  width: 100%;
  padding: 1.1em 1.8em;
  color: #333333;
}
.contact-form-block .form .input-box {
  border-radius: 10px;
  border: 1px solid #cccccc;
}
.contact-form-block .form .input-box .textarea {
  height: 9em;
}
.contact-form-block .form .submit-box .submit {
  background: var(--main-color);
  border-radius: 10px;
  width: 300px;
  max-width: 100%;
  letter-spacing: 0.6em;
  cursor: pointer;
  color: #ffffff;
}
.contact-form-block .form .submit-box .submit:hover {
  background: rgba(var(--main-color-rgb), 0.7);
}
@media (max-width: 1600px) {
  .contact-block {
    padding-bottom: 35px;
  }
  .contact-block .contact-list {
    --iconw: 114px;
    --lcp: 10px;
  }
  .contact-form-block {
    padding-top: 75px;
    padding-bottom: 65px;
  }
  .contact-form-block .des {
    margin: 20px 0 45px;
  }
}
@media (max-width: 1200px) {
  .contact-block {
    padding-top: 0.65rem;
    padding-bottom: 0.6rem;
  }
  .contact-block .contact-list {
    --iconw: 1rem;
    --lcp: 0.1rem;
    padding-top: 0.35rem;
    font-size: 0.26rem;
    line-height: 1.6em;
  }
  .contact-block .contact-list .list-box {
    border-radius: 0.1rem;
    padding: 0.4rem 5% 0.3rem;
  }
  .contact-block .contact-list .text {
    margin-top: 0.15rem;
  }
  .map-block {
    overflow: hidden;
  }
  .map-block .map-box {
    margin-left: -8%;
    margin-right: -9.5%;
  }
  .map-block .add-list {
    --conpad: 1.2rem;
  }
  .map-block .add-list .point {
    --pw: 0.1rem;
  }
  .map-block .add-list .add-line {
    display: none;
  }
  .map-block .add-list .add-cont {
    display: none;
    margin-right: -0.15rem;
    width: 4rem;
    padding: 0.25rem 0.3rem;
    opacity: 1;
    pointer-events: auto;
  }
  .map-block .add-list .add-cont .h6 {
    font-size: 0.3rem;
  }
  .map-block .add-list .add-cont .p {
    margin-top: 0.1rem;
    font-size: 0.26rem;
    line-height: 1.6em;
  }
  .map-block .add-phone-list {
    margin-top: 0.1rem;
  }
  .map-block .add-phone-list .add-li {
    border: 1px solid var(--main-color);
    padding: 0.3rem 0.35rem;
    text-align: left;
  }
  .map-block .add-phone-list .add-li + .add-li {
    margin-top: 0.3rem;
  }
  .map-block .add-phone-list .add-li .h6 {
    font-size: 0.3rem;
    font-weight: bold;
    line-height: 1.4em;
    color: #333333;
  }
  .map-block .add-phone-list .add-li .p {
    margin-top: 0.1rem;
    font-size: 0.26rem;
    line-height: 1.4em;
    color: #666666;
  }
  .contact-form-block {
    padding-top: 0.65rem;
    padding-bottom: 0.6rem;
  }
  .contact-form-block .des {
    margin: 0.25rem 0 0.3rem;
    font-size: 0.26rem;
  }
  .contact-form-block .form {
    --mtp: 0.25rem;
    font-size: 0.26rem;
  }
  .contact-form-block .form .input {
    padding: 0.7em 1.1em;
  }
  .contact-form-block .form .input-box {
    border-radius: 0.1rem;
  }
  .contact-form-block .form .submit-box .submit {
    border-radius: 0.1rem;
    width: 3rem;
  }
}
.solution-block .solution-li {
  padding-top: 100px;
  padding-bottom: 110px;
}
.solution-block .solution-li:first-child {
  padding-top: 50px;
  padding-bottom: 50px;
}
.solution-block .solution-li:nth-child(2n+2) {
  background: #f6f6f6;
}
.solution-block .top-return {
  margin-bottom: 40px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 40px;
}
.solution-block .return-btn-box {
  margin-left: 1.5em;
  flex-shrink: 0;
  font-size: 16px;
  line-height: 1.4em;
  color: var(--main-color);
}
.solution-block .return-btn-box .btn {
  margin-bottom: 0.2em;
}
.solution-block .return-btn-box .btn .self-svg {
  --size: 1.25em;
  --fill: var(--main-color);
  margin-right: 9px;
}
.solution-block .cont {
  padding: 17px 0;
  font-size: 16px;
  line-height: 1.75em;
  color: #333333;
}
.solution-characteristic {
  background: #f7f7f7;
  padding-top: 100px;
  padding-bottom: 100px;
}
.solution-characteristic .auto-title-block-b {
  margin-bottom: 40px;
}
.solution-characteristic-a {
  padding-top: 120px;
  padding-bottom: 120px;
}
.solution-characteristic-a .cont {
  margin-top: 25px;
  font-size: 18px;
  line-height: 1.77em;
  color: #666666;
}
.solution-characteristic-a .left-cont {
  width: 40%;
}
.solution-characteristic-a .right-cont {
  width: 54.1%;
}
.achieve-block {
  padding-top: 100px;
  padding-bottom: 100px;
}
.achieve-block .auto-title-block-b {
  margin-bottom: 40px;
}
@media (max-width: 1600px) {
  .solution-block .solution-li {
    padding-top: 75px;
    padding-bottom: 65px;
  }
  .solution-block .solution-li:first-child {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .solution-block .top-return {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .solution-block .cont {
    padding: 15px 0;
    line-height: 1.65em;
  }
  .solution-characteristic {
    padding-top: 65px;
    padding-bottom: 60px;
  }
  .solution-characteristic .auto-title-block-b {
    margin-bottom: 30px;
  }
  .solution-characteristic-a {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .solution-characteristic-a .cont {
    margin-top: 15px;
    line-height: 1.6em;
  }
  .achieve-block {
    padding-top: 65px;
    padding-bottom: 60px;
  }
  .achieve-block .auto-title-block-b {
    margin-bottom: 30px;
  }
}
@media (max-width: 1200px) {
  .solution-block {
    padding-top: 0.1rem;
  }
  .solution-block .solution-li {
    padding-top: 0.6rem;
    padding-bottom: 0.5rem;
  }
  .solution-block .solution-li:first-child {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  .solution-block .top-return {
    margin-bottom: 0.3rem;
    padding-bottom: 0.3rem;
  }
  .solution-block .return-btn-box {
    font-size: 0.26rem;
  }
  .solution-block .return-btn-box .btn .self-svg {
    margin-right: 0.1rem;
  }
  .solution-block .cont {
    padding: 0.2rem 0;
    font-size: 0.26rem;
    line-height: 1.6em;
  }
  .solution-characteristic {
    padding-top: 0.65rem;
    padding-bottom: 0.6rem;
  }
  .solution-characteristic .auto-title-block-b {
    margin-bottom: 0.3rem;
  }
  .solution-characteristic-a {
    padding-top: 0.65rem;
    padding-bottom: 0.6rem;
  }
  .solution-characteristic-a .cont {
    margin-top: 0.25rem;
    font-size: 0.26rem;
    line-height: 1.6em;
  }
  .solution-characteristic-a .left-cont {
    width: 100%;
  }
  .solution-characteristic-a .right-cont {
    width: 100%;
  }
  .achieve-block {
    padding-top: 0.65rem;
    padding-bottom: 0.6rem;
  }
  .achieve-block .auto-title-block-b {
    margin-bottom: 0.3rem;
  }
}
.site-map {
  --dc: #333333;
  --hc: var(--main-color);
  --lpd: 40px;
  --w: 1200px;
  padding-top: 65px;
  padding-bottom: 65px;
  color: var(--dc);
}
.site-map a {
  color: var(--dc);
  text-decoration: none;
}
.site-map a:hover {
  color: var(--hc);
}
.site-map .wrap-cont {
  margin: 0 auto;
  width: var(--w);
  max-width: calc(100% - 30px);
}
.site-map .site-map-border {
  border: 1px solid #ddd;
  padding: 0 30px 30px;
}
.site-map .site-map-title {
  font-size: 28px;
  margin: 45px 0;
  font-weight: normal;
  text-align: center;
}
.site-map .site-map-list {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.5em;
}
.site-map .map-list-li {
  list-style: none;
}
.site-map .map-list-li + .map-list-li {
  margin-top: 20px;
}
.site-map .list-li-dl {
  margin: 0;
  padding: 0;
}
.site-map .list-dl-dt {
  padding: 0.75em var(--lpd);
  font-weight: bold;
  background: #f5f5f5;
}
.site-map .list-dl-dd {
  --mini-pad: 20px;
  display: flex;
  margin: 0;
  border: 1px solid #eeeeee;
  border-top: 0 none;
  padding: 20px var(--mini-pad);
  flex-wrap: wrap;
}
.site-map .list-dl-dd a {
  margin: 0.3em calc(var(--lpd) - var(--mini-pad));
}
@media (max-width: 1200px) {
  .site-map {
    --lpd: 15px;
    --w: 768px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .site-map .site-map-border {
    padding: 0 15px 15px;
  }
  .site-map .site-map-title {
    font-size: 17px;
    margin: 15px 0;
  }
  .site-map .site-map-list {
    font-size: 14px;
  }
  .site-map .map-list-li + .map-list-li {
    margin-top: 15px;
  }
  .site-map .list-dl-dt {
    padding: 0.7em var(--lpd);
  }
  .site-map .list-dl-dd {
    --mini-pad: 10px;
    padding: 13px var(--mini-pad);
  }
  .site-map .list-dl-dd a {
    margin: 0.2em calc(var(--lpd) - var(--mini-pad));
  }
}


.bigSwiper  img{ text-align: center; margin:0 auto; width: 100%; }



.index-news .ul{ margin:-15px; font-size:0;  }
.index-news .ul li{ padding:15px; display:inline-block; vertical-align:top; }
.index-news .ul li .imgh{ display:block; background:#f8f8f8; position:relative; overflow:hidden; transition:all .3s; }
.index-news .ul li .imgh::before{ opacity:0; content:""; background:url(../images/back2.png) no-repeat center; position: absolute; left:0; bottom:0; transform:translate(-25%,25%); height: 277px; width:297px; transition:all .3s; }
.index-news .ul li:first-child .imgh::before{ opacity:1; right:0; left:auto; transform:translate(10%,25%); }
.index-news .ul .imgDiv{ display:inline-block; vertical-align:top; width:50%; }
.index-news .ul .imgBox{ /*padding-top:60%;*/ }
.index-news .ul li:first-child .cont{ display:inline-block; vertical-align:top; width:50%; padding:3.5% 4.5% ; }
.index-news .ul .cont{ padding:8% 40px 35px; position:relative; }
.index-news .ul .cont .title{ font-size:var(--fs24); line-height:var(--fs30); color:#333333; }
.index-news .ul .cont .des{ display:block; font-size:var(--fs14); line-height:var(--fs24);  color:#888888;  }
.index-news .ul li:first-child .cont .des{ margin:20px 0 20px; font-size: var(--fs16); line-height: var(--fs30) }
.index-news .ul li .MoreBox{ display:block; text-align:right; }
.index-news .ul li .MoreBox .a span{ display:block; position:relative; }
.index-news .ul li .MoreBox .a{ border-color:#f8f8f8; color:#999999; position:relative; }

.index-news .ul li:first-child .MoreBox{ display:inline-block; }
.index-news .ul li:first-child .MoreBox .a{ border-color:#213764; color:#213764; }
.index-news .ul li:first-child .time{ float:right; display:inline-block; margin:0; }
.index-news .ul li .time{ font-size:16px; line-height:40px; display:block; color:#999999; margin:15px 0; }
@media (min-width: 1200px){
  .index-news   .ul li .MoreBox .a:hover{ color:#213764; background:transparent; }
  .index-news   .ul li .imgh:hover{ background:#213764; }
  .index-news   .ul li .imgh:hover::before{ opacity:.1; }
  .index-news   .ul li .imgh:hover .title,
  .index-news   .ul li .imgh:hover .des,
  .index-news   .ul li .imgh:hover .time{ color:#fff; }
  .index-news   .ul li .imgh:hover .MoreBox .a{ color:#213764; background:#ffffff; border-color:#ffffff; }
   .index-news  .ul li:nth-child(2) .imgh:hover .MoreBox .a,
   .index-news  .ul li:nth-child(3) .imgh:hover .MoreBox .a,
   .index-news  .ul li:nth-child(4) .imgh:hover .MoreBox .a{ transform:translate(32px,27px); }
   .index-news  .ul li:nth-child(2) .imgh:hover .MoreBox .a::before,
   .index-news  .ul li:nth-child(3) .imgh:hover .MoreBox .a::before,
  .index-news   .ul li:nth-child(4) .imgh:hover .MoreBox .a::before{ top:-8px; left:-8px; padding:9px; }
}
@media (max-width: 1200px){
    .IndexBlockD{ padding-bottom:30px; }
   .index-news  .ul{ margin:-5px; }
   .index-news  .ul li{ padding:5px; }
   .index-news  .ul li .cont{ padding:20px; }
   .index-news  .ul li .cont .title{ font-size:16px; }
   .index-news  .ul li .time{ margin:0; font-size:14px; }
   .index-news  .ul li .cont .des{ margin-bottom:20px; }
   .index-news  .ul li:first-child .cont{ padding:25px; }
   .index-news  .ul li:first-child .cont .des{ margin-bottom:30px; }
}
@media (max-width: 992px){
   .index-news  .ul li:first-child .cont{ padding-top:15px; }
   .index-news  .ul li:first-child .cont .des{ margin:20px 0; }
}
@media (max-width: 768px){
    .IndexBlockD{ padding-bottom:25px; }
  .index-news   .ul{ display:flex; flex-wrap:wrap; justify-content:space-between; }
  .index-news   .ul .imgDiv{ width:100%; }
  .index-news   .ul li:nth-child(4),
   .index-news  .ul li:nth-child(5){ display:none; }
  .index-news   .ul li:first-child .cont,
  .index-news   .ul li .cont{ width:100%; padding:10px; display:flex; flex-wrap:wrap; }
   .index-news  .ul li .title{ order:1; width:100%; }
  .index-news   .ul li:first-child .cont .des,
  .index-news   .ul li .cont .des{ order:3; margin:0; }
   .index-news  .ul li .time{ order:2; line-height:26px; }
  .index-news   .ul li:first-child .MoreBox,
  .index-news   .ul li .MoreBox{ display:none; }
}






/*首页留言*/
.index-form-customer {
    --w: var(--wrap-1680-width);
    background-attachment: fixed;
    overflow: hidden;
    padding: 130px 0 110px;
}


.index-form-customer  .contact-form{
    margin-top: 0;
}
/* .index-form-customer .wrap3{ max-width: 1680px;} */
.index-form-customer .flex-box {
    background-color: #ffffff;
    box-shadow: 0px 4px 35px 0px rgba(4, 0, 0, 0.2);
    border-radius: 8px;
    padding: 65px 54px;
}

.index-form-customer .cont-cont {
    width: 38.6%;
    flex-direction: column;
    justify-content: space-between;
}

.index-form-customer .cont-cont .h4 {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.4em;
    color: #222222;
}

.index-form-customer .cont-cont .des {
    margin: 1em 0;
    font-size: 18px;
    line-height: 2em;
    color: #555555;
}

.index-form-customer .cont-cont .phone-block .self-svg {
    --w1: 56px;
    --size: 100%;
    --fill: var(--main-color);
    margin-bottom: 7px;
    transform: translateX(-10%);
    width: var(--w1);
    height: var(--w1);
}

.index-form-customer .cont-cont .phone-block .phone-num {
    font-family: DIN;
    font-weight: bold;
    font-size: 46px;
    line-height: 0.9em;
}

.index-form-customer .cont-cont .phone-block .phone-num span {
    display: inline-block;
    vertical-align: top;
    background: var(--linear-color);
    -webkit-background-clip: text;
}

.index-form-customer .form-cont {
    width: 58.7%;
}

.index-form-customer .form-cont .h6 {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.4em;
    color: #222222;
    margin-bottom: var(--fs20);
}

.index-form-customer .form-cont .radio-list {
    padding: 20px 0 35px;
}

.index-form-customer .form-cont .radio-list .radio-box-self+.radio-box-self {
    margin-left: 34px;
}

.index-form-customer .form-cont .input-list {
    --p: 9px;
    margin: calc(var(--p)*-1);
    font-size: 16px;
    line-height: 1.4em;
    color: #555555;
}

.index-form-customer .form-cont .input-list .input-li {
    padding: calc(var(--p) + 4px) var(--p);
}

.index-form-customer .form-cont .input-list .input-title {
    margin-bottom: 7px;
}

.index-form-customer .form-cont .input-list .border {
    background-color: #f7f8f9;
    border-radius: 3px;
    border: solid 1px #ededed;
}

.index-form-customer .form-cont .input-list .input {
    width: 100%;
    padding: 0 1.2em;
    font-size: 0.9em;
    line-height: 48px;
}

.index-form-customer .form-cont .submit-box {

}

.index-form-customer .form-cont .submit-box .more-box {
    cursor: pointer;
}

@media (max-width: 1660px) {
    .index-form-customer {
        padding: 100px 0;
    }

    .index-form-customer .flex-box {
        padding: 55px 50px;
    }

    .index-form-customer .cont-cont .h4 {
        font-size: 28px;
    }

    .index-form-customer .cont-cont .des {
        margin: 0.8em 0;
        font-size: 17px;
        line-height: 1.9em;
    }

    .index-form-customer .cont-cont .phone-block .self-svg {
        --w1: 50px;
        margin-bottom: 5px;
    }

    .index-form-customer .cont-cont .phone-block .phone-num {
        font-size: 40px;
    }

    .index-form-customer .form-cont .h6 {
        font-size: 20px;
    }

    .index-form-customer .form-cont .radio-list {
        padding: 16px 0 25px;
    }

    .index-form-customer .form-cont .radio-list .radio-box-self+.radio-box-self {
        margin-left: 30px;
    }

    .index-form-customer .form-cont .input-list {
        --p: 7px;
    }

    .index-form-customer .form-cont .input-list .input {
        padding: 0 1.1em;
        line-height: 46px;
    }

    .index-form-customer .form-cont .submit-box {
        margin-top: 30px;
    }
}

@media (max-width: 1550px) {
    .index-form-customer {
        padding: 90px 0;
    }

    .index-form-customer .flex-box {
        padding: 45px 45px;
    }

    .index-form-customer .cont-cont .h4 {
        font-size: 26px;
    }

    .index-form-customer .cont-cont .des {
        margin: 0.7em 0;
        font-size: 16px;
    }

    .index-form-customer .cont-cont .phone-block .self-svg {
        --w1: 46px;
        margin-bottom: 2px;
    }

    .index-form-customer .cont-cont .phone-block .phone-num {
        font-size: 36px;
    }

    .index-form-customer .form-cont .radio-list {
        padding: 15px 0 20px;
    }

    .index-form-customer .form-cont .radio-list .radio-box-self+.radio-box-self {
        margin-left: 27px;
    }

    .index-form-customer .form-cont .input-list {
        --p: 6px;
        font-size: 15px;
    }

    .index-form-customer .form-cont .input-list .input {
        line-height: 44px;
    }

    .index-form-customer .form-cont .submit-box {
        margin-top: 26px;
    }
}

@media (max-width: 1400px) {
    .index-form-customer {
        padding: 85px 0;
    }

    .index-form-customer .cont-cont .h4 {
        font-size: 24px;
    }

    .index-form-customer .cont-cont .des {
        font-size: 16px;
        line-height: 1.8em;
    }

    .index-form-customer .cont-cont .phone-block .self-svg {
        --w1: 42px;
    }

    .index-form-customer .cont-cont .phone-block .phone-num {
        font-size: 32px;
    }
}

@media (max-width: 992px) {
    .index-form-customer {
        padding: 8% 0;
    }

    .index-form-customer .flex-box {
        display: block;
    }

    .index-form-customer .cont-cont {
        width: 100%;
    }

    .index-form-customer .form-cont {
        width: 100%;
        margin-top: 5%;
    }

    .index-form-customer .cont-cont .des {
        margin: 3% 0;
    }
}

@media (max-width: 640px) {
    .index-form-customer .cont-cont .h4 {
        font-size: 22px;
    }

    .index-form-customer .cont-cont .des {
        font-size: 14px;
    }

    .index-form-customer .form-cont .h6 {
        font-size: 18px;
    }

    .index-form-customer .form-cont .input-list {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .index-form-customer .flex-box {
        padding: 25px 20px;
    }

    .index-form-customer .form-cont .input-list {
        font-size: 13px;
    }

    .index-form-customer .form-cont .input-list .input-li {
        width: 100%;
    }

    .index-form-customer .form-cont .radio-list .radio-box-self+.radio-box-self {
        margin-left: 5px;
    }

    .index-form-customer .form-cont .input-list .input {
        line-height: 36px;
    }
}



/*首页服务项目*/
.index-project {
  overflow: hidden;
  padding-top: 105px;
  padding-bottom: 105px;
}
.index-project .big-text {
  margin-top: 65px;
  color: rgba(102, 102, 102, 0.05);
}
.index-project .left-cont {
  width: 400px;
}
.index-project .left-cont .auto-title-block {
  padding-top: 0;
}
.index-project .left-cont .des {
  margin-top: -10px;
  font-size: 16px;
  line-height: 2em;
  color: #666666;
}
.index-project .left-cont .more-box-a {
  margin-top: 78px;
}
.index-project .right-cont {
  width: calc(100% - 400px - 6.25%);
}
.index-project .right-cont .right-o-hide {
  margin-right: calc(var(--bettwen-1600-pad)*-1);
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.index-project .right-cont .swiper-btns .swiper-btn {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  --dc: rgba(var(--main-color-rgb), 1);
  --hc: rgba(var(--main-color-rgb), 1);
}
.index-project .right-cont .swiper-btns .prev {
  left: 7%;
}
.index-project .right-cont .swiper-btns .next {
  right: 7%;
}
@media (max-width: 1600px) {
  .index-project {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .index-project .big-text {
    margin-top: 35px;
  }
  .index-project .left-cont .des {
    margin-top: 20px;
    line-height: 1.9em;
  }
  .index-project .left-cont .more-box-a {
    margin-top: 58px;
  }
}
@media (max-width: 1200px) {
  .index-project {
    padding-top: 0.75rem;
    padding-bottom: 0.65rem;
  }
  .index-project .big-text {
    margin-top: 0;
  }
  .index-project .left-cont {
    width: 100%;
  }
  .index-project .left-cont .des {
    margin-top: -0.1rem;
    font-size: 0.26rem;
    line-height: 1.9em;
  }
  .index-project .left-cont .more-box-a {
    margin-top: 0.25rem;
  }
  .index-project .right-cont {
    margin-top: 0.35rem;
    width: 100%;
  }
  .index-project .right-cont .right-o-hide {
    margin-right: 0;
  }
  .index-project .right-cont .swiper-btns .prev {
    left: 2%;
  }
  .index-project .right-cont .swiper-btns .next {
    right: 2%;
  }
}


.contact-form .form {
  --pad: 10px;
  --h: 62px;
  margin: calc(var(--pad)*-1);
  color: #999999;
}
.contact-form .form .input-box {
  padding: var(--pad);
}
.contact-form .form .input-box .input {
  border: 1px solid #cccccc;
  width: 100%;
  padding: 0 1.25em;
  font-size: 16px;
  line-height: calc(var(--h) - 10px*2);
}
.contact-form .form .input-box .input::placeholder {
  color: #999999;
}
.contact-form .form .input-box textarea {
  display: block;

}
.contact-form .form .code-box .input {
  width: 232px;
}
.contact-form .form .code-box img {
  margin-left: 12px;
  width: 134px;
  height: var(--h);
  object-fit: fill;
  cursor: pointer;
}
.contact-form .form .submit-box .submit {
  margin-top: 20px;
  width: 300px;
  border-radius: 10px;
  border: 0 none;
  max-width: 100%;
  padding: 0 1.5em;
  background-color: var(--main-color);
  cursor: pointer;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.7em;
  line-height: calc(var(--h) + 2px);
  color: #ffffff;
  transition: all 0.3s;
}
.contact-form .form .submit-box .submit:hover {
  background-color: rgba(var(--main-color-rgb), 0.8);
}
@media (max-width: 1600px) {
  .contact-form {
   
  }
  .contact-form .title {
    font-size: 32px;
  }
  .contact-form .des {
    margin-top: 10px;
    margin-bottom: 35px;
  }
}
@media (max-width: 1200px) {
  .contact-form {

  }
  .contact-form .title {
    font-size: 0.36rem;
  }
  .contact-form .des {
    margin-top: 0.1rem;
    margin-bottom: 0.3rem;
    font-size: 0.26rem;
  }
  .contact-form .form {
    --pad: 0.12rem;
    --h: 0.7rem;
  }
  .contact-form .form .input-box .input {
    padding: 0.1rem 1em;
    font-size: 0.26rem;
    line-height: calc(var(--h) - 0.1rem*2);
  }
  .contact-form .form .input-box textarea {
    height: 2rem;
  }
  .contact-form .form .submit-box .submit {
    margin-top: 0.2rem;
    width: 70%;
    border-radius: 0.1rem;
    padding: 0 1.2em;
    font-size: 0.28rem;
  }
}





.auto-banner {
  position: relative;
  overflow: hidden;
}
.auto-banner .cont {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 60px;
  color: #ffffff;
}
.auto-banner .cont .auto-title-en {
  margin-bottom: -0.15em;
   opacity: 0.6;
  letter-spacing: 0.02em;
}
.auto-banner .cont .auto-title-h2 {
  color: #ffffff;
}
@media (max-width: 1600px) {
  .auto-banner .cont {
    padding-bottom: 50px;
  }
  .auto-banner .cont .title {
    font-size: 36px;
  }
  .auto-banner .cont .title-en {
    font-size: 22px;
  }
}
@media (max-width: 1400px) {
  .auto-banner .cont .title {
    font-size: 32px;
  }
  .auto-banner .cont .title-en {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .auto-banner .cont {
    padding-bottom: 0;
  }
  .auto-banner .img-div img {
    min-height: 3rem;
    object-fit: cover;
  }
}

.about_r{ float:left; position:relative;width:calc(100% - 230px);width:-webkit-calc(100% - 230px);width:-moz-calc(100% - 230px); z-index:0; padding-bottom:50px; min-height:695px;}
.about_r:after{ width:120%; background:#fff; height:100%; left:0; top:0; content:""; position:absolute; z-index:-1;}
.about_r .product_ul{ overflow:hidden; margin-left:42px; max-width:1326px; margin-right:2%; margin-top:49px;}
.about_r .product_ul ul{ overflow:hidden; border-bottom:1px solid #d3d3d3; padding-bottom:30px; padding-top:30px;}
.about_r .product_ul ul li{ float:left; width:23.5%; margin-right:2%; overflow:hidden; position:relative;  }
.about_r .product_ul ul li:nth-child(4n){ margin-right:0;}
.about_r .product_ul ul li .boxs2{ padding-top:33px; padding-left:20px; padding-right:20px; overflow:hidden; padding-bottom:26px;}
.about_r .product_ul ul li .imgs{  position:relative; padding-top:100%;}
.about_r .product_ul ul li .imgs img{display: block;width: 100%; height:100%; top:0; left:0; position:absolute;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.about_r .product_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.about_r .product_ul ul li em{ font-style:normal; line-height:28px; height:28px; padding-left:5px; padding-right:5px; border-radius:6px; color:#fff; background:#767676; overflow:hidden; font-size:20px; margin-top:20px; display:inline-block; vertical-align:top;transition:all 0.3s;}
.about_r .product_ul ul li .h3{ font-size:18px; color:#666666; position:relative; overflow:hidden; line-height:44px; height:48px;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s;}
.about_r .product_ul ul li .h3:after{ position:absolute; content:""; bottom:0; left:0; width:22px; background:#8f8f8f; height:4px;transition:all 0.3s;}
.about_r .product_ul ul li:hover em{ color:#fff; background:#213764;}
.about_r .product_ul ul li:hover .h3{ color:#213764;}
.about_r .product_ul ul li:hover .h3:after{ background:#213764;}

/*产品详细*/
.productDetails2{ margin:0 auto; overflow:hidden; position:relative; padding-bottom:2.5%; }
.productDetails2 .information:after{content:"";height:0;display:block;clear:both}
.productDetails2 .product_one_l{ float:left;width:600px;/* overflow:hidden;*/ position:relative; }
.productDetails2 .product_one_l .pro_big2{  overflow:hidden; margin-bottom:10px;border:10px solid #213764;}
.productDetails2 .product_one_l .big_img{width:100%;}
.productDetails2 .information{  overflow:hidden;}
.productDetails2 .information .boxs2{/* margin:0 auto; width:96%; max-width:1540px;*/ margin-top:4%; margin-bottom:6%;}
.productDetails2 .information .conten{ overflow:hidden; position:relative; margin-bottom:20px; min-height:700px; }
.productDetails2 .information .conten .boxs{ width:92%; float:right; }
.productDetails2 .product_one_l .video-play{width:100%; height:100%; position:absolute; left:0; top:0;background:url(../images/i_pic2.png) center center rgba(0,0,0,0.3) no-repeat;  background-size:74px 52px; transition:all 0.3s; cursor:pointer; z-index:6; display:none;}
.productDetails2 .product_one_l .video-play:hover{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.productDetails2 .product_one_l.not .video-play{ display:block;}
.productDetails2 .information .label{font-style: normal;line-height: 28px; height: 28px; padding-left: 5px;padding-right: 5px;  border-radius: 6px;  color: #fff; background: #213764; overflow: hidden; font-size: 20px;  margin-top: 8%;  display: inline-block; vertical-align: top;}
.productDetails2 .information .h2{font-weight:normal; line-height:32px; margin-top:9px;color: #666666; overflow:hidden;font-size:24px; }
.productDetails2 .information .h3{ font-weight:bold; overflow:hidden; line-height:32px; color:#333333; font-size:24px; margin-top:15px;}
.productDetails2 .information .txt{overflow:hidden; color:#666666; font-size:18px; line-height:28px; margin-top:3.5%; padding-top:3.5%; padding-bottom:3.5%;  border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb; }
.productDetails2 .information .txt ul{ margin-top:5px;}
.productDetails2 .information .txt ul li{ /*float:left; width:49%; margin-right:2%; */ display:block;overflow:hidden; margin-bottom:8px; color:#333333;}
.productDetails2 .information .txt ul li:nth-child(2n+0){ margin-right:0;}
.productDetails2 .information .txt ul li label{ float:left; color:#c0c0c0; }
.productDetails2 .information .txt ul li .p2{ overflow:hidden;}
.productDetails2 .information .rend{ margin-top:4%; overflow:hidden; margin-bottom:10%;}
.productDetails2 .information .rend#rend1{ display:none;}
.productDetails2 .information .rend .a{ display:inline-block; vertical-align:top; overflow:hidden;height:48px; line-height:48px; text-align:left;color:#fff;  border-radius:0 10px 0 10px; font-size:20px; margin-top:1.5%;transition:all 0.3s; position:relative; z-index:0; background:#c05c3b;}
.productDetails2 .information .rend .a:after{ content:""; position:absolute; background:#213764; left:0; width:0;top:0; height:100%;transition:all 0.3s; z-index:-1;}
.productDetails2 .information .rend .a:hover:after{ width:100%;/*opacity:0.8;filter:Alpha(opacity=80);*/}
.productDetails2 .information .rend .a span{ display:block;background:url(../images/product_pic1.png) left 24px center no-repeat; background-size:32px 27px; padding-left:20px; padding-right:20px; }
.product_title{ overflow:hidden; position:relative; z-index:0; height:48px; line-height:48px; margin-top:4%;}
.product_title:after{ content:""; position:absolute; background:#d3d3d3; left:0; width:100%;bottom:0; height:1px; z-index:-1;}
.product_title .h4{ font-weight:normal; float:left; border-radius:0 10px 0 10px; background:#393939; color:#fff; font-size:20px; padding-left:40px; padding-right:40px;}
.product_tt{ overflow:hidden; margin-top:2%; font-weight:bold; font-size:18px; color:#3c3c3c; position:relative; line-height:46px;}
.product_tt:after{ content:""; position:absolute; left:0; bottom:0; width:24px; height:4px; background:#213764;}
.product_cons{ overflow:hidden; margin-top:2%; padding-bottom:2%; font-size:16px; color:#333333; line-height:30px;}
.product_cons.bgs2{ border-bottom:1px solid #d3d3d3;}
.product_cons .dl{ overflow:hidden; padding-bottom:1%;}
.product_cons .dl dd{ float:left; width:30%; margin-right:2%;}
.product_cons .dl dd:nth-child(2){ width:36%;}
.product_cons .dl dd:last-child{ margin-right:0;}
.product_cons .ul li{ display:block; overflow:hidden;}
.product_cons .dl dd label{float:left; color:#666666; }
.product_cons .dl dd .p2{ overflow:hidden;}
.product_cons .dl dd.two label{ float:none; display:block;}
.product_cons video{ width:100%;}
.product_cons img{ max-width:100%;}
.product_cons table{border-collapse:collapse;border-spacing:0;}
.product_cons table td{ line-height:22px;height:27px; /*border:1px solid #000;*/}
/*产品放大2*/
.productDetails2 .product_one_l .content_timglt{overflow:hidden; text-align:center; position: relative;  }
.productDetails2 .product_one_l .content_timglt#bid{padding-top:100%;}
.productDetails2 .product_one_l .content_timglt#bid img{position:absolute; top:0; left:0; height:100%;object-fit: cover;}
.productDetails2 .product_one_l .content_timglt img{ width:100%;  overflow: hidden; margin:0 auto; /*border:1px solid #e4e4e4;*/-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.productDetails2 .product_one_l .content_timglt .content_timglt{ width:calc(100% - 0x);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px); }
.productDetails2 .product_one_l #drag_img{width: 160px; height: 120px; background: url(../images/zoom_bg.gif) repeat; float: left; display: none;}
.productDetails2 .product_one_l.not #drag_img{ display:none!important;}
.productDetails2 .information .conten .content_timgr{ width: 580px; height: 580px; float: left; overflow: hidden; display: inline; border: 1px solid #eee; display: none; position: absolute; left: 0; top:0; background-color: #FFF; z-index:9;}
.productDetails2 .information .conten .content_timgr img{ max-width:none;width: 1200px; height:1200px; }
.productDetails2 .information .conten .content_timgr.not{ opacity:0;filter:Alpha(opacity=0);}




/*产品详细*/
#owl-demo6 {
    width: calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    margin: 0 auto;
}

#owl-demo6 .owl-item.loading {
    min-height: 35px;
}

#owl-demo6.owl-theme .owl-controls {
    top: 0;
    height: 0;
}

#owl-demo6.owl-theme .owl-controls .owl-buttons {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0px;
    height: 0;
}

#owl-demo6.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;*display: inline;
    width: 20px;
    height: 81px;
    /*IE7 life-saver*/
    text-indent: 60px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    margin-top: -40px;
}

#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev {
    background: url(../images/left2.png) #e8e8e8 center center no-repeat;
    background-size: 9px 17px;
    float: left;
    margin-left: -25px;
}

#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
    background-image: url(../images/left2_on.png);
    background-color: #213764;
    /*opacity:0.8;filter:Alpha(opacity=80);*/
}

#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next {
    background: url(../images/right2.png) #e8e8e8 center center no-repeat;
    background-size: 9px 17px;
    float: right;
    margin-right: -25px;
}

#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
    background-image: url(../images/right2_on.png);
    background-color: #213764;
    /*opacity:0.8;filter:Alpha(opacity=80);*/
}

#owl-demo6 .item {
    margin: 0px 9px;
}

#owl-demo6 .item img {
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    /*opacity:0.58;filter:Alpha(opacity=58);*/
    object-fit: cover;
}

/*#owl-demo6 .item dd:after{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.3);}*/
#owl-demo6 .item dd {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border: 1px solid #eeeeee;
    padding-top: 100%;
    margin-top: 1px;
}

#owl-demo6 .item dd:Hover {
    /* border:1px solid #01b4ed;*/
}

/*#owl-demo6 .item .psel:after{ background:none;}*/
#owl-demo6 .item .psel {
    border: 1px solid #213764;
}

#owl-demo6 .item .psel img {
    opacity: 1.0;
    filter: Alpha(opacity=100);
}

#owl-demo6 .item dd .h4 {
    font-weight: normal;
    font-size: 12px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 24px;
    line-height: 24px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    text-align: center;
}

#owl-demo6 .item .psel .h4 {
    background: #f49500;
}


/* display none until init*/
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
    -webkit-touch-action: pan-y;
    -moz-touch-action: pan-y;
    -o-touch-action: pan-y;
    touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon*/
.grabbing {
    cursor: url(../images/grabbing.png) 8 8, move;
}

/* fix*/
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

.owl-theme .owl-controls {
    /*margin-bottom:20px;*/
    text-align: center;
}

/* Styling Next and Prev buttons*/
.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;*display: inline;
    width: 38px;
    height: 74px;
    /*IE7 life-saver*/
    text-indent: 40px;
    margin-top: -16%;
    z-index: 9;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
    /*background:url(../images/i_pro_left.png) no-repeat;*/
    float: left;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
    /*background:url(../images/i_pro_left_on.png) no-repeat;*/
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
    /* background:url(../images/i_pro_right.png) no-repeat;*/
    float: right;
}

.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
    /*background:url(../images/i_pro_right_on.png) no-repeat;*/
}

/* Clickable class fix problem with hover on touch devices*/
/* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;*display: inline;
    /*IE7 life-saver*/
    display: none;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 5px 5px;
    /*filter: Alpha(Opacity=50);opacity: 0.5;*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ccc;
}

.owl-theme .owl-controls .owl-page.active span {
    background: #4cb6ed;
}

/* If PaginationNumbers is true 
.owl-theme .owl-controls.clickable .owl-page:hover span*/
.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* preloading images*/
.owl-item.loading {
    min-height: 150px;
    background: url(../images/AjaxLoader.gif) no-repeat center center
}


@media screen and (max-width: 1600px) {

    /*产品详细*/
.productDetails2 .product_one_l{ width:500px;}
.productDetails2 .information .conten .content_timgr{ width:500px; height:500px;}
.productDetails2 .information .conten .content_timgr img{ width: 1000px; height:1000px; }
.productDetails2 .information .conten{ min-height:600px;}
.productDetails2 .information .txt{ font-size:17px;}
}

@media screen and (max-width: 1500px) {

    /*产品详细*/
.productDetails2 .product_one_l{ width:400px;}
.productDetails2 .information .conten .content_timgr{ width:400px; height:400px;}
.productDetails2 .information .conten .content_timgr img{ width: 800px; height:800px; }
.productDetails2 .information .conten{ min-height:500px;}
.productDetails2 .information .h2{ font-size:22px;}
.productDetails2 .information .h3{ font-size:22px; margin-top:10px;}
.productDetails2 .information .label{ margin-top:4%;}
.productDetails2 .information .txt{ padding-top:3%; margin-top:3%; padding-bottom:3%;}
.productDetails2 .information .txt ul li{ margin-bottom:4px;}
}

@media screen and (max-width: 1100px) {

    /*产品详细*/
.productDetails2 .product_one_l .pro_big2{ margin-bottom:11px;}
.productDetails2 .information .conten .content_timgr{ display:none!important;}
.productDetails2 .product_one_l #drag_img{ display:none!important;}
}

@media screen and (max-width: 1000px) {

    /*产品详细*/
.productDetails2 .information .rend{ margin-bottom:7%;}
.product_title{ margin-top:0;}
.productDetails2{ float:none;}
}

@media screen and (max-width: 960px) {

    /*产品详细*/
.productDetails2{ padding-bottom:0%;}
.productDetails2 .product_one_l{ width:100%; float:none; overflow:hidden;}
.productDetails2 .information .conten{ min-height:inherit; margin-top:5%; margin-bottom:0;}
.productDetails2 .information .conten .boxs{ width:100%; max-width:none;}
.productDetails2 .information .label{ margin-top:2%; font-size:18px;}
.productDetails2 .information .rend .a span{ padding-left:57px; background-position:left 20px center;background-size: 28px auto;}
.productDetails2 .information .rend .a{ font-size:18px;}
.productDetails2 .information .rend#rend1{ display:block;margin-bottom:0; margin-top:-60px;}
.productDetails2 .information .rend#rend1 .a{ float:right;}
.productDetails2 .information .rend#rend2{ display:none;}
.productDetails2 .information .txt{ font-size:17px;}
}

@media screen and (max-width: 640px) {

    /*产品详细*/
.productDetails2 .information .label{ font-size:16px;}
.productDetails2 .information .h2{ font-size:20px;}
.productDetails2 .information .h3{ font-size:20px;}
.productDetails2 .information .txt{ font-size:16px;}
.productDetails2 .information .rend#rend1{ margin-top:-45px;}
}

@media screen and (max-width: 480px) {

    /*产品详细*/
.productDetails2 .product_one_l .pro_big2{ border-width:5px;}
.productDetails2 .information .label{ font-size:14px;}
.productDetails2 .information .h2{ font-size:18px; line-height:26px;}
.productDetails2 .information .h3{ font-size:18px; line-height:26px; margin-top:5px;}
.productDetails2 .information .txt{ font-size:14px; line-height:24px;}
.productDetails2 .information .rend .a span{ padding-left:47px; background-position:left 15px center;background-size: 22px auto;}
.productDetails2 .information .rend .a{ font-size:16px; height:40px; line-height:40px;}
}

@media screen and (max-width: 420px) {

    /*产品详细*/
.productDetails2 .information .h2{ font-size:14px; line-height:24px;}
.productDetails2 .information .h3{ font-size:14px; line-height:24px;}
.productDetails2 .information .rend .a{ font-size:14px; height:36px; line-height:36px;}s
}




.protit{ display:block; }

.propagecon { width:100% }
.propagecon  .left-flex{ width:100% }