.aboutVisionMain { padding: 40px 0px; background-image: url('../images/202601/partner/rencaimubiao.png'); background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; position: relative; }
.aboutVisionMain .container { position: relative; -webkit-transition: all 1s; transition: all 1s; }

.aboutVisionMain .title { font-size: 42px; line-height: 1; text-transform: uppercase; opacity: 1; visibility: visible; -webkit-transition: all .8s; transition: all .8s; left: 0px; top: 0px; color: #fff; }

.aboutVisionMain .title p { margin-bottom: 0px; letter-spacing: 0px; }

.aboutVisionMain .title p:nth-child(1) { -webkit-text-stroke: 0.5px #fff; -webkit-text-fill-color: transparent; color: #fff; }

.aboutVisionMain .title p:nth-child(2) { background-image: -webkit-gradient(linear, left top, right top, from(#8e8e90), to(#fff)); background-image: linear-gradient(to right, #8e8e90, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.aboutVisionMain .aboutVision .line { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; display: none; width: 300%; height: 2px; background: rgba(255, 255, 255, 0.5); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.aboutVisionMain .aboutVision .line span { width: 2px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 70px; display: block; height: 40px; background: rgba(255, 255, 255, 0.2); }

.aboutVisionMain .aboutVision .line::after { content: ''; position: absolute; left: -35px; top: 50%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; background: #fff; }

.aboutVisionMain .aboutVision { padding-right: 0px; position: relative; }

.aboutVisionMain .aboutVision .list { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; padding-top: 30px; }

.aboutVisionMain .aboutVision .list .content2 { position: relative; }

.aboutVisionMain .aboutVision .list .content2 .listTitle { margin-top: 20px; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 0.5); }

.aboutVisionMain .aboutVision .list .content2 .listTitle::after { display: block; width: 15px; height: 2px; background: #ff0000; content2: ''; margin-left: 10px; }

.aboutVisionMain .aboutVision .list .content2 .desc { padding-top: 5px; font-size: 20px; line-height: 25px; color: #fff; }

.aboutVisionMain .aboutVision .list .content2 .icon { position: relative; left: 0px; top: 0px; width: 100px; height: 100px; }

.aboutVisionMain .aboutVision .list .content2 .icon span { position: absolute; width: 100%; height: 100%; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid rgba(255, 255, 255, 0.3); }

.aboutVisionMain .aboutVision .list:nth-child(1) .content2 .icon span { right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.aboutVisionMain .aboutVision .list:nth-child(1) .content2 .icon span:nth-child(1) { width: 50%; height: 50%; }

.aboutVisionMain .aboutVision .list:nth-child(1) .content2 .icon span:nth-child(2) { width: 65%; height: 65%; }

.aboutVisionMain .aboutVision .list:nth-child(1) .content2 .icon span:nth-child(3) { width: 85%; height: 85%; }

.aboutVisionMain .aboutVision .list:nth-child(3) { padding-top: 60px; }

.aboutVisionMain .aboutVision .list:nth-child(3) .content2 .icon { width: 60px; height: 60px; margin-left: 30px; }

.aboutVisionMain .aboutVision .list:nth-child(3) .listTitle { margin-top: 40px; }




/* 新增第四个 */
.aboutVisionMain .aboutVision .list:nth-child(4) .content2 .icon span { right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.aboutVisionMain .aboutVision .list:nth-child(4) .content2 .icon span:nth-child(4) { width: 50%; height: 50%; }

.aboutVisionMain .aboutVision .list:nth-child(4) .content2 .icon span:nth-child(3) { width: 65%; height: 65%; }

.aboutVisionMain .aboutVision .list:nth-child(4) .content2 .icon span:nth-child(2) { width: 85%; height: 85%; }
/* 新增结束 */


.aboutMain { padding: 40px 0px 0px; }

.aboutMain .aboutTitle { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.aboutMain .aboutDesc { text-align: center; }

.aboutMain .aboutBox { padding: 35px 0px 50px; width: 100% !important; }

.aboutMain .aboutBox .imgBox { position: relative; width: 100%; padding-bottom: 30px; }

.aboutMain .aboutBox .imgBox img { width: 100%; display: none; -webkit-border-radius: 15px; border-radius: 15px; }

.aboutMain .aboutBox .imgBox img:nth-child(1) { display: block; }

.aboutMain .aboutBox .about { padding: 0px; }

.aboutMain .aboutBox .about .list { border-bottom: 1px solid #cacaca; overflow: hidden; height: 13.5%; }

.aboutMain .aboutBox .about .list .listTitle { height: 50px; font-size: 18px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #010101; -webkit-transition: all .6s; transition: all .6s; cursor: pointer; }

.aboutMain .aboutBox .about .list .listTitle i { font-size: 12px; position: relative; top: -4px; margin-left: 10px; color: #ff0000; font-weight: 600; -webkit-transition: all .6s; transition: all .6s; }

.aboutMain .aboutBox .about .list .desc { font-size: 14px; line-height: 24px; color: #7e7e7e; }

.aboutMain .aboutBox .about .list .iconList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 0px 15px; }

.aboutMain .aboutBox .about .list .iconList .content { width: 25%; border-right: 1px solid #ededed; padding: 0px 0px 15px; }

.aboutMain .aboutBox .about .list .iconList .content .icon { text-align: center; }

.aboutMain .aboutBox .about .list .iconList .content .icon img { height: 30px; vertical-align: middle; }

.aboutMain .aboutBox .about .list .iconList .content .text { padding-top: 10px; font-size: 12px; color: #7e7e7e; text-align: center; }

.aboutMain .aboutBox .about .list .iconList .content:first-child { padding-left: 0vw; }

.aboutMain .aboutBox .about .list .iconList .content:last-child { padding-right: 0vw; border-right: none; }

.aboutMain .aboutBox .about .list:first-child { border-top: 1px solid #cacaca; height: auto; }










@-webkit-keyframes circleRight1 { 0% { right: 0%; }
  50% { right: 50%; }
  100% { right: 50%; } }

@keyframes circleRight1 { 0% { right: 0%; }
  50% { right: 50%; }
  100% { right: 50%; } }

@-webkit-keyframes circleRight2 { 0% { right: 0%; }
  50% { right: 35%; }
  100% { right: 35%; } }

@keyframes circleRight2 { 0% { right: 0%; }
  50% { right: 35%; }
  100% { right: 35%; } }

@-webkit-keyframes circleRight3 { 0% { right: 0%; }
  50% { right: 15%; }
  100% { right: 15%; } }

@keyframes circleRight3 { 0% { right: 0%; }
  50% { right: 15%; }
  100% { right: 15%; } }

.aboutVisionMain .aboutVision .list:nth-child(2) .content2 .icon span:nth-child(1) { left: 0%; }

.aboutVisionMain .aboutVision .list:nth-child(2) .content2 .icon span:nth-child(2) { left: 25%; }

.aboutVisionMain .aboutVision .list:nth-child(2) .content2 .icon span:nth-child(3) { left: 50%; }

.aboutVisionMain .aboutVision .list:nth-child(2) .content2 .icon span:nth-child(4) { left: 75%; }

@-webkit-keyframes circleRight4 { 0% { left: 0%;
    opacity: 0; }
  50% { left: 25%;
    opacity: 1; }
  100% { left: 25%;
    opacity: 1; } }

@keyframes circleRight4 { 0% { left: 0%;
    opacity: 0; }
  50% { left: 25%;
    opacity: 1; }
  100% { left: 25%;
    opacity: 1; } }

@-webkit-keyframes circleRight5 { 0% { left: 0%;
    opacity: 0; }
  50% { left: 50%;
    opacity: 1; }
  100% { left: 50%;
    opacity: 1; } }

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

@-webkit-keyframes circleRight6 { 0% { left: 0%;
    opacity: 0; }
  50% { left: 75%;
    opacity: 1; }
  100% { left: 75%;
    opacity: 1; } }

@keyframes circleRight6 { 0% { left: 0%;
    opacity: 0; }
  50% { left: 75%;
    opacity: 1; }
  100% { left: 75%;
    opacity: 1; } }

.aboutVisionMain .aboutVision .list:nth-child(3) .content2 .icon span:nth-child(1) { left: -50%; }

.aboutVisionMain .aboutVision .list:nth-child(3) .content2 .icon span:nth-child(2) { left: 50%; }

.aboutVisionMain .aboutVision .list:nth-child(3) .content2 .icon span:nth-child(3) { top: -50%; }

.aboutVisionMain .aboutVision .list:nth-child(3) .content2 .icon span:nth-child(4) { top: 50%; }

@-webkit-keyframes circleRight7 { 0% { left: 0px; }
  50% { left: -50%; }
  100% { left: -50%; } }

@keyframes circleRight7 { 0% { left: 0px; }
  50% { left: -50%; }
  100% { left: -50%; } }

@-webkit-keyframes circleRight8 { 0% { left: 0px; }
  50% { left: 50%; }
  100% { left: 50%; } }

@keyframes circleRight8 { 0% { left: 0px; }
  50% { left: 50%; }
  100% { left: 50%; } }

@-webkit-keyframes circleRight9 { 0% { top: 0px; }
  50% { top: -50%; }
  100% { top: -50%; } }

@keyframes circleRight9 { 0% { top: 0px; }
  50% { top: -50%; }
  100% { top: -50%; } }

@-webkit-keyframes circleRight10 { 0% { top: 0px; }
  50% { top: 50%; }
  100% { top: 50%; } }

@keyframes circleRight10 { 0% { top: 0px; }
  50% { top: 50%; }
  100% { top: 50%; } }

.aboutVisionMain.animat .aboutVision .list:nth-child(1) .content2 .icon span:nth-child(1) { -webkit-animation: circleRight1 2s linear infinite alternate-reverse; animation: circleRight1 2s linear infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(1) .content2 .icon span:nth-child(2) { -webkit-animation: circleRight2 2s linear infinite alternate-reverse; animation: circleRight2 2s linear infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(1) .content2 .icon span:nth-child(3) { -webkit-animation: circleRight3 2s linear infinite alternate-reverse; animation: circleRight3 2s linear infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(2) .content2 .icon span:nth-child(2) { -webkit-animation: circleRight4 2s infinite alternate-reverse; animation: circleRight4 2s infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(2) .content2 .icon span:nth-child(3) { -webkit-animation: circleRight5 2s infinite alternate-reverse; animation: circleRight5 2s infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(2) .content2 .icon span:nth-child(4) { -webkit-animation: circleRight6 2s infinite alternate-reverse; animation: circleRight6 2s infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(3) .content2 .icon span:nth-child(1) { -webkit-animation: circleRight7 2s infinite alternate-reverse; animation: circleRight7 2s infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(3) .content2 .icon span:nth-child(2) { -webkit-animation: circleRight8 2s infinite alternate-reverse; animation: circleRight8 2s infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(3) .content2 .icon span:nth-child(3) { -webkit-animation: circleRight9 2s infinite alternate-reverse; animation: circleRight9 2s infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(3) .content2 .icon span:nth-child(4) { -webkit-animation: circleRight10 2s infinite alternate-reverse; animation: circleRight10 2s infinite alternate-reverse; }

/* 新增的第四个 */
.aboutVisionMain.animat .aboutVision .list:nth-child(4) .content2 .icon span:nth-child(1) { -webkit-animation: circleRight1 2s linear infinite alternate-reverse; animation: circleRight1 2s linear infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(4) .content2 .icon span:nth-child(2) { -webkit-animation: circleRight2 2s linear infinite alternate-reverse; animation: circleRight2 2s linear infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(4) .content2 .icon span:nth-child(3) { -webkit-animation: circleRight3 2s linear infinite alternate-reverse; animation: circleRight3 2s linear infinite alternate-reverse; }



@media (min-width: 768px) {

  .aboutVisionMain { padding: 8.125vw 0vw; }
  .aboutVisionMain .container { padding-left: 52.5vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .aboutVisionMain .title { font-size: 9.813vw; left: 0vw; top: 0vw; position: absolute; text-align: right; }
  .aboutVisionMain .title p { margin-bottom: -1.563vw; letter-spacing: -0.375vw; }
  .aboutVisionMain .aboutVision .line { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 300%; height: 0.125vw; background: rgba(255, 255, 255, 0.5); display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .aboutVisionMain .aboutVision .line span { width: 0.125vw; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 4.375vw; height: 2.5vw; background: rgba(255, 255, 255, 0.2); }
  .aboutVisionMain .aboutVision .line::after { left: -2.188vw; width: 2.5vw; height: 2.5vw; }
  .aboutVisionMain .aboutVision { padding-right: 21.875vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
  .aboutVisionMain .aboutVision .list { padding-top: 0vw; }
  .aboutVisionMain .aboutVision .list .content2 .listTitle { font-size: 1vw; margin-top: 0px; }
  .aboutVisionMain .aboutVision .list .content2 .listTitle::after { width: 1.25vw; height: 0.188vw; margin-left: 0.625vw; }
  .aboutVisionMain .aboutVision .list .content2 .desc { padding-top: 0.625vw; font-size: 1.875vw; line-height: 2.188vw; }
  .aboutVisionMain .aboutVision .list .content2 .icon { position: absolute; left: 0vw; top: 0vw; width: 11.875vw; height: 11.875vw; margin: 0vw; }
  .aboutVisionMain .aboutVision .list:nth-child(1) { padding-left: 12.5vw; }
  .aboutVisionMain .aboutVision .list:nth-child(1) .content2 .icon { left: -13.75vw; top: -1.563vw; }
  .aboutVisionMain .aboutVision .list:nth-child(1) .content2 .icon span { right: 0vw; }
  .aboutVisionMain .aboutVision .list:nth-child(2) { -webkit-transform: translateX(-12.5vw); -ms-transform: translateX(-12.5vw); transform: translateX(-12.5vw); padding-left: 25vw; }
  .aboutVisionMain .aboutVision .list:nth-child(2) .content2 .icon { left: -24.375vw; top: -1.875vw; }
  .aboutVisionMain .aboutVision .list:nth-child(3) { -webkit-transform: translateX(-21.875vw); -ms-transform: translateX(-21.875vw); transform: translateX(-21.875vw); padding-top: 0vw; padding-left: 12.5vw; }
  .aboutVisionMain .aboutVision .list:nth-child(3) .content2 .icon { left: -13.75vw; top: -1.875vw; width: 6.25vw; height: 6.25vw; }
  .aboutVisionMain .aboutVision .list:nth-child(2n) { padding-top: 18.75vw; }
  .aboutVisionMain.animat .container { -webkit-transform: translateX(-50vw); -ms-transform: translateX(-50vw); transform: translateX(-50vw); }
  .aboutVisionMain.animat .container .title { opacity: 0; visibility: hidden; }

    /* 新增的第四个 */
      .aboutVisionMain .aboutVision .list:nth-child(4) { -webkit-transform: translateX(-12.5vw); -ms-transform: translateX(-12.5vw); transform: translateX(-12.5vw); padding-left: 25vw; }
  .aboutVisionMain .aboutVision .list:nth-child(4) .content2 .icon { left: -24.375vw; top: -1.875vw; }
  /* 新增结束 */
  .aboutMain { padding: 5.625vw 0vw 0vw; }
  .aboutMain .aboutBox { padding: 4.688vw 0vw 6.875vw; }
  .aboutMain .aboutBox .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .aboutMain .aboutBox .imgBox { width: 46.25vw; padding-bottom: 0vw; }
  .aboutMain .aboutBox .imgBox img { width: 100%; -webkit-border-radius: 0.938vw; border-radius: 0.938vw; position: absolute; display: block; left: 0px; top: 0px; height: 100%; object-fit: cover; opacity: 0; -webkit-transition: all .6s; transition: all .6s; visibility: hidden; }
  .aboutMain .aboutBox .imgBox img.showImg { opacity: 1; visibility: visible; }
  .aboutMain .aboutBox .about { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 47.5vw; padding: 0vw 0vw 0vw 5vw; }
  .aboutMain .aboutBox .about .list { height: 13.5%; }
  .aboutMain .aboutBox .about .list .listTitle { height: 6.25vw; font-size: 1.875vw; color: #cacaca; }
  .aboutMain .aboutBox .about .list .listTitle i { font-size: 0.75vw; top: -0.25vw; color: #cacaca; margin-left: 0.625vw; }
   .aboutMain .aboutBox .about .list .listTitle span{font-size: small;margin-left: 10px;margin-top: -10px}
  .aboutMain .aboutBox .about .list .desc { font-size: 1.063vw; line-height: 1.75vw; }
   .aboutMain .aboutBox .about .list .desctitle { font-size: 18px;color: #323232;line-height: 24px;margin-bottom:6px }
  
  .aboutMain .aboutBox .about .list .iconList { padding: 5vw 0vw; }
  .aboutMain .aboutBox .about .list .iconList .content { width: auto; border-right: 0.063vw solid #ededed; padding: 0vw 2.813vw; }
  .aboutMain .aboutBox .about .list .iconList .content .icon img { height: 2.563vw; }
  .aboutMain .aboutBox .about .list .iconList .content .text { padding-top: 0.625vw; font-size: 0.938vw; }
  .aboutMain .aboutBox .about .list.cur .listTitle { color: #010101; }
  .aboutMain .aboutBox .about .list.cur .listTitle i { color: #ff0000; }
  .aboutMain .aboutBox .about .list.cur .listTitle span {color: #033EAA;}

}

@media (min-width: 992px) { 
  .aboutVisionMain { padding: 6.771vw 0vw; }
  .aboutVisionMain .container { padding-left: 43.75vw; }
  .aboutVisionMain .title { font-size: 8.177vw; left: 0vw; top: 0vw; }
  .aboutVisionMain .title p { margin-bottom: -1.302vw; letter-spacing: -0.313vw; }
  .aboutVisionMain .aboutVision .line { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; width: 300%; height: 0.104vw; background: rgba(255, 255, 255, 0.5); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .aboutVisionMain .aboutVision .line span { width: 0.104vw; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 3.646vw; height: 2.083vw; background: rgba(255, 255, 255, 0.2); }
  .aboutVisionMain .aboutVision .line::after { left: -1.823vw; width: 2.083vw; height: 2.083vw; }
  .aboutVisionMain .aboutVision { padding-right: 18.229vw; }
  .aboutVisionMain .aboutVision .list .content2 .listTitle { font-size: 0.833vw; }
  .aboutVisionMain .aboutVision .list .content2 .listTitle::after { width: 1.042vw; height: 0.156vw; margin-left: 0.521vw; }
  .aboutVisionMain .aboutVision .list .content2 .desc { padding-top: 0.521vw; font-size: 1.563vw; line-height: 1.823vw; }
  .aboutVisionMain .aboutVision .list .content2 .icon { left: 0vw; top: 0vw; width: 9.896vw; height: 9.896vw; }
  .aboutVisionMain .aboutVision .list:nth-child(1) { padding-left: 10.417vw; }
  .aboutVisionMain .aboutVision .list:nth-child(1) .content2 .icon { left: -11.458vw; top: -1.302vw; }
  .aboutVisionMain .aboutVision .list:nth-child(1) .content2 .icon span { right: 0vw; }
  .aboutVisionMain .aboutVision .list:nth-child(2) { -webkit-transform: translateX(-10.417vw); -ms-transform: translateX(-10.417vw); transform: translateX(-10.417vw); padding-left: 10.833vw; }
  .aboutVisionMain .aboutVision .list:nth-child(2) .content2 .icon { left: -20.313vw; top: -1.563vw; }
  .aboutVisionMain .aboutVision .list:nth-child(3) { -webkit-transform: translateX(-18.229vw); -ms-transform: translateX(-18.229vw); transform: translateX(-18.229vw); padding-left: 10.417vw; }
  .aboutVisionMain .aboutVision .list:nth-child(3) .content2 .icon { left: -11.458vw; top: -1.563vw; width: 5.208vw; height: 5.208vw; }
  .aboutVisionMain .aboutVision .list:nth-child(2n) { padding-top: 15.625vw; }
  .aboutVisionMain.animat .container { -webkit-transform: translateX(-41.667vw); -ms-transform: translateX(-41.667vw); transform: translateX(-41.667vw); }

  /* 新增的第四个 */
  .aboutVisionMain .aboutVision .list:nth-child(4) { -webkit-transform: translateX(-10.417vw); -ms-transform: translateX(-10.417vw); transform: translateX(-22.417vw); padding-left: 10.833vw; }
  .aboutVisionMain .aboutVision .list:nth-child(4) .content2 .icon { left: -17.313vw; top: -1.563vw; }
  /* 新增结束 */
}

@media (min-width: 1600px) { 
  .aboutVisionMain { padding: 130px 0px; }
  .aboutVisionMain .container { padding-left: 840px; }
  .aboutVisionMain .title { font-size: 157px; left: 0px; top: 0px; }
  .aboutVisionMain .title p { margin-bottom: -25px; letter-spacing: -6px; }
  .aboutVisionMain .aboutVision .line { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; width: 300%; height: 2px; background: rgba(255, 255, 255, 0.5); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .aboutVisionMain .aboutVision .line span { width: 2px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 70px; height: 40px; background: rgba(255, 255, 255, 0.2); }
  .aboutVisionMain .aboutVision .line::after { left: -35px; width: 40px; height: 40px; }
  .aboutVisionMain .aboutVision { padding-right: 350px; }
  .aboutVisionMain .aboutVision .list .content2 .listTitle { font-size: 16px; }
  .aboutVisionMain .aboutVision .list .content2 .listTitle::after { width: 20px; height: 3px; margin-left: 10px; }
  .aboutVisionMain .aboutVision .list .content2 .desc { padding-top: 10px; font-size: 24px; line-height: 35px; }
  .aboutVisionMain .aboutVision .list .content2 .icon { left: 0px; top: 0px; width: 120px; height: 120px; }
  .aboutVisionMain .aboutVision .list:nth-child(1) { padding-left: 264px; }
  .aboutVisionMain .aboutVision .list:nth-child(1) .content2 .icon { left: -220px; top: -10px; }
  .aboutVisionMain .aboutVision .list:nth-child(1) .content2 .icon span { right: 0px; }
  .aboutVisionMain .aboutVision .list:nth-child(2) { -webkit-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px); padding-left: 86px; }
  .aboutVisionMain .aboutVision .list:nth-child(2) .content2 .icon { left: -230px; top: -30px; }
  .aboutVisionMain .aboutVision .list:nth-child(3) { -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); padding-left: 200px; }
  .aboutVisionMain .aboutVision .list:nth-child(3) .content2 .icon { left: -220px; top: -10px; width: 100px; height: 100px; }
  .aboutVisionMain .aboutVision .list:nth-child(2n) { padding-top: 300px; }
  .aboutVisionMain.animat .container { -webkit-transform: translateX(-800px); -ms-transform: translateX(-800px); transform: translateX(-800px); }

  /* 新增的第四个 */
  .aboutVisionMain .aboutVision .list:nth-child(4) { -webkit-transform: translateX(-350px); -ms-transform: translateX(-350px); transform: translateX(-350px); padding-left: 15px; }
  .aboutVisionMain .aboutVision .list:nth-child(4) .content2 .icon { left: -230px; top: -30px; }
  /* 新增结束 */
    .aboutMain { padding: 90px 0px 0px; }
  .aboutMain .aboutBox { padding: 75px 0px 110px; }
  .aboutMain .aboutBox .imgBox { width: 740px; }
  .aboutMain .aboutBox .imgBox img { width: 100%; -webkit-border-radius: 15px; border-radius: 15px; }
  .aboutMain .aboutBox .about { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 760px; padding: 0px 0px 0px 0px; }
  .aboutMain .aboutBox .about .list { height: 13.5%; }
  .aboutMain .aboutBox .about .list .listTitle { height: 90px; font-size: 30px; }
  .aboutMain .aboutBox .about .list .listTitle i { font-size: 12px; top: -4px; margin-left: 10px; }
  .aboutMain .aboutBox .about .list .desc { font-size: 17px; line-height: 28px; }
  .aboutMain .aboutBox .about .list .iconList { padding: 80px 0px; }
  .aboutMain .aboutBox .about .list .iconList .content { border-right: 1px solid #ededed; padding: 0px 45px; }
  .aboutMain .aboutBox .about .list .iconList .content .icon img { height: 41px; }
  .aboutMain .aboutBox .about .list .iconList .content .text { padding-top: 10px; font-size: 15px; }
  .aboutMain .aboutBox .about .list .iconList .content:first-child { padding-left: 0px; }
  .aboutMain .aboutBox .about .list .iconList .content:last-child { padding-right: 0px; border-right: none; }
}
@media (min-width: 1200px) { 
     .aboutMain { padding: 4.688vw 0vw 0vw; }
  .aboutMain .aboutBox { padding: 3.906vw 0vw 5.729vw; }
  .aboutMain .aboutBox .imgBox { width: 38.542vw; }
  .aboutMain .aboutBox .imgBox img { width: 100%; -webkit-border-radius: 0.781vw; border-radius: 0.781vw; }
  .aboutMain .aboutBox .about { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 39.583vw; padding: 0vw 0vw 0vw 0vw; }
  .aboutMain .aboutBox .about .list { height: 13.5%; }
  .aboutMain .aboutBox .about .list .listTitle { font-size: 20px; }
  .aboutMain .aboutBox .about .list .listTitle i { font-size: 0.625vw; top: -0.208vw; margin-left: 0.521vw; }
  .aboutMain .aboutBox .about .list .desc { font-size: 20px; line-height: 1.5; }
  .aboutMain .aboutBox .about .list .iconList { padding: 4.167vw 0vw; }
  .aboutMain .aboutBox .about .list .iconList .content { border-right: 0.052vw solid #ededed; padding: 0vw 2.344vw; }
  .aboutMain .aboutBox .about .list .iconList .content .icon img { height: 2.135vw; }
  .aboutMain .aboutBox .about .list .iconList .content .text { padding-top: 0.521vw; font-size: 0.781vw; }
  .aboutMain .aboutBox .about .list .iconList .content:first-child { padding-left: 0vw; }
  .aboutMain .aboutBox .about .list .iconList .content:last-child { padding-right: 0vw; border-right: none; }
}