高苯乙烯橡胶市场预计2032年达5.44亿美元

2026-10-12

高苯乙烯橡胶市场预计2032年达5.44亿美元

来源：RubberWorld

最新预测显示，全球高苯乙烯橡胶市场2026年规模将达3.0629亿美元，2032年增长至5.444亿美元，期间复合年增长率10.11%。

高苯乙烯橡胶属于苯乙烯类弹性体，凭借高硬度、耐磨、尺寸稳定与高性价比优势，广泛应用于鞋类、汽车零部件、胶粘剂、地板及模压制品领域。

报告指出，环保法规、回收要求正在重塑胶料配方与生产工艺；人工智能技术有望赋能橡胶行业，优化配方研发、生产监控与预测性维护，缩短材料开发周期。亚太地区依托完善制造体系主导市场，北美聚焦汽车与特种聚合物生产，欧洲侧重化学品合规与材料循环利用。

报告建议企业重视原料溯源、供应链风险管控，加大实验室自动化与智能配方投入，持续满足不断升级的环保与客户材料性能要求。

热门新闻

>

万力轮胎2.8亿欧元马来西亚工厂项目进展

现场图片

联系我们

• 中联橡胶股份有限公司
• 地址：北京市朝阳区慧忠路5号
• 远大中心C座12层 （100101）
• 电话：+86-10-53779792
• 传真：+86-10-53779608
• 邮箱：rubbertech@chrubber.com

公众平台扫码关注

客服小E展会咨询

