/* 关于我们 */
.yabot{min-width: 1400px;}
.yabot .bdcon{width: 100%; background-color: #f1f3f5; height: 650px; overflow: hidden;}
.yabot .bdcon .vcon {
  width: 100%;
  height: 650px;
  position: relative;
  overflow: hidden;
  /* padding-bottom: 39.167%; */
  box-sizing: border-box;
}
.yabot .bdcon .hvideo {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  display: block;
  box-sizing: border-box;

  height: 650px;
  object-fit: cover;
}
.yabot .gfloor{min-width: 1400px;background-color: #fff;overflow: hidden;}
.yabot .crCard{padding: 100px 0 100px;}
.yabot .crCard .hd{display: flex;height: 243px;}
.yabot .crCard .hd .itxt{width: 489px;}
.yabot .crCard .hd .itxt .tit p{display: flex;word-break: break-all;font-size: 45px;color: #000;font-weight: bold;}
.yabot .crCard .hd .itxt .btxt{font-size: 28px;font-weight: bold;color: #999;}
.yabot .crCard .hd .rigtxt{width: 838px;margin-left: auto;}
.yabot .crCard .hd .rigtxt p{color: #999; font-size: 23px; display: flex; min-height: 36px; word-break: break-all;}
.yabot .crCard .midItem{display: flex;justify-content: center;width: 100%;height: 132px;margin-top: 60px;}
.yabot .crCard .midItem img{object-fit: contain;max-width: 100%;}
.yabot .crCard .btoItem{margin-top: 60px;display: flex;align-items: center;}
.yabot .crCard .btoItem .item{display: inline-flex;flex-direction: column;align-items: center;}
.yabot .crCard .btoItem .item p{display: flex;height:68px;align-items: center;font-weight: bold;font-size: 44px;justify-content: center;flex: 1;margin-bottom: 10px;}
.yabot .crCard .btoItem .item span{display: inline-flex;color: #999;font-size: 22px;height: 32px;justify-content: center;align-items: center;}
.yabot .crCard .btoItem .iw1{width: 250px;}
.yabot .crCard .btoItem .iw2{width: 180px;margin-left: 120px;}
.yabot .crCard .btoItem .iw3{width: 196px;margin-left: 83px;}
.yabot .crCard .btoItem .iw4{width: 150px;margin-left: 83px;}
.yabot .crCard .btoItem .iw5{width: 222px;margin-left: 120px;}


.yabot .gfl2{height: 650px;background: url(https://ebuyoneworld.oss-us-west-1.aliyuncs.com/2026/baseimg/about/about3.png) top center no-repeat;}
.yabot .nsCard{padding: 90px 0;}
.yabot .nsCard .listbox{display: flex;justify-content: center;flex-wrap: wrap;margin-top: -20px;margin-left:-20px;}
.yabot .nsCard .listbox .itemone{display: inline-flex;width: 955px;}
.yabot .nsCard .listbox .item{display: inline-flex;width: 450px;height: 220px;/*background: url(https://ebuyoneworld.oss-us-west-1.aliyuncs.com/2026/baseimg/about/about2.png) top center no-repeat;*/margin-top: 20px;margin-left: 20px;flex-direction: column;align-items: center;}
.yabot .nsCard .listbox .item p{display: flex;height: 36px;font-size: 24px;font-weight: bold;color: #333;}
.yabot .nsCard .listbox .item p.t1:first-of-type{margin-top: 50px;}
.yabot .nsCard .listbox .item p.t2:first-of-type{margin-top: 35px;}

.yabot .pbCard{padding: 90px 0;}
.yabot .pbCard .hd{margin-bottom: 50px;font-size: 40px;font-weight: bold;color: #333;text-align: center;}
.yabot .pbCard .listbox{display: flex;flex-wrap: wrap;margin-top: -28px;margin-left: -28px;justify-content: center;}
.yabot .pbCard .listbox .item{display: inline-flex;margin-top: 28px;margin-left: 28px;width: 240px;height: 240px;background-color:#F5F5F5 ;overflow: hidden;align-items: center;justify-content: center;cursor: pointer;}
.yabot .pbCard .listbox .item img{background-color: #fff;width: 200px;height: 196px;}
.yabot .pbCard .listbox .item:hover img{transform: translateY(0px) scale(1.1);}

.yabot .gfl4{background-color:#1F1F1F ;}
.yabot .newCard{padding: 75px 0;display: flex;justify-content: space-between;}
.yabot .newCard .picbox{width: 600px;height: 400px;}
.yabot .newCard .picbox a{display: flex;width: 600px;height: 400px;justify-content: center;}
.yabot .newCard .picbox img{max-width: 100%;object-fit: contain;}

.yabot .newCard .listbox{position: relative;}
.yabot .newCard .listbox .topmore{position: absolute;top: -28px;right: 0;height: 28px;display: flex;align-items: center;color: #FFFFFF;font-size: 16px;}
.yabot .newCard .listbox .topmore:hover{color: #f50;}
.yabot .newCard .listbox .item{width: 662px;border-bottom: 1px solid #363636;height: 80px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;}
.yabot .newCard .listbox .item:first-of-type{border-top: 1px solid #363636 ;}
.yabot .newCard .listbox .time{    display: inline-flex; font-size: 18px; color: #808080; height: 54px;}
.yabot .newCard .listbox .itxt{    width: 544px; overflow: hidden; color: #fff; font-size: 18px; height: 54px; word-break: break-all;transition: all .1s;}
.yabot .newCard .listbox .itxt:hover{color: #f50;}

.yabot .gfl5{height: 500px;background: url(https://ebuyoneworld.oss-us-west-1.aliyuncs.com/2026/baseimg/about/about4.png) top center no-repeat;}
.yabot .ebCard{margin-top: 145px;}
.yabot .ebCard p{width: 962px;margin:0 auto;font-size: 24px;color: #333;height: 212px;}

.yabot .ppCard{padding: 80px 0;}
.yabot .ppCard .hd{margin-bottom: 50px;font-size: 40px;font-weight: bold;color: #333;text-align: center;}
.yabot .ppCard .listbox{display: flex;flex-wrap: wrap;margin-top: -28px;margin-left: -28px;justify-content: center;}
.yabot .ppCard .listbox .item{display: inline-flex;margin-top: 28px;margin-left: 28px;width: 240px;height: 240px;background-color:#F5F5F5 ;overflow: hidden;align-items: center;justify-content: center;cursor: pointer;}
.yabot .ppCard .listbox .item img{background-color: #fff;width: 200px;height: 196px;}
.yabot .ppCard .listbox .item:hover img{transform: translateY(0px) scale(1.1);}

/* 新闻 */
.ynews{min-width:1240px ;overflow: hidden;}
.ynews .w1240{  width: 1240px; margin: 0 auto;}
.ynews .newslist .hd{height: 100px;display: flex;align-items: center;font-weight: 600;font-size: 24px;color: #333;}
.ynews .newslist .listbox{display: flex;flex-wrap: wrap;margin-top: -20px;margin-left: -20px;}
.ynews .newslist .listbox .itembox{width: 295px;height: 380px;overflow: hidden;margin-top: 20px;margin-left: 20px;border-bottom:5px solid  #E0E0E0;border-radius: 8px 8px 8px 8px;transition:  all .1s;padding-bottom: 5px;box-sizing: border-box;}
.ynews .newslist .listbox .item{width: 295px;height:375px;background-color: #fff;border-radius: 8px 8px 8px 8px;overflow: hidden;}
.ynews .newslist .listbox .picbox{display: flex;width: 295px;height: 165px;border-radius: 8px 8px 8px 8px;justify-content: center;overflow: hidden;}
.ynews .newslist .listbox .picbox img{width: 100%;object-fit: cover;}
.ynews .newslist .listbox .picbox:hover img{transform: scale(1.1);}

.ynews .newslist .listbox .desc{display: flex;justify-content: center;padding: 20px 20px 0 20px;height: 170px;box-sizing: border-box;}
.ynews .newslist .listbox .desc .itxt{font-size: 16px;color: #333;font-weight: 600;min-height: 22px;word-break: break-all;}
.ynews .newslist .listbox .desc .itxt:hover{color: #f50;}
.ynews .newslist .listbox .ti{font-size: 16px;color: #808080;height: 22px;display: flex;align-items: center;padding: 0 20px;box-sizing: border-box;}

.ynews .newslist .listbox .itembox:hover{border-color: #f50;box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.16);}

.ynews .catePageBox { display: flex; justify-content: center; margin: 60px 0; }

/* 新闻详情 */
.ynsinfo .crumbs{width: 1000px;margin: 0 auto;padding: 30px 0;display: flex;color: #808080;font-size: 16px;}
.ynsinfo .crumbs .ho{color: #808080;}
.ynsinfo .crumbs .ho:hover{color: #f50;}
.ynsinfo .crumbs .cl{margin: 0 5px;}
.ynsinfo .w1000{width: 1000px;margin: 0 auto;}
.ynsinfo .actit{    margin-bottom: 60px; font-weight: bold; font-size: 36px; line-height: 48px; word-wrap: break-word; }
.ynsinfo .con{padding: 60px 0;border: 1px solid #E5E5E5;border-left: 0;border-right: 0;}
.ynsinfo .con .pic{margin: 0 auto 60px;text-align: center;}
.ynsinfo .con img{max-width: 100%;}
.ynsinfo .con p{/*margin: 50px 0;*/font-size: 16px;color: #333;}

.ynsinfo .acti{padding:20px 0;}
.ynsinfo .acti p{text-align: right;font-size: 16px;color: #808080;}

/* ===== 填充 .yabot .pbCard .listbox 的代码 ===== */
/*
<div class="pbCard">
    <div class="hd">合作伙伴</div>
    <div class="listbox">
        <div class="item"><img src="https://ebuyoneworld.oss-us-west-1.aliyuncs.com/2026/baseimg/about/pb1.jpg" alt=""></div>
        <div class="item"><img src="https://ebuyoneworld.oss-us-west-1.aliyuncs.com/2026/baseimg/about/pb2.jpg" alt=""></div>
        <div class="item"><img src="https://ebuyoneworld.oss-us-west-1.aliyuncs.com/2026/baseimg/about/pb3.jpg" alt=""></div>
        <div class="item"><img src="https://ebuyoneworld.oss-us-west-1.aliyuncs.com/2026/baseimg/about/pb4.jpg" alt=""></div>
        <div class="item"><img src="https://ebuyoneworld.oss-us-west-1.aliyuncs.com/2026/baseimg/about/pb5.jpg" alt=""></div>
        <div class="item"><img src="https://ebuyoneworld.oss-us-west-1.aliyuncs.com/2026/baseimg/about/pb6.jpg" alt=""></div>
        <div class="item"><img src="https://ebuyoneworld.oss-us-west-1.aliyuncs.com/2026/baseimg/about/pb7.jpg" alt=""></div>
        <div class="item"><img src="https://ebuyoneworld.oss-us-west-1.aliyuncs.com/2026/baseimg/about/pb8.jpg" alt=""></div>
        <div class="item"><img src="https://ebuyoneworld.oss-us-west-1.aliyuncs.com/2026/baseimg/about/pb9.jpg" alt=""></div>
        <div class="item"><img src="https://ebuyoneworld.oss-us-west-1.aliyuncs.com/2026/baseimg/about/pb10.jpg" alt=""></div>
    </div>
</div>

JS循环写法：
var pbHtml = [];
for (var i = 1; i <= 10; i++) {
    pbHtml.push('<div class="item"><img src="https://ebuyoneworld.oss-us-west-1.aliyuncs.com/2026/baseimg/about/pb' + i + '.jpg" alt=""></div>');
}
document.querySelector('.yabot .pbCard .listbox').innerHTML = pbHtml.join('');
*/