.bt_sz { width:100%;  float:left; margin-bottom:50px;}
.sz.about_1_4,
.in-about .about_1_4{ margin:0; width:100%; float:left; }
.sz.about_1_4 ul,
.in-about .about_1_4 ul{
display:flex;
flex-wrap:wrap;
margin:0;
padding:0;
list-style:none;
}
.sz.about_1_4 ul li,
.in-about .about_1_4 ul li{
text-align:center;
float:none;
background-image:none;
width:25%;
padding:30px 12px;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
min-height:212px;
}
.sz.about_1_4 ul li:nth-child(1),
.in-about .about_1_4 ul li:nth-child(1){ background:#d8d8d8; }
.sz.about_1_4 ul li:nth-child(2),
.in-about .about_1_4 ul li:nth-child(2){ background:#e7e7e7; }
.sz.about_1_4 ul li:nth-child(3),
.in-about .about_1_4 ul li:nth-child(3){ background:#eeeeee; }
.sz.about_1_4 ul li:nth-child(4),
.in-about .about_1_4 ul li:nth-child(4){ background:#f7f7f7; }
.sz .about_1_4_mid,
.in-about .about_1_4_mid{
text-align:center;
padding:0 0.5em;
display:inline-block;
width:100%;
box-sizing:border-box;
}
.sz .about_1_4_mid_1,
.in-about .about_1_4_mid_1{
display:inline-block;
position:relative;
line-height:1;
padding-right:0;
vertical-align:top;
}
.sz .about_1_4_mid_1 span:nth-child(1),
.in-about .about_1_4_mid_1 span:nth-child(1){
display:inline-block;
color:#005bab;
font-size:3.8em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:1;
}
.sz .about_1_4_mid_1 span:nth-child(2),
.in-about .about_1_4_mid_1 span:nth-child(2){
position:absolute;
top:0.12em;
left:100%;
margin-left:0.12em;
font-size:0.9em;
color:#232323;
line-height:1;
font-weight:normal;
white-space:nowrap;
}
.sz .about_1_4_mid_2,
.in-about .about_1_4_mid_2{
font-size:0.95em;
color:#232323;
margin-top:0;
font-weight:normal;
line-height:1.55;
}
.sz .about_1_4_iso .about_1_4_mid,
.in-about .about_1_4_iso .about_1_4_mid{
text-align:left;
padding-left:2.5em;
}
.sz .about_1_4_mid_iso,
.in-about .about_1_4_mid_iso{
display:inline-block;
text-align:left;
}
.sz .about_1_4_mid_iso p,
.in-about .about_1_4_mid_iso p{
margin:0;
padding:0.45em 0;
font-size:1.05em;
color:#232323;
line-height:1.5;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}




.news { padding:20px 0px 0px;  height:1161px;}
.news_s {  padding-bottom:40px;  width:100%; float: left; height:394px;}
.news_s .fl { width:644px; height:354px; overflow:hidden; }
.news_s .fl dl { position:relative;}
.news_s .fl dl dt { position:absolute;  z-index:0;}
.news_s .fl dl dd { position:absolute; width:100%; height:100%; text-align:center; z-index:9; }
.news_s .fl dl dd img { margin-top:25%;}

.news_s .fr { width:644px; height:354px;  overflow:hidden;}
.news_s .fr dl {  position:relative;}
.news_s .fr dl dt { position:absolute;  z-index:0;}
.news_s .fr dl dd { position:absolute; width:100%; height:100%;  z-index:9; }
.news_s .fr dl dd i , .news_s .fl dl dd i{  background:url(../images/n_b1.png) no-repeat left top; width:76px; height:101px; text-align:center; font-size:20px; color:#fff; display:block; font-style:normal; font-weight:700; padding-top:20px; margin-top:26px; margin-left:26px;float:left;  }

.news_s .fr dl dd p , .news_s .fl dl dd p {width:90%;  font-size:18px; float:left; color:#fff; margin-left:36px; margin-top:120px; line-height:25px;text-align: left;}
.news_s .fr dl dd h3 , .news_s .fl dl dd h3  {  font-size:20px; color:#fff; margin-left:36px; line-height:25px;text-align: left;padding-right: 30px; width: calc(100% - 66px); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; text-overflow:ellipsis; max-height:50px;}



.news_x {width:100%; float: left;}
.news_x dl { width:283px; height:359px; border-bottom:5px solid #d1d1d1; float: left;  margin-bottom:80px;}
.news_x dl dt { width:283px; height:150px;  overflow:hidden; }
.news_x dl dt { }
.news_x dl dt img { width:283px; height:150px; }
.news_x dl dd { width:283px; }
.news_x dl dd h3 { font-size:18px;  color:#000; line-height:27px; font-weight:700; padding-top:40px; text-align:left; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; text-overflow:ellipsis; }
.news_x dl dd i { display:block; font-size:18px; color:#194995; line-height:35px; font-style:normal; text-align:left;}
.news_x dl dd p { font-size:16px; line-height:26px; color:#666; text-align:left;}




a .shipin_db {height:547px; background:url(../images/sp_tu.jpg) no-repeat center top; width:100%; clear:both; overflow:visible; text-align:center;   color:#fff; font-size:22px; line-height:42px; transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;  background-size:100% 100%; }
.shipin_db img { margin-top:5%; margin-bottom:20px; }

a:hover .shipin_db  {background:url(../images/sp_tu.jpg) no-repeat center top; background-size:105% 105%;}
a .shipin_db h3 { font-size:50px; line-height:70px; padding-top:120px;}
a .shipin_db p { position:relative; width:100%; height:90px; background:url(../images/sp_xx.jpg) no-repeat center bottom;}
/*a .shipin_db p:after { background: #FFF; width:111px; height:4px; content:""; position:absolute; top:0px; bottom:0px;}
*/


  
    .news_x .news-swiper.swiper-container {
      width: 100%;
      height: auto;
    }
    .news_x .news-swiper .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	.news_x .swiper-pagination-bullet { width:15px!important; height:15px!important;}

	/* 移动端新闻区：与中文版 index-mobile.css 保持一致 */
@media screen and (max-width: 768px) {
  .news {
    height: auto !important;
    padding: 30px 0 40px !important;
  }

  .news_s {
    height: auto !important;
    padding-bottom: 20px !important;
  }

  .news_s .fl,
  .news_s .fr {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    margin-bottom: 15px;
    overflow: hidden;
  }

  .news_s .fl dl,
  .news_s .fr dl,
  .news_x .news-swiper .swiper-slide dl {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-bottom: 0 !important;
    float: none !important;
    position: relative;
    overflow: hidden;
    border-bottom: 5px solid #d1d1d1;
    box-sizing: border-box;
  }

  .news_s .fl dl,
  .news_s .fr dl {
    height: 200px !important;
  }

  .news_s .cssimgp dl dt,
  .news_x .news-swiper .swiper-slide dl dt,
  .news_x .cssimgp dt {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    overflow: hidden;
    z-index: 0;
    margin: 0;
    padding: 0;
  }

  .news_s .cssimgp dl dt img,
  .news_x .news-swiper .swiper-slide dl dt img,
  .news_x .cssimgp dt img,
  .news_x dl dt img {
    width: 100% !important;
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    object-fit: cover !important;
    object-position: center center;
    display: block;
  }

  .news_s .fl dl dd,
  .news_s .fr dl dd {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    text-align: left !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 12px !important;
    padding-top: 70px !important;
    overflow: hidden;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.1) 55%, transparent 100%) !important;
  }

  .news_s .fl dl dd i,
  .news_s .fr dl dd i {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    float: none !important;
    width: 56px !important;
    height: 70px !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
    padding-top: 10px !important;
    margin: 0 !important;
    background-size: contain !important;
  }

  .news_s .fl dl dd h3,
  .news_s .fr dl dd h3 {
    float: none !important;
    font-size: 15px !important;
    color: #fff !important;
    margin: 0 !important;
    width: 100% !important;
    max-height: 42px !important;
    line-height: 1.4 !important;
    padding-right: 0 !important;
  }

  .news_s .fl dl dd p,
  .news_s .fr dl dd p {
    float: none !important;
    font-size: 13px !important;
    color: #fff !important;
    margin: 6px 0 0 !important;
    width: 100% !important;
  }

  .news_x {
    padding: 0 15px;
    box-sizing: border-box;
  }

  .news_x .news-swiper.swiper-container {
    height: auto !important;
    overflow: hidden;
    padding-bottom: 30px;
    width: 100% !important;
  }

  .news_x .news-swiper .swiper-wrapper {
    align-items: stretch;
  }

  .news_x .news-swiper .swiper-slide {
    height: auto !important;
    display: block !important;
    box-sizing: border-box;
    flex-shrink: 0;
    text-align: left !important;
    background: none !important;
  }

  .news_x .news-swiper .swiper-slide dl {
    width: 100% !important;
    max-width: 100% !important;
  }

  .news_x .news-swiper .swiper-slide > a {
    display: block;
    width: 100%;
  }

  .news_x dl {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    margin-bottom: 0 !important;
  }

  .news_x dl dt {
    width: 100% !important;
  }

  .news_x dl dt img {
    width: 100% !important;
  }

  .news_x .news-swiper .swiper-slide dl dd,
  .news_x dl dd {
    width: 100% !important;
    padding: 12px 0 16px !important;
    box-sizing: border-box;
  }

  .news_x .news-swiper .swiper-slide dl dd h3 {
    font-size: 15px !important;
    padding-top: 0 !important;
    line-height: 1.4 !important;
    max-height: 42px;
    overflow: hidden;
  }

  .news_x .news-swiper .swiper-slide dl dd i {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .news_x .news-swiper .swiper-slide dl dd p {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
}

	/* PC 端新闻轮播保持原有 4 列自动轮播样式 */
@media screen and (min-width: 769px) {
  .news_x .news-swiper {
    height: auto;
    overflow: hidden;
  }

  .news_x .news-swiper .swiper-slide {
    height: auto;
    display: flex;
    justify-content: center;
  }

  .news_x .news-swiper .swiper-slide dl {
    width: 283px;
    height: 359px;
    float: none;
    margin-bottom: 80px;
  }

  .news_x .news-swiper .swiper-slide dl dt {
    width: 283px;
    height: 150px;
    overflow: hidden;
  }

  .news_x .news-swiper .swiper-slide dl dt img {
    width: 283px;
    height: 150px;
  }

  .news_x .news-swiper .swiper-slide dl dd {
    width: 283px;
  }
}

@media screen and (max-width: 480px) {
  .news_s .cssimgp dl dt,
  .news_x .news-swiper .swiper-slide dl dt,
  .news_s .cssimgp dl dt img,
  .news_x .news-swiper .swiper-slide dl dt img,
  .news_x .cssimgp dt img {
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
  }

  .news_s .fl dl,
  .news_s .fr dl {
    height: 180px !important;
  }

  .news_s .fl dl dd,
  .news_s .fr dl dd {
    padding-top: 62px !important;
  }

  .news_s .fl dl dd i,
  .news_s .fr dl dd i {
    width: 50px !important;
    height: 62px !important;
    font-size: 11px !important;
    padding-top: 8px !important;
  }
}

/* EN homepage banner text — desktop */
@media screen and (min-width: 769px) {
  .index-banner .swiper-inner-text {
    text-align: center !important;
  }
  .index-banner .en-banner-title,
  .index-banner .cansual-item-title.en-banner-title,
  .index-banner .carousel-item1 .cansual-item-title,
  .index-banner .carousel-item2 .cansual-item-title,
  .index-banner .carousel-item3 .cansual-item-title {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 30px !important;
    font-weight: normal !important;
    font-family: Arial, Helvetica, sans-serif !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    color: #fff !important;
    height: auto !important;
    opacity: 1 !important;
    transform: none !important;
  }
  .index-banner .en-banner-title strong,
  .index-banner .cansual-item-title.en-banner-title strong {
    font-size: 30px !important;
    font-weight: normal !important;
    font-family: inherit !important;
    color: #fff !important;
  }
}

/* EN homepage banner text — mobile */
@media screen and (max-width: 768px) {
  .index-banner .en-banner-title,
  .index-banner .cansual-item-title.en-banner-title,
  .index-banner .carousel-item1 .cansual-item-title,
  .index-banner .carousel-item2 .cansual-item-title,
  .index-banner .carousel-item3 .cansual-item-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden !important;
    text-overflow: ellipsis;
    font-size: 15px !important;
    font-weight: normal !important;
    font-family: Arial, Helvetica, sans-serif !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    color: #fff !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 4px !important;
    height: auto !important;
    max-height: none !important;
    opacity: 1 !important;
    transform: none !important;
    word-break: break-word;
    overflow-wrap: break-word;
  }
}

@media screen and (max-width: 480px) {
  .index-banner .en-banner-title,
  .index-banner .cansual-item-title.en-banner-title,
  .index-banner .carousel-item1 .cansual-item-title,
  .index-banner .carousel-item2 .cansual-item-title,
  .index-banner .carousel-item3 .cansual-item-title {
    font-size: 13px !important;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
}

/* EN product tabs: name single line + ellipsis */
.index-pro-tabs ul li dl dd {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  box-sizing: border-box;
  padding: 0 4px;
}

/* EN accordion wenben title */
.wenben h1,
.wenben a h1 {
  font-size: 16px !important;
  line-height: 1.3 !important;
  background-position: 90% center !important;
}

