/* ==================================================
   Product Show Page
   Base CSS
   1rem = 10px
================================================== */
/* ==================================================
   Root Variables
================================================== */
:root {
    --proshow-blue: #1677ff;
    --proshow-orange: #f08201;
    --proshow-bg: #f7faff;
    --proshow-light-blue: #eef6ff;
    --proshow-border: #e7edf5;
    --proshow-text: #1b2738;
    --proshow-desc: #6d7887;
    --proshow-radius: 2.4rem;
    --proshow-transition: .35s ease;
}
/* ==================================================
   Container
================================================== */
.proshow_container {
    width: 165rem;
    margin: 0 auto;
}
/* ==================================================
   Section Common
================================================== */
.proshow_section_head {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 3rem;
    justify-content: space-between;
}
.proshow_section_num {
    font-size: 1.6rem;
    color: var(--proshow-orange);
    font-weight: 600;
    position: relative;
    padding-left: 4rem;
}
.proshow_section_num::before {
    content: "";
    width: 3rem;
    height: .2rem;
    background: var(--proshow-orange);
    position: absolute;
    left: 0;
    top: 50%;
}
.proshow_section_title {
    font-size: 3rem;
    color: var(--proshow-text);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.proshow_section_heada{
    display: flex;
    flex-direction: row;
    padding-right: 5rem;
    align-items: center;
    font-size: 1.5rem;
    font-weight: bold;
    color: #444444;
    transition: .4s;
}
.proshow_section_heada svg{
    width: 3rem;
    margin-left: 2rem;
    transition: .4s;
}
.proshow_section_heada:hover{
    color: var(--proshow-orange);
}
.proshow_section_heada:hover svg{
    transform: translateX(.6rem);
}
/* ==================================================
   Hero Banner
================================================== */
.proshow_banner {
    padding: 11rem 0 6rem;
    background:
    linear-gradient(
        180deg,
        #f4f9ff 0%,
        #ffffff 100%
    );
    overflow:hidden;
    background-image: url(../images/pro_show_banner1.jpg);
}
.proshow_banner .proshow_container{
    position: relative;
}
.proshow_breadcrumb {
    display:flex;
    align-items:center;
    gap:1rem;
    font-size:1.4rem;
    color:#8b96a5;
    padding-top: 2rem;
    position: absolute;
}
.proshow_breadcrumb a {
    color:#8b96a5;
}
.proshow_breadcrumb strong {
    color:var(--proshow-text);
    font-weight:500;
}
.proshow_banner_wrap {
    display: grid;
    grid-template-columns: 50rem 1fr 32rem;
    align-items: center;
    gap: 4rem;
}
.proshow_banner_title {
    font-size:5rem;
    line-height:1;
    color:var(--proshow-text);
    font-weight:700;
    margin-bottom:1.5rem;
}
.proshow_btn-arrow{
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    z-index: 2;
    transition: .4s;
    margin-left: 1.5rem;
}
.proshow_banner_subtitle {
    font-size:3rem;
    font-weight:500;
    color:#4c596b;
    margin-bottom:3rem;
}
.proshow_banner_line {
    width:6rem;
    height:.4rem;
    background:var(--proshow-orange);
    margin-bottom:3rem;
}
.proshow_banner_desc {
    font-size:1.7rem;
    line-height:1.8;
    color:var(--proshow-desc);
    margin-bottom:4rem;
}
/* Buttons */
.proshow_banner_btns {
    display:flex;
    gap:2rem;
}
.proshow_banner_btns .proshow_btn_white img{
    width: 1.8rem;
    margin-left: 1.5rem;
}
.proshow_banner_btns .proshow_btn_white img:nth-child(2){
    display: none;
}
.proshow_banner_btns .proshow_btn_white:hover img:nth-child(1){
    display: none;
}
.proshow_banner_btns .proshow_btn_white:hover img:nth-child(2){
    display: block;
}
.proshow_btn {
    height: 5.6rem;
    padding: 0 2.5rem;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    transition: var(--proshow-transition);
    font-weight: bold;
}
.proshow_btn_orange {
    background:var(--proshow-orange);
    color:#fff;
}
.proshow_btn_orange:hover {
    transform:translateY(-.3rem);
}
.proshow_btn_white {
    border:.1rem solid var(--proshow-border);
    background:#fff;
    color:var(--proshow-text);
}
.proshow_btn_white:hover {
    border-color:var(--proshow-orange);
    color:var(--proshow-orange);
}
/* Center Product */
.proshow_banner_center {
    display:flex;
    justify-content:center;
}
.proshow_banner_image {
    width:66rem;
}
.proshow_banner_image img {
    width:100%;
    display:block;
}
/* Right Data */
.proshow_banner_right {
    display:flex;
    flex-direction:column;
    gap:4rem;
}
.proshow_data_card {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 2.4rem;
    background: #ffffffbd;
    border-radius: 1rem;
    border: .1rem solid var(--proshow-border);
    transition: var(--proshow-transition);
}
.proshow_data_card:hover {
    border-color:#cfe2ff;
    transform:translateX(-.5rem);
}
.proshow_data_icon {
    width:5rem;
    height:5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:1.4rem;
}
.proshow_data_value {
    font-size:2.4rem;
    font-weight:700;
    color:var(--proshow-text);
}
.proshow_data_name {
    font-size:1.4rem;
    color:var(--proshow-desc);
    margin-top:.5rem;
}
/* ==================================================
   Product Overview
================================================== */
.proshow_overview {
    padding:3rem 0;
    background:#fff;
}
.proshow_overview_wrap {
    display: grid;
    grid-template-columns: 60rem 1fr;
    gap: 8rem;
    align-items: center;
}
/* ==================================================
   Gallery
================================================== */
.proshow_gallery {
    position:relative;
}
.proshow_gallery_swiper {
    width:100%;
    border-radius:3rem;
    overflow:hidden;
}
.proshow_gallery_item {
    display: flex;
    width: 100%;
    height: 60rem;
    background: #f7faff;
    border-radius: 3rem;
    overflow: hidden;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.proshow_gallery_item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    transition: 1s ease;
}
.proshow_gallery_item:hover img {
    transform:scale(1.05);
}
/* Prev Next */
.proshow_gallery_prev,
.proshow_gallery_next {
    width:5rem;
    height:5rem;
    border-radius:50%;
    background:#ffffff99;
    border:.1rem solid var(--proshow-border);
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.3s ease;

}
.proshow_gallery_prev {
    left:2rem;
}
.proshow_gallery_prev .proshow_series_arrowleft{
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    border-left: .2rem solid #939393;
    border-bottom: .2rem solid #939393;
    transform: rotate(45deg);
    transition: .3s;
}
.proshow_gallery_next .proshow_series_arrowright{
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    border-top: .2rem solid #939393;
    border-right: .2rem solid #939393;
    transform: rotate(45deg);
    transition: .3s;
}
.proshow_gallery_next {
    right:2rem;
}
.proshow_gallery_prev img,
.proshow_gallery_next img {
    width:1.6rem;
}
.proshow_gallery_prev:hover,
.proshow_gallery_next:hover {
    background:var(--proshow-orange);
    border-color:var(--proshow-orange);
}
.proshow_gallery_prev:hover .proshow_series_arrowleft,
.proshow_gallery_next:hover .proshow_series_arrowright{
    border-color: white;
}
.proshow_gallery_pagination {
    position:absolute!important;
    bottom:1rem!important;
    left:50%!important;
    transform:translateX(-50%);
    z-index:3;
}
/* Swiper Dot */
.proshow_gallery_pagination .swiper-pagination-bullet {
    width:.8rem;
    height:.8rem;
    background:#d4e5f7;
    opacity:1;
    margin:0 .5rem;
}
.proshow_gallery_pagination .swiper-pagination-bullet-active {
    width:2.5rem;
    border-radius:1rem;
    background:var(--proshow-orange);
}
/* ==================================================
   Overview Content
================================================== */
.proshow_overview_desc {
    font-size:1.7rem;
    line-height:1.7;
    color:var(--proshow-desc);
    margin-bottom:5rem;
}
/* Feature List */
.proshow_feature_list {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:2rem;
}
.proshow_feature_item {
    display:flex;
    align-items:center;
    gap:2rem;
    padding:2rem;
    border-radius:2rem;
    background:#fff;
    border:.1rem solid var(--proshow-border);
    transition:.35s ease;
}
.proshow_feature_item:hover {
    border-color:#cfe2ff;
    transform:translateX(.5rem);
}
/* Icon */
.proshow_feature_icon {
    width:5.5rem;
    height:5.5rem;
    flex-shrink:0;
    border-radius:1.5rem;
    background:#f1f7ff;
    display:flex;
    align-items:center;
    justify-content:center;
}
.proshow_feature_icon img {
    width:2.8rem;
}
/* Text */
.proshow_feature_title {
    font-size:1.7rem;
    font-weight:600;
    color:var(--proshow-text);
    margin-bottom:.5rem;
}
.proshow_feature_desc {
    font-size:1.4rem;
    color:var(--proshow-desc);
}
/* ==================================================
   Technical Specifications
================================================== */
.proshow_specs {
    padding:3rem 0;
    background:var(--proshow-light-blue);
}
.proshow_specs_wrap {
    display: grid;
    gap: 0 5rem;
    grid-template-columns: repeat(3, 1fr);
}
/* ==================================================
   Specification Item
================================================== */
.proshow_specs_item {
    display: flex;
    align-items: center;
    min-height: 4.5rem;
    border-bottom: 2px solid #d4e7ff;
    transition: .3s ease;
    background-color: white;
    justify-content: space-between;
    padding: 0rem 4rem;
}
.proshow_specs_wrap .proshow_specs_item:nth-child(1),.proshow_specs_wrap .proshow_specs_item:nth-child(2),.proshow_specs_wrap .proshow_specs_item:nth-child(3){
    border-top: 2px solid #145be8;
}
.proshow_specs_item:hover {
    background:#eff3f9;
}
/* Name */
.proshow_specs_name {
    font-size: 1.4rem;
    color: #335081;
    font-weight: bold;
}
/* Middle Line */
.proshow_specs_line {
    flex:1;
    height:.1rem;
    border-bottom:.1rem dashed #dbe5f0;
    margin:0 1.5rem;
}
/* Value */
.proshow_specs_value {
    font-size: 1.7rem;
    font-weight: 600;
    color: #0d46b7;
    white-space: nowrap;
}
/* ==================================================
   Section Animation Ready
================================================== */
.proshow_specs_item.is_show {
    opacity:1;
    transform:translateY(0);
}
/* ==================================================
   Marketing Banner
================================================== */
.proshow_marketing{
    width: 100%;
    overflow: hidden;
}
.proshow_marketing img{
    max-width: 100%;
}
/* ==================================================
   Product Information
================================================== */
.proshow_information {
    padding:10rem 0;
    background:#fff;
}
.proshow_information_wrap {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:5rem;
}
/* ==================================================
   Common Information Head
================================================== */
.proshow_information_head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:3rem;
}
.proshow_information_title {
    font-size: 2.8rem;
    line-height: 1.3;
    color: var(--proshow-text);
    font-weight: 600;
    margin-bottom: 2rem;
}
/* ==================================================
   Applications
================================================== */
.proshow_application {
    background:#f7faff;
    padding:4rem;
    border-radius:3rem;
}
.proshow_application_image {
    width:100%;
    height:42rem;
    overflow:hidden;
    border-radius:2rem;
    margin-bottom:3rem;
}
.proshow_application_image img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.8s ease;
}
.proshow_application:hover 
.proshow_application_image img {
    transform:scale(1.05);
}
.proshow_application_desc {
    font-size:1.7rem;
    color:var(--proshow-desc);
    line-height:1.8;
}
/* ==================================================
   Manufacturing Process
================================================== */
.proshow_process {
    background:#f7faff;
    padding:4rem;
    border-radius:3rem;
}
.proshow_process_list {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:2rem;
}
.proshow_process_item {
    background:#fff;
    border-radius:2rem 2rem 0 0 ;
    overflow:hidden;
    transition:.35s ease;
}
.proshow_process_item:hover {
    transform:translateY(-.5rem);
}
.proshow_process_image {
    width:100%;
    height:20rem;
    overflow:hidden;
}
.proshow_process_image img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s ease;
}
.proshow_process_item:hover 
.proshow_process_image img {
    transform:scale(1.08);
}
.proshow_process_name {
    font-size:1.6rem;
    color:var(--proshow-text);
    font-weight:500;
    padding:2rem;
}
/* ==================================================
   Certificate
================================================== */
.proshow_certificate {
    margin-top:5rem;
    padding:4rem;
    border-radius:3rem;
    background:#f7faff;
}
.proshow_certificate_wrap {
    display:grid;
    grid-template-columns:
    1fr
    1fr;
    gap:5rem;
    align-items:center;
}
/* Left */
.proshow_certificate_left {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:2rem;
}
.proshow_certificate_item {
    width:100%;
    background:#fff;
    overflow:hidden;
    border:.1rem solid var(--proshow-border);
}
.proshow_certificate_item img {
    object-fit:contain;
}
/* ==================================================
   Single Certificate
   CMS Only One Item
================================================== */
.proshow_certificate_left 
.proshow_certificate_item:only-child {
    grid-column:1 / 3;
}
/* Right */
.proshow_certificate_right {
    padding-left:2rem;
}
.proshow_certificate_desc {
    font-size:1.7rem;
    color:var(--proshow-desc);
    line-height:1.8;
    margin-bottom:4rem;
}
.proshow_certificate_logo {
    margin-top: 7rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}
