@import "init.css";

.swiperbtn {
   position: relative;
   height: 40px;
   margin: 20px 0 45px 0;
}

.swipertitle {
   font-size: 12px;
   line-height: 1.5;
}

.brandswiper-prevbutton {
   width: 33px !important;
   height: 33px !important;
   left: 0 !important;
   top: 0% !important;
   color: white !important;
   position: absolute;
   margin-top: 0 !important;
   z-index: 20;
   cursor: pointer;
   background-image: url("../images/prev-s.png");
}

.brandswiper-nextbutton {
   width: 33px !important;
   height: 33px !important;
   left: 45px !important;
   top: 0% !important;
   color: white !important;
   position: absolute;
   margin-top: 0 !important;
   z-index: 20;
   cursor: pointer;
   background-image: url("../images/next-s.png");
}

/*主体样式*/
.topline,
.topline-last {
   border-top: 2px solid #fff;
}

.container {
   width: 81%;
   margin: 100px auto 0;
   padding-top: 34px;
   display: flex;
   flex-wrap: wrap;
   overflow: hidden;
}

.left {
   width: 39%;
   margin-right: 2%;
   display: flex;
   flex-direction: column;
}

.leftswiper {
   width: 39%;
   margin-right: 2%;
   display: flex;
   flex-direction: column;
}

.leftswiper .swiper1, .leftswiper .swiper2{
	width:100%;
}

.right {
   width: 59%;
}

.bigtitle {
   font-size: 42px;
   line-height: 1;
}

.brand {
   width: 100%;
   margin-bottom: 135px;
   display: flex;
}

.introtext {
   font-size: clamp(19px, 1.5vw, 22px);
   text-align: justify;
   line-height: 1.8;
   margin-bottom: 70px;
   width: 93%;
}

.desc {
   display: flex;
   justify-content: space-between;
   width: 93%;
}

.desctext {
   width: 44%;
   font-size: clamp(14px, 1vw, 16px);
   line-height: 1.8;
}

.culture {
   display: flex;
   justify-content: space-between;
   width: 93%;
   margin-bottom: 100px;
}

.culturetext1 {
   width: 30%;
   font-size: 22px;
}

.culturetext2 {
   width: 60%;
   font-size: 16px;
   line-height: 1.8;
}

.culture-list {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-column-gap: 25%;
   /* 控制列间距 */
   grid-row-gap: 100px;
   /* 控制行间距 */
   width: 83%;
   padding-top: 15px;
   margin-bottom: 120px;
}

.culture-list-item {
   position: relative;
   overflow: hidden;
   display: block;
   text-decoration: none;
   display: flex;
   flex-wrap: wrap;
}

.culture-list-itemtext1 {
   display: flex;
   justify-content: space-between;
   font-size: 20px;
   width: 100%;
   margin-bottom: 46px;
}

.culture-list-itemimg {
   height: 83px;
}

.culture-item-title {
   font-size: 24px;
   margin-bottom: 20px;
}

.culture-item-title::after {
   content: "";
   display: block;
   width: 100%;
   height: 2px;
   background-color: #948885;
   margin-top: 2px;
}

.culture-item-desc {
   font-size: clamp(14px, 1vw, 16px);
   text-align: justify;
   line-height: 1.5;
}

.honortext {
   width: 93%;
   font-size: clamp(20px, 2vw, 26px);
   display: flex;
   justify-content: space-between;
}

.honoritem {
   display: flex;
   line-height: 1.3;
}

.yuan {
   margin-right: 20px;
   color: #948885;
   font-style: normal;
}

.awards {
   display: flex;
   flex-direction: column;
   width: 93%;
   margin: 115px 0 0 0;
   border-top: 1px solid #948885;
   padding-top: 80px;
}

.awards-item {
   display: flex;
   flex-direction: row;
   margin-bottom: 38px;
}

.awards-logo {
   width: 15%;
   margin-right: 5%;
   text-align: center;
}

.awards-logo img {
   width: auto;
   height: auto;
   max-width: 100%;
}

.awards-text {
   width: 80%;
   border-bottom: 1px solid #948885;
}

