
/* banner图 */
.showMeTheBanner{
    height:376px;
    background:url(../../imgs/aboutUs/banner.png)no-repeat;
    background-size:100%;
    
}
.wordSpace{
    height:261px;
    background:linear-gradient(-65deg,rgba(166,81,13,0.61),rgba(160,61,18,0.61));
    text-align:center;
    padding-top:115px;
}
.wordSpace>div:nth-child(1){
    font-size:52px;
    font-family:SourceHanSansSC-Light;
    font-weight:300;
    color:#fff;
}

.wordSpace>div:nth-child(2){
    width:128px;
    height:2px;
    background:rgba(255,255,255,0.71);
    margin:32px auto;
    
}
.wordSpace>div:nth-child(3){
    font-size:16px;
    font-family:SourceHanSansSC-Light;
    font-weight:300;
    color:#D7D7D7
}



/* 标题 */
.caseTitle1 img {
  width:53px;
  height:49px;
}

.caseTitle2 img {
  width:59px;
  height:46px;
}

.caseTitle3 img {
  width:35px;
  height:49px;
}

.content {
  background-color: #F7F7F7;
}

.newsContent {
  width: 100vw;
  min-width: 1200px;
  /* padding: 0px 0 100px; */
  box-sizing: border-box;
  background-color: #FFF;
  margin-top: 40px;
}

/* 企业实力 */
.companyStrength{
    padding: 60px 10.3% 60px;
    background-color: #fff;
}
.companyTitle{
    font-size: 32px;
    font-family: Source Han Sans CN;
    text-align: center;
    margin-bottom: 60px;
}
.companyTitle:not(:first-child){ 
  margin: 80px auto 60px;
}
.companyTitle :last-child {
  width: 127px;
  height: 5px;
  margin: 8px auto 0px;
  background: url('../../imgs/aboutUs/title_line.png') no-repeat;
  background-size: contain;
}
.companyList .item {
  display: flex;
}
.companyList .item>div {
  width: 50%;
}
.companyList .item .hide {
  overflow: hidden;
}
.companyList .item .text {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  font-size: 18px;
  color: #666;
  padding: 0 60px;
  box-sizing: border-box;
  line-height: 1.3;
  background-color: #F7F7F7;
}

.companyList .item .text :first-child {
  font-size: 26px;
  color: #000;
  margin-bottom: 40px;
}
/* 三角形 */
.item .text.right ::after {
  z-index: 9;
  content: '';
  position: absolute;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
}

.item .text.left ::after {
  z-index: 9;
  content: '';
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 15px solid #fff;
}

.companyList .item>div img {
  width: 100%;
  height: auto;
  transform: scale(1.01); /* 修复图片压缩后出现黑色边框 */
}
.companyList .item>div img:hover {
  transform: scale(1.1);
  transition: all 0.3s;
}
.detail {
  padding: 0 20%;
  font-size: 18px;
  color: #666;
  text-align: center;
  line-height: 1.7;
  margin-bottom: 60px;
}

.cooperate .detail {
  padding: 0 0 0 32%;
  text-align: left;
}

.item1 {
  height: calc(100vw / 3.22);
  min-height: calc(1200px / 3.22);
}

.item2 {
  height: calc(100vw / 7.32);
  min-height: calc(1200px / 4.82);
}

.item1 .swiper-pagination-bullet-active,
.item2 .swiper-pagination-bullet-active {
  width: 28px !important;
  height: 6px;
  border-radius: 12px;
  background-color: #FF8D0A;
}

.item1 .swiper-pagination-bullet,
.item2 .swiper-pagination-bullet {
  width: 14px;
  height: 6px;
  border-radius: 12px;
}

.item1 img {
  width: 100%;
}

.item2 .swiper-slide {
  position: relative;
  width: calc(1200px / 4);
  height: calc(1200px / 6);
}


.item2 .swiper-slide img {
  width: 100%;
  height: 82%;
  object-fit: cover;
}

.item1 .swiper-slide div,
.item2 .swiper-slide div {
  height: 8%;
  font-size: 1rem;
  font-weight: 500;
  background-color: #F7F7F7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.item2 .swiper-slide div {
  height: 18%;
  font-size: 0.8rem;
}

.item1 .swiper-button-prev, 
.item2 .swiper-button-prev {
  top: 40% !important;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FF8D0A'%2F%3E%3C%2Fsvg%3E");
  /* background: url('../../imgs/aboutUs/swiper_left.png') no-repeat; */
  background-size: contain;
}

.item1 .swiper-button-next,
.item2 .swiper-button-next {
  top: 40% !important;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FF8D0A'%2F%3E%3C%2Fsvg%3E");
}
.item2 .swiper-button-prev, 
.item2 .swiper-button-next {
  top: 30% !important;
}

.cooperate {
  padding: 60px 0 0;
  background-color: #F7F7F7;
}

.bottom_banner img {
  width: 100vw;
  margin-bottom: 60px;
}

.honor {
  width: 100%;
}

.honor img {
  width: 100%;
}
/* 售后服务 */
.help{
    width: 144px;
    height: 50px;
    position: fixed;
    right: 0;
    top: 60%;
    background: #00aef3;
    border-radius: 5px;
    z-index: 122;
}
.help .line1{
    display: flex;
    height: 32px;
    margin-top: 2px;
}
.help .line1>div:nth-child(1){
    margin: 6px 0 0 13px ;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 3px;
    text-shadow: 2px 2px 2px #333;
}
.help .line1>div:nth-child(2){
    width: 32px;
    height: 32px;
    background: url("../../imgs/index/help.png") no-repeat;
    
}
.help .line2{
    font-size: 10px;
    color: #E0E0E0;
    text-shadow: 2px 2px 2px #333;
    padding:  1px 0 0 13px;
}