.about .container .about-box1{background: #fff;}
.about .container .about-box1 .about-box1-left{padding: 2rem;}
.page-son-nav{border-bottom: 1px solid #ddd;}
.page-son-nav-box{display: flex;justify-content: space-between;}
.page-son-nav-box a{padding: 30px 4px;font-weight: 600;}
.page-son-nav-box a:hover{color: #28793f;}
.our-stats{
min-height: 600px;padding: 5rem 0;background: url(../images/product-b.webp);background-size:cover;    background-attachment: fixed;background-repeat: no-repeat;
display: flex;align-items: center;justify-content: center;
}
.our-stats h2{color: #fff;text-align: center;font-size: 2.2rem;}
.our-stats-num ul{display: flex;color: #fff;flex-wrap: wrap;      margin: 0 -5rem;  justify-content: space-between;}
.our-stats-num ul li{width: 33%;text-align: center;margin-top: 7rem;    position: relative;}
.our-stats-num ul li span{    font-size: 3.2rem;font-weight: bold;}
.our-stats-num ul li i{position: absolute;  top: 20%;padding-left: 5px;}
.swiper-box{position: relative;    margin-top: 3rem;}
.about-wrapper{width: 100%;overflow: hidden;    padding: 5rem 0;}
.about-wrapper .box-4 .swiper-container-p{
    padding: 14px 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.about-wrapper .box-4 .swiper-slide {
    background-color: #ffffff;
    box-shadow: 0px 0px 40px 0px rgba(5, 8, 15, 0.07);
    border-radius: 10px;
    width: 20% !important;
    display: flex;
    justify-content: center;
    margin-right: 28px;
    position: relative;
    aspect-ratio: 400 / 200;
}
.about-wrapper .box-4 .swiper-slide img {
    object-fit: contain;margin: 20px 0;
}
.about-wrapper .swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.about-wrapper .swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.about-wrapper .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.our-customer h2{text-align: center;font-size: 2.2rem;}
.cultural_activities{padding: 2rem 0;}
.cultural_activities>.container>h2{text-align: center;}
.cultural_activities_list{

}
.cultural_activities_list li{background-color: #fff;    margin: 2rem 0;}
.cultural_activities_list li a{display: flex;}
.cultural_activities_list .cultural_activities_left{
     position: relative;
    aspect-ratio: 400 / 260; 
    background: #ddd;
    width: 30%;
}
.cultural_activities_list .cultural_activities_left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.cultural_activities_list .cultural_activities_right{
    width: 70%;
    padding: 2rem;
}
.cultural_activities_list .cultural_activities_right h3,.cultural_activities_list .cultural_activities_right p{
    margin-bottom: 1rem;
}
.cultural_activities_right .activities-time{text-align: right;}

.honors-description{}
.honors-description p{font-weight: 500;    margin-bottom: 2rem;}
.page-hoor-center {
    position: relative;
}
.page-hoor-center h3{font-size: 2.2rem;}
.page-hoor-center img{width: 100%;}
.page-hoor-center .box-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 21%;
}
.title-description>div p{
    font-weight: 500;
    font-size: 12px;
    color: #666;
}
.title-description .num{
    font-weight: bold;
    margin-right: 4px;    
    font-size: 3.2rem;
}
.certificates-list{
    display: flex;
    flex-wrap: wrap;
    margin-right: -2%;
}
.certificates-list .certificates-list-box{
    width: 23%;
    margin-right: 2%;
    margin-bottom: 2rem;
    background: #fff;
    padding: 1rem;
    text-align: center;
    box-shadow: rgba(5, 8, 15, 0.07) 0px 0px 40px 0px;
    border-radius: 10px;
}
.certificates-list .certificates-list-box>div{  
    padding: 10%;
}
.certificates-list .certificates-list-box div:nth-child(1){
    aspect-ratio: 400 / 260;
    overflow: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
}
.certificates-list .certificates-list-box div img{
    max-height: 100%;
    cursor:pointer;    
    transition: all 0.5s ease; 
}
.certificates-list .certificates-list-box:hover div img{
    transform: scale(1.1);
}
.page-social-responsibility{
    background: url(../images/socialbg.jpg) no-repeat center center;
    background-size: cover;
    min-height: 680px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    align-items: center;
}
.social-responsibility-title{}
.social-responsibility-title h2{font-size: 2rem;text-transform: uppercase;color: #28793f;font-weight: bold;}
.social-responsibility-title p{}
.social-responsibility-box{line-height: 2; margin-top: 2rem;}
.social-responsibility-right{width: 48%;padding: 5rem 0;}


.responsibility{
    height: 780px;
    background: url(../images/social2bg.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    
}
.responsibility:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background: url(../images/social2bg2.png) no-repeat center center;
    background-size: 100%;
}
.responsibility:after {
    content: "";
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background: url(../images/circle_3.png) no-repeat center center;
    background-size: 100%;
    width: 1100px;
}
.responsibility .container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 1100px;
    padding: 0;
        height: 100%;
}
.responsibility-title{
    text-align: center;
    color: #fff;
    font-size: 2rem;
    margin-top: 2rem;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 10%;
}
.responsibility-box{
    width: 100%;position: relative;margin: 2rem auto;        height: 100%;    margin-top: 10%;overflow: hidden;
}
.responsibility-box .responsibility-body{width: 100%;height: 100%;}
.responsibility-box .logo{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
}
.responsibility-box .logo img{
    max-height: none;
}
.responsibility-box .one{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/circle_1.png);
    animation: circleL 50s linear infinite;
    filter: hue-rotate(98deg);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 600px;
    max-width: 600px;
    transform-origin: center center;
}
.responsibility-box .two{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/circle_2.png);
    animation: circleR 10s linear infinite;
    filter: hue-rotate(98deg);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    width: 436px;
    height: 436px;
    max-width: 436px;
    transform-origin: center center;
}

@keyframes circleL {
  100% {
    transform: translate(-50%, -50%) rotate(-1turn);
  }
}
@keyframes circleR {
  100% {
    transform: translate(-50%, -50%) rotate(1turn);
  }
}

.responsibility-text{
    position: relative;
    width: 100%;
    height: 100%;
}
.responsibility-text li {
    position: absolute;
    z-index: 10;
    width: 282px;
    color: #fff;
    z-index: 999;
}
.responsibility-text li:hover figure figcaption,
.responsibility-text li:hover figure img {
  opacity: 0;
  visibility: hidden;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.responsibility-text li .info{
     font-size: 12px;
    position: absolute;
    padding-left: 0.54rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 10;
    width: 100%;
    right: 0;
    opacity: 0;
    visibility: hidden;
    display: flex
;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    flex-flow: wrap;
    align-content: center;
    align-items: center;
    transition: all 0.35s 
ease;
    -webkit-transition: all 0.35s 
ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
}
.responsibility-text li .info h5{font-weight: bold;margin-bottom: 10px;font-size: 14px;}
.responsibility-text li:nth-child(1) .info h5{width: 100%;text-align: right;}
.responsibility-text li:nth-child(1) .info{text-align: right;right: 50%;position: absolute;}
.responsibility-text li:nth-child(2) .info{left: 20%;position: absolute;}
.responsibility-text li:nth-child(3) .info{left: 20%;position: absolute;}
.responsibility-text li:hover .info {
  opacity: 1;
  visibility: visible;
}
.responsibility-text li figure {
    background-image: url(../images/circle_r.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: right center;
    text-align: center;
    cursor: pointer;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    flex-flow: wrap;
    align-content: center;
    align-items: center;
    filter: hue-rotate(98deg);
    width: 205px;
    height: 205px;
    transition: all 0.48s ease;
    -webkit-transition: all 0.48s ease;
    -moz-transition: all 0.48s ease;
    -ms-transition: all 0.48s ease;
    -o-transition: all 0.48s ease;
}
.responsibility-text li figure figcaption{
    width: 100%;
}
.responsibility-text li figure img {
    display: block;
    margin: 0 auto;
    transition: all 0.48s ease;
    -webkit-transition: all 0.48s ease;
    -moz-transition: all 0.48s ease;
    -ms-transition: all 0.48s ease;
    -o-transition: all 0.48s ease;
}
.responsibility-text li:nth-child(1) {
     left: 15%;
    top: 32%;
}
.responsibility-text li:nth-child(2) {
    top: 6%;
    right: 18%;
}
.our-industry{
    padding: 5rem 0;
}
.responsibility-text li:nth-child(3) {
bottom: 1%;
right: 24%;
}
.industry-box{
    display: flex;justify-content: space-between;
}
.industry-box .our-industry-left{
    width: 55%;
}
.our-industry-introduction{
    scrollbar-width: thin;
    scrollbar-color: #258e3f #f0f0f0;
    height: 340px;
    overflow-y: auto;
    line-height: 2;
    color: #666;
    font-weight: 400;
    font-size: 14px;
    padding-right: 2rem;
}
.our-industry-introduction p{
    margin-bottom: 1rem;
}
.industry-box .our-industry-right{
    width: 42%;
    position: relative;
    aspect-ratio: 400 / 260;
    overflow: hidden;
}


.our-investment .index-title-box h2{ color:#fff;}
.tree-container {
      position: relative;
      width: 100%;
      margin: auto;
    }

    .level-wrapper {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      align-items: self-start;
    }

    .invest-box {
      background: #fff;
      border: 2px solid #000;
      text-align: center;
      line-height: 2;
      transition: 0.3s;
      margin: 5rem 10px;
      position: relative;
      z-index: 2;
      padding: 0.1rem;
      border-radius: 4px;
    }

    .invest-box:hover {
      background: #d4f7d4;
      border-color: #2ecc71;
    }

    svg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 1;
    }
    .our-investment{
        background:url(../images/about2bg.jpg);
        padding: 5rem 0;
        text-align: center;
        color: #fff;
    }
     .our-investment .index-title-box h2{ color:#fff;}
    .link {
      stroke: #27ae60;
      stroke-width: 2;
      fill: none;
    }

    .glow {
      fill: #2ecc71;
      r: 4;
    }
    #level-1 .invest-box { padding: 0.1rem 0.5rem; background: #1c8037;color: #fff;     background-image: linear-gradient(0deg, #28793f 0%, #90e693 100%);border-color: #2ecc71;}
    #level-2 .invest-box { flex: 1; background: #1c8037;color: #fff;     background-image: linear-gradient(0deg, #28793f 0%, #90e693 100%);
        overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    height: 5rem;
    display: flex
;
    align-items: center;
    text-align: center;
    justify-content: center;
    }
    #level-3 .invest-box {     flex: 1;
    background: #1c8037;
    color: #fff;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
        background-image: linear-gradient(0deg, #28793f 0%, #90e693 100%);
 }

 .Industry-Layout{
    position: relative;
    background: url(../images/research2bg.jpg) no-repeat center center;
    background-size: cover;
    height:980px;
    overflow: hidden;
 }
.Industry-Layout .title-box{position: absolute; width: 100%;text-align: center;margin-top: 3%;}
 .Industry-Layout .container{
    height: 100%;
 }
 .Industry-Layout-box{
       position: relative;
    width: 1042px;
    height: 1042px;
    border: 2px dashed rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
 }
 .Industry-Layout-list{
    position: relative;
    width: 635px;
    height: 635px;
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

 }
 .Industry-Layout-list .ball:before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/ball2.png) no-repeat center center;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    animation: circleL1 50s linear infinite;
}
.Industry-Layout-list .ball img {
    display: block;
    width: 26.57%;
     position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
}
@keyframes circleL1 {
  100% {
    transform: rotate(-1turn);
  }
}
@keyframes circleR1 {
  100% {
    transform: rotate(1turn);
  }
}

.investment-company {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 50%;
  border: 2px dashed #ccc; /* 辅助线 */
  /* animation: rotate-circle 50s linear infinite;  */
}
/* @keyframes rotate-circle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.investment-company li span {
  display: inline-block;
  transform: rotate(-360deg); 
  animation: counter-rotate 50s linear infinite;
}
@keyframes counter-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); }
} */
/* li 基础设置 */
.investment-company li {
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75px;
    height: 75px;
    color: #fff;
    background: #279545;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
        font-size: 12px;
            padding: 5px;
}
.Industry-structure{
    padding: 5rem 0;
    background: url(../images/14.jpg) no-repeat;
    background-size: cover;
}
.Industry-structure-box ul{    display: flex;flex-wrap: wrap;margin-right: -2.3%;}
.Industry-structure-box ul li{width: 31%;    width: 31%;margin-right: 2.3%;margin-top: 2.3%;
    background-color: #fff;
    box-shadow: 0px 0px 40px 0px rgba(5, 8, 15, 0.15);
    border-radius: 1rem;
    padding: 2rem

}
.Industry-structure-box ul li h4{    margin-bottom: 1rem;}
.Industry-structure-box ul li p{    margin-bottom: 1rem;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; /* 限制行数 */
  overflow: hidden;
  text-overflow: ellipsis;}
.Industry-structure-box ul li a{
    display: block;
    text-align: right;
    text-transform: capitalize;
}
.Industry-structure-box ul li a i{color: #28793f; margin-right: 5px;}

.rd-box1{ padding: 5rem 0;}
.rd-box1 .container>h2{text-align: center;}
.RD-Centers{display: flex;flex-wrap: wrap;justify-content: space-between;}
.RD-Centers>div{width: 48%;    background: #fff;    padding-bottom: 1rem;}
.RD-Centers>div p{margin-top: 1rem; padding:0 1rem;}
.RD-Centers>div p i{ color: #28793f;margin-right: 0.8rem;font-size: 14px;}
.RD-Centers>div h3{padding:0 1rem;}
.RD-Centers img{width: 100%;margin-bottom: 1rem;}

.rd-box2{
    background: url(../images/rdbg01.webp) no-repeat center center;
    background-size: cover;
    padding: 8rem 0;
}
.rd-box2 .title-box{color: #fff;}
.RD-System{overflow: hidden;}
.RD-System ul{ display: flex;flex-wrap: wrap;    margin-right: -2%;}
.RD-System ul li{
        width: 23%;
    background: #fff;
    margin-right: 2%;
    padding: 3rem 2rem;
    border-radius: 1rem;
    line-height: 2;
}
.RD-System ul li h3{
    text-align: center;
    border-bottom: 1px solid #28793f;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}
.RD-System ul li p{}
.rd-box3{
    padding: 5rem 0;
    background: #FFf;
}
.RD-Technology-box{
    display: flex;
    flex-wrap: wrap;
    margin-top: 4rem;
}
.RD-Technology-box>div{width: 50%;}
.RD-Technology-box>div ul{
    padding-left: 2rem;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.RD-Technology-box>div ul h3{
        color: #28793f;
    margin-bottom: 1rem;
}
.rd-box4{
     padding: 5rem 0;
}
.RD-Labs ul{display: flex;flex-wrap: wrap;    margin-right: -2%;}
.RD-Labs ul li{    width: 23%;
    margin-right: 2%;
    margin-bottom: 2%;
    border-radius: 0.5rem;
    overflow: hidden;}
.RD-Labs ul li img{}
.service-box1{padding: 5rem 0;}
.service-system{display: flex;flex-wrap: wrap;}
.service-system>div{width: 50%;line-height: 2;}
.service-system .service-system-left{padding-right: 2rem;}
.service-system .service-system-right img{height: 100%;}
.service-system>div h3{ margin-top: 2rem; }
.service-system>div p{font-size: 14;margin-bottom: 1rem;}
.service-system .service-system-list{width: 100%;}
.service-system .service-system-list ul{display: flex;justify-content: space-between;}
.service-system .service-system-list ul li{
    flex: 1;
    text-align: center;
    margin-top: 4rem;
    margin-bottom: 3rem;
    padding: 0 2rem;
}
.service-system .service-system-list ul li img{
margin: 0 auto;
filter: hue-rotate(98deg);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
 max-height: 5rem;
}
.service-box2{
    background: url(../images/fwbg01.webp) no-repeat center bottom;
    background-size: cover;
    color: #fff;
    padding: 5rem 0;
}
.supply-list{line-height: 2;}
.supply-list ul{display: flex;justify-content: space-between;}
.supply-list ul li{
    flex: 1;
    text-align: center;
    margin-top: 4rem;
    margin-bottom: 3rem;
    padding: 0 2rem;
}
.supply-list-box{margin-top: 2rem;}
.supply-list ul li p{font-size: 14px;margin-bottom: 1rem;}
.supply-list ul li h3{font-weight: bold;font-size: 1.5rem;margin-bottom: 1rem;}
.service-box3{padding: 5rem 0;}
.supply-list-box ul{display: flex;margin-right: -3.3%;}
.supply-list-box ul li{width: 30%;margin-right: 3.3%;}
.supply-list-box ul li h3,.supply-list-box ul li p{    padding: 0.5rem 0;}
.supply-list-box ul li p{font-size: 14px;}
.service-box4{
    background: url(../images/service.jpg) no-repeat center bottom;
    background-size: cover;
    padding: 5rem 0;

}
.service-box4 h2{color: #fff;margin-bottom: 3rem;}
.supply-list-quality ul{display: flex;text-align: center;line-height: 2; margin-right: -1%;}
.supply-list-quality ul li{
    background: #fff;
    width: 19%;
    margin-right: 1%;
    padding: 1rem;
   
}
.supply-list-quality ul li h3{
    font-size: 1rem;
    font-weight: bold;
    color: #000;
    margin: 1rem 0;
}
.supply-list-quality ul li p{font-size: 14px;}
.supply-list-quality ul li span{font-size: 3rem;color: #1c8037;font-weight: bold;}
.service-box5{background: #fff; padding: 5rem 0;}
.service-network{display: flex; flex-wrap: wrap;    margin-top: 3rem;}
.service-network-left{    width: 75%;}
.service-network-right{ 
    width: 25%;
    line-height: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.service-network-right h3{width: 100%; color: #28793f; font-weight: bold;}
.service-network-right span{width: 50%;}
@media screen and (max-width: 1600px) {
.about-wrapper .box-4 .swiper-slide img{} 
.page-social-responsibility{min-height: 580px;}
.responsibility:after{width: 780px;}
.responsibility .container{width: 780px;}
.responsibility-box .one{height: 421px;width: 421px;}
.responsibility-box .two{height: 293px;width: 293px;}
.responsibility-text li figure{    transform: scale(0.8);}
.responsibility-text li:nth-child(2) {top: 14%;right: 12%;}
.Industry-Layout-list{width: 500px;height: 500px;}
.Industry-Layout{height: 780px;}
}
@media (min-width: 1200px) {
    .page-son-nav>p{display: none;justify-content: space-between;}
}
@media (min-width: 1600px){
    .our-stats{height: 700px;}
    
}
@media (max-width: 1200px) {
   .page-son-nav{margin: 0;  position: absolute; background: #fff;width: 100%;}
   .page-son-nav>p{display: flex;justify-content: space-between; padding: .5em 1rem;font-weight: bold;background: #28793f; color: #fff;}
   .page-son-nav-box{flex-wrap: wrap;}
   .page-son-nav-box a{display: block;width: 100%;border-top: 1px solid #28793f;    padding: 10px 0;background: #28793f;        color: #fff !important; padding-left: 10px;border-bottom: 1px solid #fff;}
    .about-wrapper{padding: 1rem 0;}
    .about-wrapper .box-4 .swiper-slide{width: 32%  !important;}
   .page-son-nav .container{display: none;}
   .about-box1-left h3{margin-bottom: 0;}
   .about-box1-left{margin: 2rem 0;}
   .our-stats{min-height: auto;}
   .our-stats-num ul li{width: 50%; margin-top: 2rem;}
   .our-stats-num ul{margin: 0;}
   .our-stats-num ul li span{font-size: 1.5rem;}
   .responsibility:after{display: none;}
   .responsibility-title{font-size: 1rem;font-weight: bold;}
   .industry-box{    flex-wrap: wrap;}
   .industry-box .our-industry-left{width: 100%;}
   .industry-box .our-industry-right{width: 100%;}
   .our-industry-left .about-box1-left ul li{width: 32%;}
   .our-industry-left .title-description .num{        font-size: 1.5rem;}
   .Industry-structure-box ul li{width: 47%;}
   .RD-System ul li{width: 48%;        margin-bottom: 2%;}
   .service-system>div{width: 100%;}
   .service-system .service-system-list ul{flex-wrap: wrap;}
   .service-system .service-system-list ul li{        width: 100%;flex: auto; border: 1px solid #ddd; margin: 1rem 0;padding: 1rem;}
    .supply-list ul{flex-wrap: wrap;}
   .supply-list ul li{flex: auto;width: 100%;margin: 1rem; border: 1px solid #fff;padding: 1rem;}
   .supply-list-box ul{flex-wrap: wrap; margin-right: 0%;}
   .supply-list-box ul li{width: 100%;    margin-right: 0%; margin-bottom: 2rem;}
   .supply-list-quality ul{flex-wrap: wrap;margin-right: 0;}
   .supply-list-quality ul li{width: 100%;margin-right: 0;margin-bottom: 1rem;}
   .service-network-left{width: 100%;}
   .service-network-right{width: 100%;}
}
@media (max-width: 780px) {
    .cultural_activities_list .cultural_activities_right,.cultural_activities_list .cultural_activities_left{width: 100%;}
    .cultural_activities_list .cultural_activities_right{padding: 1rem;}
    .cultural_activities_list li a {flex-wrap: wrap;}
    .title-description .num{font-size: 2.2rem;}
    .page-hoor-center h3 {font-size: 1.2rem;}
    .certificates-list .certificates-list-box{width: 48%;}
    .social-responsibility-right{width: 100%;}q 
    .social-responsibility-title h2{font-size: 1.5rem;}
    .responsibility-box .logo{width: 27%;}
    .responsibility-text li figure{width: 100%;}
    .responsibility-text li figure img{width: 35px;height: 35px;}
    .responsibility-text ul{display: flex;}
    #level-2 .invest-box{
                flex: auto;
        width: 30%;
            margin: 1rem 10px;
    }
    .Industry-structure-box ul li{width:100%;}

    .responsibility-text{top: 50%;}
    .responsibility-text li{width: 100%;        position: initial;}
    .responsibility-text li .info{left: 0;
    /* opacity: 1;
    visibility: visible; */
    text-align: left !important;
            left: 0% !important;
        padding: 2%;
            top: 36%;
}
    .responsibility-box .two,.responsibility-box .one,.responsibility-box .logo{top:38%;}
    /* .responsibility-text li figure img,.responsibility-text li figure figcaption,.responsibility-text li figure{display: none;} */
    .responsibility-text li .info h5{display: none;}
    .responsibility-text li:hover figure figcaption,
.responsibility-text li:hover figure img {
  opacity: 1;
  visibility: initial;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.Industry-Layout{height: 480px;}
.Industry-Layout-box{width: 680px;height: 680px;}
.Industry-Layout-list{width: 300px;height: 300px;}
.RD-Centers>div{width: 100%;        margin-bottom: 1rem;}
.RD-System ul li{width: 100%;margin-right: 0%;}
.RD-System ul{margin-right: 0;}
.rd-box2{    padding: 2rem 0;}
.RD-Technology-box>div{width: 100%;}
.RD-Technology-box>div ul{padding-left: 0;padding-top: 2rem;}
.rd-box3{padding: 2rem 0;}
.RD-Technology .title-description .num{font-size: 1.2rem;}
.RD-Technology .title-description>div{ margin: 0; flex: 1;}
.RD-Technology-box>div ul h3{margin-top: 1rem;}
.RD-Labs ul li{width: 48%;}
}