
@media only screen and (min-width: 300px) and (max-width: 768px) {
  /*关于我们*/
  .aboutUsBackground{
    margin-top: unset;
  background: url(../upload/images/2024/8/cbaa32ad835fbf07.png) no-repeat;
  
}
.about-us-info h5 {
  margin-top: 20px;
  font-weight: 500;
  font-size: 14px;
  color: #3C4454;
  line-height: 17px;
  text-align: center;
}

.about-us-info h6{
  margin: 12px 0px 8px;
  font-weight: 400;
  font-size: 12px;
  color: rgba(60,68,84,0.8);
  line-height: 20px;
}
.about-us-info p {
  
  line-height: unset!important;
}
.about-us-info p span{
  font-weight: 400 !important;
  font-size: 12px !important;
  color: rgba(60,68,84,0.8) !important;
  line-height: 20px !important;
}



.aboutUsBackground p {
  font-weight: 400;
  font-size: 12px;
  color: rgba(255,255,255,0.8);
  line-height: 17px;
}
.aboutUsBackground p:nth-of-type(2) {
  margin-top: 8px;
  margin-bottom: 8px;
}
.about-us-tip{
  flex-direction: column;
  gap:12px;
  margin-bottom: 20px;
}
.about-us-tip >div{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 85px;
  background: url(../upload/images/2024/8/a9d107c3a71f5f0d.png) no-repeat;
  background-size: 100% 85px;
}
.about-us-tip p:nth-of-type(1){
  font-weight: 500;font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
}
.about-us-tip p:nth-of-type(2), .about-us-tip p:nth-of-type(3){
  font-weight: 400;font-size: 12px;
  color: #3C4454;
  line-height: 16px;
}
.about-us-title{
  font-weight: 500;
  font-size: 14px;
  color: #3C4454;
  line-height: 17px;
  text-align:center;
}
.row{
  margin-top: 12px;
}
.honor-top-list li{
  height: 31px;
  line-height: 31px;
  padding: 0 5px;
}


.team-style {    
  position: relative;
  width: 92%;
  margin: 12px auto 20px;
  
}
.team-style .bd ul li img{
  width: 160px;
  height:98px;
}
.team-style .bd ul li {
  width: 160px;
  margin-right: 15px !important;
  float: left;
}


.demeanour-title{
  margin-top:9px;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
}
.team-style .hd img{
  width:20px;
  height:20px;
  
}

.team-style .hd a.prev {
  left: -28px;
}
.team-style .hd a.next {
  right: -26px;
}
.team-style .hd a {
  margin-top: -30px;
}
.about-fo .main {
  
  top: 12px !important;
}
.ovh {
  height: 175px;
}
.about-fo .box{
  width: 344px;
  height: 105px;
}
.box-in p {
  font-weight: 400;
  font-size: 13px;
  color: #FFFFFF;
  line-height: 18px;
}
.about-fo .detail{
  margin-top: 28px;
  height:unset;
}
.about-fo .detail .in {
  width: 344px;
  height: 105px;
  margin: 0 auto;
}
.about-fo .box:before {
  background-size: 26px 72px;
  height: 72px;
  width: 26px;
  top: 22px;
  left: 28px;
}
.about-fo .box:after {
  background-size: 26px 72px;
  height: 72px;
  width: 26px;
  top: 22px;
  right: 28px;
}
.about-fo .box-in{
  
  padding-left: 81px;
  padding-right: 81px;
}
.about-fo .prev{
  left:0px;
}
.about-fo .next{
  right:0px;
}
.transform-three{
  transform:translate(0px, -15px) scale(0.88, 0.88);
}
.transform-two{
  transform:translate(0px, -30px) scale(0.78, 0.78);
}
.transform-one{
  transform:translate(0px, -45px) scale(0.7, 0.7);
}
.about-fo .btn-honor{
  top: 40px;
}
.m2usBtnL,.m2usBtnR{
  height: 20px;
  width: 20px;
  background-size: 20px 20px;
}

.comment-arrow{
  width: 20px;
  height: 20px;
}
.comment-next,.comment-prev{
  background-size: 20px 20px;
}

.promotional-video-prev, .promotional-video-next {
  display: none;
}

.videos .allWidth{
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
}
.text-section h1{
  font-size: 14px;
  line-height: 17px;
  text-align: center;
}
.text-section h2 {
  width: unset;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
}

.text-section p {
  margin-bottom:20px;
  width: unset;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
}
.video-section video {   
  width: 100%;
  height: 150px;
  padding:0;
}
.video-section .video-js {
   width: 100%;
  height: 250px;
}

.mySwiper2 {
  width: 100%;
  height: 100%;
  
}
.text-section{
  width:100%
}
.video-section{
  width:100%
}
.mySwiper {
  height:58px;

}

}

@media only screen and (min-width: 1200px) {
  .m2usBtnL:hover {
    background: url(../upload/images/2024/8/ff90c401814d322c.png) no-repeat center center !important;
}

.m2usBtnR:hover {
  background: url(../upload/images/2024/8/67c610fd536853c3.png) no-repeat center center !important;
}

.comment-next:hover {
  background: url(../upload/images/2024/8/67c610fd536853c3.png) repeat-y center top;
}
.comment-prev:hover {
  background: url(../upload/images/2024/8/ff90c401814d322c.png) repeat-y center top;
}
}


@media only screen and  (min-width: 1201px) and (max-width: 1440px) {

.text-section {
    width: 30%;
}
.video-section {
    width: 68%;
}


}