.awards-title {
   font-size: 20px;
   margin-bottom: 30px;
}

.awards-desc {
   font-size: 14px;
   padding-right: 7%;
   margin-bottom: 32px;
   line-height: 1.8;
   text-align: justify;
}

.awards>ul>li:last-child .awards-text {
   border-bottom: none;
}

/* 响应式布局 */
@media (max-width: 1024px) {}

@media (max-width: 960px) {
   .topline {
      border-top: 1px solid #fff;
   }

   .topline-last {
      border-top: 0;
   }

   .container {
      width: 100%;
      margin: 1.02rem auto 0;
      padding: 34px 6.4% 0;
      display: flex;
      flex-wrap: wrap;
   }

   .brand {
      flex-wrap: wrap;
      margin-bottom: 0.79rem;

   }

   .left,
   .right {
      width: 100%;
      margin: 0;
   }

   .bigtitle {
      font-size: 0.5rem;
      margin-bottom: 1rem;
   }

   .introtext {
      font-size: 0.29rem;
      margin-bottom: 0.7rem;
      width: 100%;
   }

   .desc {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 100%;
   }

   .desctext {
      width: 100%;
      font-size: 0.25rem;
      line-height: 1.6;
      margin-bottom: 0.39rem;
   }

   .container .leftswiper {
      width: 100%;
      margin-bottom: 0.3rem;
      flex-direction: row;
      align-items: flex-end;
   }

   .leftswiper .swiper1 ,.leftswiper .swiper2 {
   width:70%;
   }

   .leftswiper .descpart{
      width:27%;
      margin-left: 3%;
   }

   .swiperbtn {
      height: 40px;
      margin: 0;
   }
   .brandswiper-prevbutton{
      left: auto !important;
      right: 40px !important;
   }
   .brandswiper-nextbutton{
      left: auto !important;
      right: 0px !important;
   }

   .swipertitle {
      font-size: 12px;
   }

   .culture {
      display: flex;
      flex-direction: column;
      width: 100%;
      margin-bottom: 0.5rem;
   }

   .culturetext1 {
      width: 100%;
      font-size: 0.34rem;
      margin-bottom: 0.75rem;
   }

   .culturetext2 {
      width: 100%;
      font-size: 0.25rem;
   }

   .culture-list {
      grid-template-columns: repeat(1, 1fr);
      grid-column-gap: 25%;
      grid-row-gap: 0.9rem;
      width: 100%;
      padding-top: 0;
      margin-bottom: 0.93rem;
   }

   .culture-list-itemtext1 {

      font-size: 0.29rem;
      margin-bottom: 0.47rem;
   }

   .culture-item-title {
      font-size: 0.33rem;
      position: absolute;
      left: 0;
      top: 40px;
   }
   .culture-item-desc {
    font-size: 0.25rem;
	}

   .culture-list-itemimg {
      width: 1.2rem;
      height: 1.2rem;
   }

   .honortext {
      width: 75%;
      margin-left: 25%;
      font-size: 0.33rem;
      flex-wrap: wrap;
      justify-content: space-between;
      border-bottom: 1px solid #948885;
      padding-bottom: 0.46rem;
   }

   .honoritem {
      margin-bottom: 0.4rem;
   }

   .yuan {
      margin-right: 10px;
      font-size: 0.2rem;
      font-style: normal;
   }

   .awards {
      display: flex;
      flex-direction: column;
      width: 100%;
      margin: 0.5rem 0 0;
      border-top: 0;
      padding-top: 0.5rem;
   }

   .awards-item {
      margin-bottom: 0.45rem;
   }

   .awards-logo {
      width: 15%;
      margin-right: 10%;
   }

   .awards-text {
      width: 75%;
      border-bottom: 1px solid #948885;
   }

   .awards-title {
      font-size: 0.29rem;
      margin-bottom: 0.4rem;
   }

   .awards-desc {
      font-size: 0.25rem;
      padding-right: 7%;
      margin-bottom: 0.45rem;
      line-height: 1.5;
      text-align: justify;
   }

   .awards-logo img {
      width: 100%;
      height: auto;
   }
   .ad2{
	   margin-top: 50px;
   }
}