<!-- {#foreach $T.list as item} {#if $T.item.sub_val.length>0} <li style="visibility:hidden;" class="dropdown nav-item {#if $T.menu==$T.item.key_word }active{#/if} wow fadeInUp" data-wow-duration="1s" data-wow-delay="{$T.item$index}00ms"> {#if $T.lang_set=='en-us'} <a href="#" class="" data-toggle="dropdown" style="font-size:13px;"> <p class="p-menu"> {#if $T.item.key_word=='home'} <i class="iconfont iconhome-icon-silhouette"></i> {#elseif $T.item.key_word=='exhibition_detail'} <i class="iconfont iconbank-building"></i> {#elseif $T.item.key_word=='audience_prefecture'} <i class="iconfont iconman-user"></i> {#elseif $T.item.key_word=='exhibitors_prefecture'} <i class="iconfont iconmultiple-users-silhouette"></i> {#elseif $T.item.key_word=='same_exhibitors_list'} <i class="iconfont iconcalendar"></i> {#elseif $T.item.key_word=='overseas_exhibition'} <i class="iconfont iconworld"></i> {#elseif $T.item.key_word=='media_centre'} <i class="iconfont iconnewspaper"></i> {#elseif $T.item.key_word=='contact_us_link'} <i class="iconfont iconcontact"></i> {#else} <i class="iconfont iconcontact"></i> {#/if} </p> <p class="p-menu" style="font-size:13px;"> {$T.item.menu_name_en} </p> </a> <ul class="dropdown-menu" role="menu" style="min-width:211px;"> {#foreach $T.item.sub_val as sub_item} <li class="{#if $T.sub_menu==$T.sub_item.key_word }active{#/if}" > <a style="font-size:13px;" target="{#if $T.sub_item.third_path_en}_blank{#else}_self{#/if}" href="{#if $T.sub_item.third_path_en}{$T.sub_item.third_path_en}{#else}{$T.sub_item.view_route_path}{#/if}"> <i class="fa fa-hand-o-right"></i> {$T.sub_item.menu_name_en} </a> </li> {#/for} </ul> <div class="triangle-up {#if $T.item.key_word==$T.menu||$T.item.key_word==$T.sub_menu}active{#/if}"></div> {#else} <a href="#" class="" data-toggle="dropdown" > <p class="p-menu"> {#if $T.item.key_word=='home'} <i class="iconfont iconhome-icon-silhouette"></i> {#elseif $T.item.key_word=='exhibition_detail'} <i class="iconfont iconbank-building"></i> {#elseif $T.item.key_word=='audience_prefecture'} <i class="iconfont iconman-user"></i> {#elseif $T.item.key_word=='exhibitors_prefecture'} <i class="iconfont iconmultiple-users-silhouette"></i> {#elseif $T.item.key_word=='same_exhibitors_list'} <i class="iconfont iconcalendar"></i> {#elseif $T.item.key_word=='overseas_exhibition'} <i class="iconfont iconworld"></i> {#elseif $T.item.key_word=='media_centre'} <i class="iconfont iconnewspaper"></i> {#elseif $T.item.key_word=='contact_us_link'} <i class="iconfont iconcontact"></i> {#else} <i class="iconfont iconcontact"></i> {#/if} </p> <p class="p-menu" > {$T.item.menu_name_cn} </p> </a> <ul class="dropdown-menu" role="menu" > {#foreach $T.item.sub_val as sub_item} <li class="{#if $T.sub_menu==$T.sub_item.key_word }active{#/if}" > <a target="{#if $T.sub_item.third_path_cn}_blank{#else}_self{#/if}" href="{#if $T.sub_item.third_path_cn}{$T.sub_item.third_path_cn}{#else}{$T.sub_item.view_route_path}{#/if}"> <i class="fa fa-hand-o-right"></i> {$T.sub_item.menu_name_cn} </a> </li> {#/for} </ul> <div class="triangle-up {#if $T.item.key_word==$T.menu||$T.item.key_word==$T.sub_menu}active{#/if}"></div> {#/if} </li> {#else} <li style="visibility:hidden;" class="nav-item {#if $T.menu==$T.item.key_word }active{#/if} wow fadeInUp" data-wow-duration="1s" data-wow-delay="{$T.item$index}00ms"> {#if $T.lang_set=='en-us'} <a class="" href="{#if $T.item.third_path_en }{$T.item.third_path_en}{#else}{$T.item.view_route_path}{#/if}" style="font-size:13px;"> <p class="p-menu"> {#if $T.item.key_word=='home'} <i class="iconfont iconhome-icon-silhouette"></i> {#elseif $T.item.key_word=='exhibition_detail'} <i class="iconfont iconbank-building"></i> {#elseif $T.item.key_word=='audience_prefecture'} <i class="iconfont iconman-user"></i> {#elseif $T.item.key_word=='exhibitors_prefecture'} <i class="iconfont iconmultiple-users-silhouette"></i> {#elseif $T.item.key_word=='same_exhibitors_list'} <i class="iconfont iconcalendar"></i> {#elseif $T.item.key_word=='overseas_exhibition'} <i class="iconfont iconworld"></i> {#elseif $T.item.key_word=='media_centre'} <i class="iconfont iconnewspaper"></i> {#elseif $T.item.key_word=='contact_us_link'} <i class="iconfont iconcontact"></i> {#else} <i class="iconfont iconcontact"></i> {#/if} </p> <p class="p-menu" style="font-size:13px;"> {$T.item.menu_name_en} </p> </a> <div class="triangle-up {#if $T.item.key_word==$T.menu||$T.item.key_word==$T.sub_menu}active{#/if}"></div> {#else} <a class="" href="{#if $T.item.third_path_cn }{$T.item.third_path_cn}{#else}{$T.item.view_route_path}{#/if}"> <p class="p-menu"> {#if $T.item.key_word=='home'} <i class="iconfont iconhome-icon-silhouette"></i> {#elseif $T.item.key_word=='exhibition_detail'} <i class="iconfont iconbank-building"></i> {#elseif $T.item.key_word=='audience_prefecture'} <i class="iconfont iconman-user"></i> {#elseif $T.item.key_word=='exhibitors_prefecture'} <i class="iconfont iconmultiple-users-silhouette"></i> {#elseif $T.item.key_word=='same_exhibitors_list'} <i class="iconfont iconcalendar"></i> {#elseif $T.item.key_word=='overseas_exhibition'} <i class="iconfont iconworld"></i> {#elseif $T.item.key_word=='media_centre'} <i class="iconfont iconnewspaper"></i> {#elseif $T.item.key_word=='contact_us_link'} <i class="iconfont iconcontact"></i> {#else} <i class="iconfont iconcontact"></i> {#/if} </p> <p class="p-menu"> {$T.item.menu_name_cn} </p> </a> <div class="triangle-up {#if $T.item.key_word==$T.menu||$T.item.key_word==$T.sub_menu}active{#/if}"></div> {#/if} </li> {#/if} {#/for} <li style="visibility:hidden;" class="nav-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="{$T.list.length}00ms"> <a class="flag switch-lang" href="#" data-lang="{$T.lang_set}" {#if $T.lang_set=='en-us'}style="font-size:13px;"{#/if}> <p class="p-menu"><img class="lang-img" src="/Public/front/img/{#if $T.lang_set=='zh-cn'}us{#else}cn{#/if}.svg" onerror="this.src='/Public/front/img/pure_logo.png';this.onerror=null" alt=""/></p> <p class="p-menu" {#if $T.lang_set=='en-us'}style="font-size:13px;"{#/if}>{#if $T.lang_set=='zh-cn'}English{#else}中文{#/if}</p> </a> <div class="triangle-up"></div> </li> -->

<!-- <ol class="breadcrumb pull-right"> <li> <a href="/"> <i class="iconfont iconhome-icon-silhouette"></i> </a> </li> {#foreach $T.list as item} {#if $T.item.sub_val.length>0} {#if $T.menu==$T.item.key_word } <li> <a href="#"> / {#if $T.lang_set=='zh-cn'}{$T.item.menu_name_cn}{#else}{$T.item.menu_name_en}{#/if} </a> </li> {#/if} {#foreach $T.item.sub_val as sub_item} {#if $T.sub_menu==$T.sub_item.key_word } <li> <a target="{#if !$T.sub_item.view_route_path}_blank{#else}_self{#/if}" href="{#if $T.sub_item.view_route_path}{$T.sub_item.view_route_path}{#else}{#if $T.lang_set=='zh-cn'}{$T.sub_item.third_path_cn}{#else}{$T.sub_item.third_path_en}{#/if}{#/if}"> / {#if $T.lang_set=='zh-cn'}{$T.sub_item.menu_name_cn}{#else}{$T.sub_item.menu_name_en}{#/if} </a> </li> {#/if} {#/for} {#else} {#if $T.item.key_word==$T.menu||$T.item.key_word==$T.sub_menu} {#if $T.menu==$T.item.key_word } <li> <a href="{$T.item.view_route_path}"> / {#if $T.lang_set=='zh-cn'}{$T.item.menu_name_cn}{#else}{$T.item.menu_name_en}{#/if} </a> </li> {#/if} {#if $T.sub_menu==$T.item.key_word } <li> <a href="{$T.item.view_route_path}"> / {#if $T.lang_set=='zh-cn'}{$T.item.menu_name_cn}{#else}{$T.item.menu_name_en}{#/if} </a> </li> {#/if} {#/if} {#/if} {#/for} </ol> -->

<!-- {#foreach $T.list as item} <div class="col-lg-6 new_item"> <div class="new_item_title"> {$T.item.title} </div> <div class="new_item_content"> <div class="new_item_date"> <div class="new_item_date_m">{ format_new_date_M($T.item.pub_date) }</div> <div class="new_item_date_d">{ format_new_date_YM($T.item.pub_date) }</div> </div> <div class="new_item_content_box"> <div class="new_item_content_img_box"> <img alt="{$T.item.pic_alt || ''}" src=" {$T.item.pic_url||'/Public/front/img/news/new_1.png'}" onerror="this.src='/Public/front/img/pure_logo.png';this.onerror=null" > <div class="new_item_content_head"> <div class="head_text"><i class="fa fa-calendar"></i> {$T.item.pub_date}</div> <div class="head_text"><i class="iconfont iconman-user"></i> {$T.item.author}</div> <div class="head_text"><i class="fa fa-tags"></i> {$T.item.tags_name_str}</div> </div> <div class="new_item_content_body"> <p> {$T.item.des} </p> </div> <div class="s_i_more"> <a href="/rubber-new-detail/{$T.item.urla}.html"> <div class="more_text"> <div class="more_text_left">{#if $T.language=='zh-cn'}了解更多{#else}More{#/if}</div> <div class="more_text_right"><i class="fa fa-share-square-o"></i></div> </div> </a> </div> </div> </div> </div> </div> {#/for} -->

<!-- {#foreach $T.list as item} <div class="col-lg-3 col-md-6 ex_item"> <div class="ex_item_img"> <img alt="{$T.item.pic_alt || ''}" src="{$T.item.pic_url||'/Public/front/img/news/new_1.png'}" onerror="this.src='/Public/front/img/pure_logo.png';this.onerror=null" > </div> <div class="ex_item_title"> <a href="/rubber-new-detail/{$T.item.urla}.html"> {$T.item.title}</a> </div> </div> {#/for} -->

<!-- {#foreach $T.list as item} <div class="row e_new_item "> <div class="col-lg-3 e_new_item_img"> <img alt="{$T.item.pic_alt || ''}" src="{$T.item.pic_url||'/Public/front/img/news/new_1.png'}" onerror="this.src='/Public/front/img/pure_logo.png';this.onerror=null" > </div> <div class="col-lg-9 e_new_item_content"> <div class="s_i_content col-lg-8"> <p class="p_title"><span class="s_i_content_title">{$T.item.title}</span></p> <p class="p_content"><span class="s_i_content_detail"> {$T.item.des}</span></p> </div> <div class="s_i_more col-lg-4"><a href="/rubber-new-detail/{$T.item.urla}.html"><span>{#if $T.language=='zh-cn'}了解更多{#else}More{#/if}</span></a></div> </div> </div> {#/for} -->

<!-- {#foreach $T.list as item} <div class="row overseas_item "> <div class="col-lg-3 overseas_item_img"> <img alt="{$T.item.pic_alt}" src="{$T.item.pic_url||'/Public/front/img/overseas_exhibition/oe_1.png'}" onerror="this.src='/Public/front/img/pure_logo.png';this.onerror=null" > </div> <div class="col-lg-9 overseas_item_content"> <div class="s_i_content col-lg-8"> <p><span class="s_i_content_title">{$T.item.title}</span></p> <p><span class="s_i_content_date">{$T.item.exhibition_time||''} {$T.item.exhibition_address||''} {$T.item.exhibition_cycle||''}</span></p> <p class="p_content"><span class="s_i_content_detail">{$T.item.des}</span></p> </div> <div class="s_i_more col-lg-4"><a href="/rubber_overseas_exhibition_detail/{$T.item.urla}.html"><span>{#if $T.language=='zh-cn'}了解更多{#else}More{#/if}</span></a></div> </div> </div> {#/for} -->

<!-- {#foreach $T.list as item} <div class="col-lg-3 col-md-6 ex_item"> <div class="ex_item_img"> <a href="/rubber_overseas_exhibition_detail/{$T.item.urla}.html"> <img alt="{$T.item.pic_alt || ''}" src="{$T.item.pic_url||'/Public/front/img/overseas_exhibition/oe_1.png'}" onerror="this.src='/Public/front/img/pure_logo.png';this.onerror=null" ></a> </div> <div class="ex_item_title"> <a href="/rubber_overseas_exhibition_detail/{$T.item.urla}.html">{$T.item.title}</a> </div> </div> {#/for} -->

<!-- {#foreach $T.list as item} <div class="same_item col-lg-6 no-padding"> <div class="col-lg-6 same_item_img"> <a href="/rubber_same_exhibitors_detail/{$T.item.urla}.html"><img alt="{$T.item.pic_alt || ''}" src="{$T.item.pic_url||'/Public/front/img/same_exhibitors/same_exhibitors_1.png'}" onerror="this.src='/Public/front/img/pure_logo.png';this.onerror=null" ></a> </div> <div class="col-lg-6 same_item_content"> <div class="s_i_content"> <p class="p_content_title"> <a href="/rubber_same_exhibitors_detail/{$T.item.urla}.html"> <span class="s_i_content_title">{$T.item.title}</span></a></p> <p><span class="s_i_content_detail">{$T.item.des}</span></p> </div> <div class="s_i_more"><a href="/rubber_same_exhibitors_detail/{$T.item.urla}.html"><span>{#if $T.language=='zh-cn'}了解更多{#else}More{#/if}</span> <i class="icon icon-arrow-right"></i></a></div> </div> </div> {#/for} -->

<!-- {#foreach $T.list as item} <div class="item"> <div class="same_exhibitor_item"> <div class="same_exhibitor_item_img"> <img alt="{$T.item.pic_alt || ''}" src="{$T.item.pic_url||'/Public/front/img/same_exhibitors/same_exhibitors_5.png'}" onerror="this.src='/Public/front/img/pure_logo.png';this.onerror=null" > </div> {#if $T.item.pic_logo_url} <div class="same_exhibitor_item_logo"> <img src="{$T.item.pic_logo_url||'/Public/front/img/same_exhibitors/same_exhibitors_5_1.png'}" onerror="this.src='/Public/front/img/pure_logo.png';this.onerror=null" > </div> {#/if} <div class="same_exhibitor_item_content"> <div class="s_e_i_content"> <p><span class="s_e_i_content_title">{$T.item.title}</span></p> <p><span class="s_e_i_content_detail">{$T.item.exhibition_date}</span></p> <p><a class="btn btn-orange s_i_more" href="{$T.item.exhibition_url}" target="_Blank">{#if $T.language=='zh-cn'}了解更多{#else}More{#/if}</a></p> </div> </div> </div> </div> {#/for} -->

<!-- {#foreach $T.day_list as item} <li class="nav-item"> <a class="" title="Click Me" href="#{$T.item$index}" role="tab" data-toggle="tab"> <span class="d_day">{#if $T.language=='zh-cn'}第{$T.item.day}天{#else}{$T.item.day} day{#/if}</span> <span class="d_time">{$T.item.day_str}</span> </a> </li> {#/for} -->

<!-- {#foreach $T.speech_list as item} <div role="tabpanel" class="tab-pane " id="{$T.item$index}"> {#foreach $T.item as sub_item} <div class="row"> <div class="body_content_right col-lg-9"> <div class="body_content_right_detail"> <p class="d_r_time">{$T.sub_item.speech_time_str}</p> <p class="d_r_title"><span class="d_r_text"> {#if $T.language=='zh-cn'}演讲题目：{#else}Speech: {#/if}</span>{$T.sub_item.speech_theme}</p> <p class="d_r_content">{$T.sub_item.speech_content}</p> <div class="d_r_speech row no-padding"> <div class="d_r_speech_img"> <img alt="{$T.sub_item.speech_person_pic_alt || ''}" src="{$T.sub_item.speech_person_pic_url?$T.sub_item.speech_person_pic_url:'/Public/images/def_face.jpg'}" onerror="this.src='/Public/front/img/pure_logo.png';this.onerror=null" > </div> <div class="d_r_speech_cotent"> <p class="d_r_company">{$T.sub_item.speech_company}</p> {#if $T.sub_item.speech_person!='' } {#foreach $T.sub_item.speech_person_arr as s_sbu_itme} {#if $T.language=='zh-cn'} <p class="d_r_title"><span class="d_r_text">主讲人{$T.s_sbu_itme$index+1}：</span>{$T.s_sbu_itme}</p> {#else} <p class="d_r_title"><span class="d_r_text">Speaker{$T.s_sbu_itme$index+1}：</span>{$T.s_sbu_itme}</p> {#/if} {#/for} {#/if} </div> </div> <div class="d_r_line"></div> </div> </div> </div> {#/for} </div> {#/for} -->

<!-- {#foreach $T.list as item} <tr> <td>{$T.item$index + 1}</td> <td> {$T.item.classification} </td> <td> {$T.item.area} </td> <td> {$T.item.name} </td> <td> {$T.item.product} </td> <td> {$T.item.booth} </td> </tr> {#/for} -->

<!-- {#foreach $T.list as item} <li class="wow fadeInUp col-lg-4" data-wow-duration="1.5s" data-wow-delay="500ms"> <div class="Media"> <div class="box-image"> <img class="Media-figure" alt="{$T.item.pic_alt || ''}" src="{$T.item.pic_url||'/Public/front/img/same_exhibitors/same_exhibitors_1.png'}" onerror="this.src='/Public/front/img/pure_logo.png';this.onerror=null" alt="橡胶产业创新论坛"/> </div> <div class="Media-body"> <a href="/rubber_same_exhibitors_detail/{$T.item.urla}.html" target="_blank"><h3>{$T.item.title}</h3></a> </div> </div> </li> {#/for} --> <!-- {#foreach $T.list as item} <li class="wow fadeInUp col-lg-4" data-wow-duration="1.5s" data-wow-delay="{$T.item$index%5 + 5}00ms"> <div class="Media"> <div class="s-image-wrap"> <a href="{$T.item.exhibition_url}" target="_blank"><img class="Media-figure" alt="{$T.item.pic_alt || ''}" src="{$T.item.pic_url||'/Public/front/img/same_exhibitors/same_exhibitors_5.png'}" onerror="this.src='/Public/front/img/pure_logo.png';this.onerror=null" alt=""/></a> </div> <div class="Media-body"> <h3 class="mx207"> {$T.item.title} </h3> <a class="btn btn-orange" href="{$T.item.exhibition_url}" target="_blank">{#if $T.language=='zh-cn'}了解更多资讯{#else}More{#/if}</a> </div> </div> </li> {#/for} --> <!-- {#foreach $T.list as item} <div class="col-lg-4 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="500ms"> <div class="img-wrap"> <img class="Media-figure" alt="{$T.item.pic_alt || ''}" src="{$T.oss_domain}{$T.item.pic_url||'/Public/front/img/overseas_exhibition/oe_1.png'}" onerror="this.src='/Public/front/img/pure_logo.png';this.onerror=null" alt=""> </div> <h3>{$T.item.title}</h3> <a class="btn btn-orange s_i_more" href="/rubber_overseas_exhibition_detail/{$T.item.urla}.html" target="_Blank">{#if $T.language=='zh-cn'}了解更多展会详情 →{#else}More →{#/if}</a> </div> {#/for} --> <!-- <li> <div class="row"> <div class="col-lg-6 news"> {#if $T.list[0]} <a href="/rubber-new-detail/{$T.list[0].urla}.html"> <i class="fa fa-angle-right"></i> {$T.list[0].title} </a> {#/if} </div> <div class="col-lg-6 news"> {#if $T.list[1]} <a href="/rubber-new-detail/{$T.list[1].urla}.html"> <i class="fa fa-angle-right"></i> {$T.list[1].title} </a> {#/if} </div> </div> </li> <li> <div class="row"> <div class="col-lg-6 news"> {#if $T.list[2]} <a href="/rubber-new-detail/{$T.list[2].urla}.html"> <i class="fa fa-angle-right"></i> {$T.list[2].title} </a> {#/if} </div> <div class="col-lg-6 news"> {#if $T.list[3]} <a href="/rubber-new-detail/{$T.list[3].urla}.html"> <i class="fa fa-angle-right"></i> {$T.list[3].title} </a> {#/if} </div> </div> </li> <li> <div class="row"> <div class="col-lg-6 news"> {#if $T.list[4]} <a href="/rubber-new-detail/{$T.list[4].urla}.html"> <i class="fa fa-angle-right"></i> {$T.list[4].title} </a> {#/if} </div> <div class="col-lg-6 news"> {#if $T.list[5]} <a href="/rubber-new-detail/{$T.list[5].urla}.html"> <i class="fa fa-angle-right"></i> {$T.list[5].title} </a> {#/if} </div> </div> </li> <li> <div class="row"> <div class="col-lg-6 news"> {#if $T.list[6]} <a href="/rubber-new-detail/{$T.list[6].urla}.html"> <i class="fa fa-angle-right"></i> {$T.list[6].title} </a> {#/if} </div> <div class="col-lg-6 news"> {#if $T.list[7]} <a href="/rubber-new-detail/{$T.list[7].urla}.html"> <i class="fa fa-angle-right"></i> {$T.list[7].title} </a> {#/if} </div> </div> </li> --> <!-- {#foreach $T.list as item} <div class="col-lg-4 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="500ms"> <div class="news-box"> <div class="head-img" style="background-image: url({$T.oss_domain}{$T.item.pic_url})"> <div class="calendar-card"> <h2>{ format_new_date_D($T.item.pub_date)}</h2> <p class="p9">{ format_new_date_YM($T.item.pub_date) }</p> </div> </div> <div class="body"> <p class="p7">{#if $T.language=='zh-cn'}展会新闻{#else}Exhibition news{#/if}</p> <h3 class="line-process two"> {$T.item.title} </h3> <p class="p8 line-process three">{$T.item.des}</p> <div class="btn btn-orange" onclick="javascript:location.href='/rubber-new-detail/{$T.item.urla}'">{#if $T.language=='zh-cn'}了解更多{#else}More{#/if}</div> </div> </div> </div> {#/for} --> <!-- <li><div><i class="fa fa-vcard-o"></i></div></li> {#foreach $T as item} <li data-id="{$T.item.id}" class= "{#if $T.item$index == 0}active {#/if}wow fadeInUp" data-wow-duration="1s" data-wow-delay="{$T.item$index}00ms" <div> <p>{$T.item.field}</p> </div> </li> {#/for} --> <!-- <div class="col-lg-6"> <h2>{$T.name}</h2> <p class="p11">{$T.description}</p> <ul class="item-ul"> {#foreach $T.images as item} <li> <div class="Media"> <label class="Media-figure" >{$T.item.item}</label> <div class="Media-body"> <div class="progress-bar2"> <div class="inner-bar" style="width:{$T.item.percent}%;"></div> <label class="inner-num">{$T.item.percent}%</label> </div> </div> </div> </li> {#/for} </ul> <a class="exhibitor-list" href="{#if $T.language=='zh-cn'}http://online.rubbertech-expo.com/actorlist/index.aspx{#else}http://online.rubbertech-expo.com/actorlisten/index.aspx{#/if}">{#if $T.language=='zh-cn'}查看展商列表{#else}View exhibitor list{#/if}<i class="fa fa-share"></i></a> </div> <div class="col-lg-6"> <img class="img" src="{$T.img_url}" alt=""/> </div> --> <!-- {#foreach $T.list as item} {#if $T.item.img_ext == 'mp4'} <div class="swiper-slide page-banner-ar " data-swiper-autoplay="30000" {#if $T.item.classification}onclick="window.open('{$T.item.classification}', '_blank')"{#/if} > <div class="video-wrapper"> <video autoplay="1" muted="0" loop="1"> <source src="{$T.item.savepath}" type="video/mp4"> </video> </div> {#else} <div class="swiper-slide page-banner-ar " data-swiper-autoplay="5000" {#if $T.item.classification}onclick="window.open('{$T.item.classification}', '_blank')"{#/if} style="background-image:url({$T.item.img_url})"> {#/if} <div style="color: #ffffff;background-color: rgba(0, 0, 0, 0.6);height: 100%;position: relative;width: 100%;display: flex;align-items: center;justify-content: center;"> <div class="page-banner-title"> <h1>{$T.item.name}</h1> <p class="p-1">{$T.item.product}</p> <p class="p-1">{$T.item.description}</p> {#if $T.item$index== 0 || $T.item$index== 1} <div class="row text-center"> <div class="col-lg-12"> <a class="btn btn-orange" target="_blank" {#if $T.language=='zh-cn'} href="https://dwz.cn/CzvYaiS3" {#else} href="https://dwz.cn/2IvvKwXW" {#/if}>{#if $T.language=='zh-cn'}观众预登记{#else}Pre-Registration{#/if}</a> <a class="btn" href="/previous_report">{#if $T.language=='zh-cn'}展后报告{#else}Show report{#/if}</a> </div> </div> {#/if} </div> </div> </div> {#/for} --> <!-- {#foreach $T.list as item} <div class="swiper-slide" style=""> <div style="width:320px" class="wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="500ms"> <div class="bubble"> <p>{$T.item.description}</p> </div> <div class="author"> <div class="Media"> <img class="Media-figure" src="{$T.item.img_url}" alt=""> <div class="Media-body"> <p class="p2">{$T.item.name}</p> <p class="p3">{$T.item.product}</p> </div> </div> </div> </div> </div> {#/for} --> <!-- {#foreach $T.list as item} {#if $T.item$index !=1 && $T.item$index % 2 == 0} <div class="swiper-slide" > <div class="swiper-boxer"> {#/if} <div class="boxer-wrap"> <a target="_blank" href="{$T.item.classification}" ><div class="wrap-img" style="background-image: url({$T.item.img_url})"></div></a> </div> {#if $T.item$index ==1 || $T.item$index !=0 && $T.item$index % 2 != 0 || $T.item$index == $T.list.length -1} </div> </div> {#/if} {#/for} -->