.proshow_certificate_logo_item {
    height:8rem;
    background:#fff;
    border-radius:1.5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    border:.1rem solid var(--proshow-border);
}
.proshow_certificate_logo_item img {
    max-width:70%;
    max-height:5rem;
}
/* ==================================================
   Download Resources
================================================== */
.proshow_resource {
    padding:3rem 0;
    background:var(--proshow-light-blue);
}
.proshow_resource_wrap {
    display:grid;
    grid-template-columns:
    1fr
    1fr;
    gap:6rem;
    align-items:start;
}
/* ==================================================
   Download
================================================== */
.proshow_download {
    border-radius:3rem;
}
.proshow_download_list {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:2rem;
}
/* PDF Item */
.proshow_download_item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3rem;
    background: #f7faff;
    border-radius: 1rem;
    border: 1px solid #9bbcff;
    transition: .35s ease;
    height: 51.6rem;
}
.proshow_download_item:hover {
    border-color:#d7e8ff;
    transform:translateY(-.5rem);
}
/* Single PDF */
.proshow_download_item:only-child {
    grid-column:1 / 3;
}
/* Icon */
.proshow_download_icon {
    width: 29rem;
    height: 29rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 1.8rem;
    margin-bottom: 3rem;
}
.proshow_download_icon img {
    width:100%;
}
/* Text */
.proshow_download_title {
    font-size:2rem;
    font-weight:600;
    color:var(--proshow-text);
    margin-bottom:1rem;
    transition: .35s ease;
}
.proshow_download_item:hover .proshow_download_title{
    color: var(--proshow-orange);;
}
.proshow_download_desc {
    font-size: 1.5rem;
    line-height: 1.7;
    color: var(--proshow-desc);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
}
/* Arrow */
.proshow_download_arrow {
    width: 14rem;
    height: 4rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2rem;
    font-weight: bold;
    background: white;
    color: var(--proshow-orange);
    border: 1px solid var(--proshow-orange);
    transition: .35s ease;
}
.proshow_download_arrow img {
    width:1.8rem;
    transition: .35s ease;
}
.proshow_download_arrow img:nth-child(2){
    display: none;
}
.proshow_download_item:hover .proshow_download_arrow{
    background: var(--proshow-orange);
    color: white;
}
.proshow_download_item:hover .proshow_download_arrow img:nth-child(1){
    display: none!important;
}
.proshow_download_item:hover .proshow_download_arrow img:nth-child(2){
    display: block;!important;
}
/* ==================================================
   Video
================================================== */
.proshow_video {
    background: #fff;
    padding: 4rem;
    border-radius: 1rem;
    height: 51.6rem;
}
/* Video Cover */
.proshow_video_box {
    display:block;
    width:100%;
}
.proshow_video_cover {
    width:100%;
    aspect-ratio:16 / 9;
    position:relative;
    overflow:hidden;
    border-radius:1rem;
}
.proshow_video_cover iframe {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.8s ease;
}
.proshow_video_box:hover 
.proshow_video_cover img {
    transform:scale(1.05);
}
/* Play */
.proshow_video_play {
    width:8rem;
    height:8rem;
    border-radius:50%;
    background:rgba(255,255,255,.95);
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s ease;
}
.proshow_video_play img {
    width:2.5rem;
    height:auto;
}
.proshow_video_box:hover 
.proshow_video_play {
    background:var(--proshow-orange);
}
.proshow_video_box:hover 
.proshow_video_play img {
    filter:brightness(0) invert(1);
}
/* Video Content */
.proshow_video_content {
    padding-top:3rem;
}
.proshow_video_title {
    font-size:2.4rem;
    font-weight:600;
    color:var(--proshow-text);
    margin-bottom:1.5rem;
}
.proshow_video_desc {
    font-size:1.6rem;
    line-height:1.8;
    color:var(--proshow-desc);
}
/* ==================================================
   Related Products
================================================== */
.proshow_related {
    padding:10rem 0;
    background:#fff;
}
.proshow_related_wrap {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:3rem;
}
/* ==================================================
   Product Card
================================================== */
.proshow_related_item {
    background:#fff;
    border-radius:1rem;
    overflow:hidden;
    border:.1rem solid var(--proshow-border);
    transition:.35s ease;
}
.proshow_related_item:hover {
    transform:translateY(-.8rem);
    border-color:#d4e7ff;
}
/* Image */
.proshow_related_image {
    display:block;
    width:100%;
    height:32rem;
    background:#f7faff;
    overflow:hidden;
}
.proshow_related_image img {
    width:100%;
    height:100%;
    object-fit:contain;
    transition:.8s ease;
}
.proshow_related_item:hover 
.proshow_related_image img {
    transform:scale(1.08);
}
/* Content */
.proshow_related_content {
    padding:3rem;
}
.proshow_related_title {
    font-size:2rem;
    line-height:1.4;
    color:var(--proshow-text);
    font-weight:600;
    min-height:5.6rem;
    margin-bottom:2.5rem;
    transition:.4s ease;
}
.proshow_related_item:hover .proshow_related_title{
    color:var(--proshow-orange);
}
/* Link */
.proshow_related_link {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.5rem;
    color: var(--proshow-text);
    font-weight: 500;
    justify-content: space-between;
}
.proshow_related_linklr{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.proshow_related_linklr img{
    width: 4rem;
    height: 4rem;
}
.proshow_related_linktit{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 1rem;
    font-size: 1.7rem;
    font-weight: bold;
    color: #383838;
}
.proshow_related_linktit span {
    display: block;
    font-size: 1.3rem;
    font-weight: 200;
    color: #727272;
    margin-top: 0.5rem;
}
.proshow_related_linktit:hover span {

}
/* ==================================================
   Inquiry
================================================== */
.proshow_inquiry {
    padding:12rem 0;
    background:
    linear-gradient(
        135deg,
        #f2f8ff 0%,
        #ffffff 100%
    );
}
.proshow_inquiry_wrap {
    display:grid;
    grid-template-columns:
    1fr
    65rem;
    gap:8rem;
    align-items:center;
}
/* ==================================================
   Left Content
================================================== */
.proshow_inquiry_title {
    font-size:5rem;
    line-height:1.25;
    color:var(--proshow-text);
    font-weight:600;
    margin:3rem 0;
}
.proshow_inquiry_desc {
    font-size:1.8rem;
    line-height:1.8;
    color:var(--proshow-desc);
    width:55rem;
    margin-bottom:5rem;
}
/* Features */
.proshow_inquiry_features {
    display:flex;
    gap:3rem;
}
.proshow_inquiry_feature {
    display:flex;
    align-items:center;
    gap:1.5rem;
}
.proshow_inquiry_feature_icon {
    width:5rem;
    height:5rem;
    background:#fff;
    border-radius:1.5rem;
    display:flex;
    align-items:center;
    justify-content:center;
}
.proshow_inquiry_feature_icon img {
    width:2.5rem;
}
.proshow_inquiry_feature_text {
    font-size:1.5rem;
    color:var(--proshow-text);
    font-weight:500;
}
/* ==================================================
   Form
================================================== */
.proshow_inquiry_form {
    background:#fff;
    padding:5rem;
    border-radius:3rem;
    box-shadow:
    0 2rem 6rem rgba(0,0,0,.06);
}
.proshow_form_row {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:2rem;
}
.proshow_form_item {
    margin-bottom:2rem;
}
.proshow_form_item input,
.proshow_form_item textarea {
    width:100%;
    border:
    .1rem solid var(--proshow-border);
    background:#fff;
    border-radius:1.5rem;
    padding:0 2rem;
    font-size:1.6rem;
    color:var(--proshow-text);
    transition:.3s ease;
    outline:none;
}
.proshow_form_item input {
    height:5.8rem;
}
.proshow_form_item textarea {
    height:16rem;
    padding-top:2rem;
    resize:none;
}
.proshow_form_item input::placeholder,
.proshow_form_item textarea::placeholder {
    color:#a0aab8;
}
.proshow_form_item input:focus,
.proshow_form_item textarea:focus {
    border-color:var(--proshow-orange);
}
/* Submit */
.proshow_form_submit {
    width:100%;
    height:6rem;
    border:none;
    border-radius:3rem;
    background:var(--proshow-orange);
    color:#fff;
    font-size:1.7rem;
    font-weight:500;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:1rem;
    cursor:pointer;
    transition:.35s ease;
}
.proshow_form_submit span {
    transition:.35s ease;
}
.proshow_form_submit:hover {
    transform:translateY(-.4rem);
}
.proshow_form_submit:hover span {
    transform:translateX(.5rem);
}
/* ==================================================
   Scroll Animation Base
================================================== */
.proshow_animate {
    opacity:0;
    transform:translateY(4rem);
    transition:
    .8s ease;
}
.proshow_animate.is_active {
    opacity:1;
    transform:translateY(0);
}
/* ==================================================
   Swiper Detail Style
================================================== */
.proshow_gallery {
    overflow:hidden;
}
.proshow_gallery_swiper {
    position:relative;
}
.proshow_gallery_swiper .swiper-wrapper {
    height:100%;
}
.proshow_gallery_swiper .swiper-slide {
    height:auto;
}
/* Arrow Disabled */
.proshow_gallery_prev.swiper-button-disabled,
.proshow_gallery_next.swiper-button-disabled {
    opacity:.35;
    cursor:not-allowed;
}
/* Pagination Position */
.proshow_gallery_pagination {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
}
.proshow_gallery_pagination .swiper-pagination-bullet {
    transition:.35s ease;
}
.proshow_gallery_pagination .swiper-pagination-bullet-active {
    transform:scale(1.1);
}
/* ==================================================
   Image Control
================================================== */
.proshow_banner_image img,
.proshow_related_image img {
    user-select:none;
}
.proshow_gallery_item img {
    object-fit:cover;
}
.proshow_banner_image img {
    object-fit:contain;
}
.proshow_related_image img {
    object-fit:contain;
}
.proshow_certificate_item img {
    object-fit:contain;
}
/* ==================================================
   CMS Empty State
================================================== */
.proshow_empty {
    width:100%;
    min-height:20rem;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#9aa5b5;
    font-size:1.6rem;
    background:#f7faff;
    border-radius:2rem;
}
/* ==================================================
   Animation Prepare
================================================== */
.proshow_fade_up {
    opacity:0;
    transform:translateY(5rem);
    transition:
    opacity .8s ease,
    transform .8s ease;
}
.proshow_fade_up.is_active {
    opacity:1;
    transform:translateY(0);
}
.proshow_fade_left {
    opacity:0;
    transform:translateX(-5rem);
    transition:
    opacity .8s ease,
    transform .8s ease;
}
.proshow_fade_left.is_active {
    opacity:1;
    transform:translateX(0);
}
.proshow_fade_right {
    opacity:0;
    transform:translateX(5rem);
    transition:
    opacity .8s ease,
    transform .8s ease;
}
.proshow_fade_right.is_active {
    opacity:1;
    transform:translateX(0);
}
/* ==================================================
   Stagger
================================================== */
.proshow_stagger_item {
    opacity:0;
    transform:translateY(3rem);
    transition:.7s ease;
}
.proshow_stagger_item.is_active {
    opacity:1;
    transform:translateY(0);
}
/* ==================================================
   Product Information
================================================== */
.proshow_info{
    padding:3rem 0;
    background:#fff;
}
.proshow_info_grid{
    display:grid;
    grid-template-columns:
    1.05fr
    1.05fr
    .9fr;
    gap:2rem;
}
.proshow_info_card{
    background:#fff;
    border:.1rem solid #edf1f7;
    padding:2.5rem;
    box-shadow:
    0 1rem 3rem rgba(0,0,0,.03);
        opacity:0;
    transform:translateY(4rem);
    transition:
    opacity .8s ease,
    transform .8s ease;
}
/* Header */
.proshow_info_head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:2.5rem;
}
.proshow_info_head h3{
    font-size:1.8rem;
    font-weight:700;
    color:#152238;
}
.proshow_info_head h3:before{
    content:"";
    display:block;
    width:2rem;
    height:.3rem;
    background:#ff6b00;
    margin-bottom:1rem;
}
.proshow_info_head a{
    font-size:1.2rem;
    color:#7b8798;
}
/* Applications */
.proshow_application_list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:2rem;
}
.proshow_application_item img{
    width:100%;
    height:15rem;
    object-fit:cover;
}
.proshow_application_item p{
    text-align:center;
    font-size:1.3rem;
    margin-top:1rem;
    color:#4a5568;
}
/* Manufacturing */
.proshow_process_list{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1.5rem;
}
.proshow_process_item img{
    width:100%;
    height:14rem;
    object-fit:cover;
}
.proshow_process_item span{
    display:block;
    color:#ff6b00;
    font-size:1.2rem;
    font-weight:600;
    margin-top:.8rem;
}
.proshow_process_item p{
    font-size:1.1rem;
    color:#4a5568;
}
/* Certificate */
.proshow_certificate_list{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1rem;
    height: 20rem;
    align-items: center;
}
.proshow_certificate_item img{
    width:100%;
    object-fit:contain;
}
.proshow_certificate_logo{
    margin-top:3rem;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:2rem;
}
.proshow_certificate_logo img{
    width:100%;
    object-fit:contain;
}
.proshow_info_card.is_active{
    opacity:1;
    transform:translateY(0);
}
/* 内部图片轻微进入 */
.proshow_application_item,
.proshow_process_item,
.proshow_certificate_item,
.proshow_certificate_logo img{
    opacity:0;
    transform:translateY(2rem);
    transition:
    opacity .6s ease,
    transform .6s ease;
}
.proshow_info_card.is_active 
.proshow_application_item,
.proshow_info_card.is_active 
.proshow_process_item,
.proshow_info_card.is_active 
.proshow_certificate_item,
.proshow_info_card.is_active 
.proshow_certificate_logo img{
    opacity:1;
    transform:translateY(0);
    transition-delay:.2s;
}
.ind9_contact{
    background: var(--proshow-light-blue);
}
html {
    scroll-behavior: smooth; /* 平滑滚动 */
}
#product-overview {
    scroll-margin-top: 0; /* 区块顶端贴浏览器顶部 */
}