/* amazeui reset */
.am-g-fixed, .am-container { max-width: 1350px; }
.am-slider-a5 {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  /* Control Nav */
}
.am-slider-a5 .am-control-nav li a.am-active { background-color: #ffffff; }

.am-breadcrumb {
    padding: 1.5em 0;
    margin-bottom: 0;  
    font-size: 100%;
}

/*
.am-gallery { padding: 0; }
.am-gallery-default > li { padding: 0 17px 35px 17px;}
*/


/* ========================== */

.be-header-wrap { 
    width: 100%; 
    height: 82px; 
    line-height: 82px; 
    border-bottom: 1px solid #d6d5d5;
}
.be-header-language-ver a { 
    color: #5b5657; 
    margin-left: 25px;
}
.be-header-language-ver a:hover { color: #c30d23; }
.be-header-language-ver span { margin-left: 25px; }

.be-header-slogan { letter-spacing: 0.5em; }
.be-header-slogan-en { letter-spacing: 0.15em; }

.be-header-slogan span,
.be-header-search-ico a:hover { color: #c30d23; }

.be-header-column { height: 120px; }


/* Global Title & Sub Title */
.be-global-title h2 { 
    font-size: 1.875em; 
    margin: 0;     
}
.be-global-title h3 { 
    font-size: 1.625em;
    margin: 29px 0 0 0; 
}

.be-global-sub-title,
.be-home-history-list { 
    position: absolute; 
    bottom: 34px; 
    left: 55px;
}
.be-global-sub-title h4,
.be-home-product-center-left h4,
.be-culture h4,
.be-tech h4,
.be-rd h4 { 
    font-size: 1.25em; 
    margin: 0;     
}
.be-global-sub-title h5,
.be-home-product-center-left h5,
.be-culture h5,
.be-tech h5,
.be-rd h5 { margin: 6px 0 0 0; }


/* Header Column */
.be-header-column .am-nav > li > a {
    border-top: 2px solid #fff;    
    margin: 0 21px;
    padding: 60px 0 20px 0;  
    color: #5b5657;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.be-header-column .am-nav > li.end > a {  
    margin: 0 0 0 21px;
    padding: 60px 0 20px 0; 
}
.be-header-column .am-nav > li > a:hover,
.be-header-column .am-nav > li > a:focus {
    border-top: 2px solid #c30d23;      
    background: none;
    color: #c30d23;    
}

.be-header-column .am-nav > li.am-active > a,
.be-header-column .am-nav > li.am-active > a:hover,
.be-header-column .am-nav > li.am-active > a:focus {
    border-top: 2px solid #c30d23;
    color: #c30d23; 
    background: none;
}


/* Home About */
.be-home-introduction,
.be-home-culture,
.be-home-history { 
    overflow: hidden; 
    border-radius: 10px;
}

.be-home-history { margin-top: 30px; }

.be-home-introduction a,
.be-home-culture a,
.be-home-history a { display: block; }

.be-home-introduction a {    
    height: 611px; 
    background: url("../../images/home-introduction.jpg") 0 0 no-repeat;
}
.be-home-culture a {    
    height: 380px; 
    background: url("../../images/home-culture.jpg") 0 0 no-repeat;
}
.be-home-history a {    
    height: 380px; 
    background: url("../../images/home-history.jpg") 0 0 no-repeat;
}

.be-home-introduction a:hover,
.be-home-culture a:hover,
.be-home-history a:hover {
    -ms-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    transition-duration: 0.5s;
}

.be-home-introduction:hover .be-global-sub-title,
.be-home-culture:hover .be-global-sub-title,
.be-home-history:hover .be-global-sub-title {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
    transition-duration: 0.5s;
}

.be-home-history .be-global-sub-title {
    position: absolute; 
    top: 62px; 
    left: 55px;
}

.be-home-history-list ul {
    height: 64px;
    overflow: hidden;
    margin: 0 0 3px 0;
    padding: 0;
}
.be-home-history-list ul li {
    height: 64px;
    list-style: none;
}
.be-home-history-list ul li:first-child {
    margin-top: 0px;
    transition: margin-top .8s;    
}

.be-home-history-list span { font-size: 1.625em; }
.be-home-history-list h6 { margin: 0; }


/* Home Product center */
.be-home-product-center-wrap,
.be-home-product-center-wrap-en {     
    background: #fef5f0 url("../../images/home-product-center.gif") 100% 80px no-repeat; 
    background-attachment: fixed;
}

.be-home-product-center-wrap { min-height: 634px; }
.be-home-product-center-wrap-en { min-height: 407px; }

.be-home-product-center-container-wrap { padding: 0 15px; }

.be-home-product-center-left {
    background: #c30d23; 
    padding: 205px 0 35px; 
}
.be-home-product-center-left h4,
.be-home-product-center-left h5 { margin-left: 40px; }

.be-home-product-center-left span { 
    font-size: 0.375em; 
    line-height: 0.375em; 
    margin: 0 15px;
}
.be-home-product-center-left-en span { margin: 0 6px; }

.be-home-product-center-left a:hover { 
    border-bottom: 2px solid #fff; 
    padding-bottom: 10px;
}

.be-home-product-center-right { background-color: #a97d54; }
.be-home-product-center-right li { overflow: hidden; }
.be-home-product-center-right li a { 
    display: block; 
    min-height: 303px; 
    opacity: 0.5; 
    transition-duration: 0.5s;
}
.be-home-product-center-right li a:hover { 
    opacity: 1; 
    transition-duration: 0.2s;
}

.be-home-product-center-right li a span { display: none; }
.be-home-product-center-right li a:hover span { 
    position: absolute;
    bottom: 0;
    display: block;
    width: 25%;
    height: 47px;
    line-height: 47px;
    padding-left: 20px; 
    color: #fff;
    bottom: 0;
    background-color: rgba(34,24,21,0.6);
}

.be-home-product-class-1 a { background: url("../../images/home-pordocut-class-1.jpg") 0 0 no-repeat; }
.be-home-product-class-2 a { background: url("../../images/home-pordocut-class-2.jpg") 0 0 no-repeat; }
.be-home-product-class-3 a { background: url("../../images/home-pordocut-class-3.jpg") 0 0 no-repeat; }
.be-home-product-class-4 a { background: url("../../images/home-pordocut-class-4.jpg") 0 0 no-repeat; }


/* Home 360 VR */
.be-home-360vr-wrap { 
    height: 280px;
    background: url("../../images/home-360vr.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}

.be-home-360vr-wrap .am-container { height: 280px; }
.be-home-360vr-wrap .am-container div  { 
    letter-spacing: 0.8em; 
    transition-duration: 0.2s;
}
.be-home-360vr-wrap .am-container div:hover { 
    letter-spacing: 1.2em; 
    transition-duration: 0.5s;
}
.be-home-360vr-wrap .am-container h3 { margin: 0; }


/* Home News Center */
.be-home-news-center { margin-top: 29px; }
.be-home-news-center .am-list > li {  
    min-height: 59px;
    line-height: 59px;
    margin-bottom: 0px;  
    border: 1px solid #d6d5d5;
    border-width: 0 0 1px 0;
}
.be-home-news-center ul li a span { 
    font-size: 1.4em;
    margin-right: 66px;
}
.be-home-news-center .am-list > li a:hover { color: #c30d23; }


/* Home Market Potential */
.be-home-market-wrap { background-color: #c30d23; padding: 60px 0; }
.be-home-market .be-global-title hr { border: 1px solid #ffffff; }
.be-home-market-content { margin-top: 32px; }


/* Home Banner Service */
.be-home-banner-service-wrap { 
    height: 97px;
    background: url("../../images/home-banner-service.jpg") ;
    background-attachment: fixed;    
    background-position: center;
}
.be-home-banner-service-wrap .am-container div { height: 97px; }
.be-home-banner-service-wrap .am-container a { font-size: 13px; color: #c30d23; }
.be-home-banner-service-wrap .am-container a:hover { background-color: #c30d23; color: #ffffff; border-color: #c30d23; }


/* Home Footer */
.be-footer ul,
.be-footer ul li { 
    margin: 0; 
    padding: 0;
}
.be-footer ul li { 
    list-style: none; 
    line-height: 2.2em;
}
.be-footer ul.be-footer-column li:hover {     
    background-color: #fef5f0;
    padding-left: 15px;
    transition-duration: 0.5s;
}
.be-footer ul li span { margin-right: 15px; }
.be-footer ul li span a:hover { border-bottom: 1px solid #c30d23; }


.be-footer-qrcode ul { width: 260px; float: right }
.be-footer-qrcode ul li { font-size: 0.8125em; text-align: center; }


/* Home Copyright */
.be-copyright-wrap { 
    border-top: 1px solid #d6d5d5;
    padding: 35px 0;
}


/* ========== Page ========== */


/* Sub Column */
.be-sub-column-wrap { 
    background-color: #fff; 
    border-bottom: 1px solid #d6d5d5;
    /*box-shadow: 0px 0px 8px 4px #dedede;*/
}

.be-sub-column .am-nav > li > a {
    border-bottom: 2px solid #fff;    
    margin: 0 42px 0 0;
    padding: 20px 0;  
    color: #5b5657;
}
.be-sub-column .am-nav > li.end > a {  
    margin: 0 0 0 21px;
    padding: 60px 0 20px 0; 
}
.be-sub-column .am-nav > li > a:hover,
.be-sub-column .am-nav > li > a:focus {
    border-bottom: 2px solid #c30d23;      
    background: none;
    color: #c30d23;
}

.be-sub-column .am-nav > li.am-active > a,
.be-sub-column .am-nav > li.am-active > a:hover,
.be-sub-column .am-nav > li.am-active > a:focus {
    border-bottom: 2px solid #c30d23;
    color: #c30d23; 
    background: none;
}

/* Container / About */
.be-about { 
    background: url("../../images/about.jpg") no-repeat;
    background-position: 100% 88%;
}
.be-about h2 { margin-bottom: 30px; }

/* Container / Tech */
.be-tech,
.be-tech-en { 
    margin-bottom: 100px;
    background: url("../../images/about-tech.jpg");
    background-position: 0 1190px;
    background-repeat: no-repeat;
}
.be-tech-en { background-position: 0 1270px; }

.be-tech img.be-img-border { border: 3px dashed #fef5f0; }

/* Container / Culture */
.be-culture { 
    margin-bottom: 100px;
    background: url("../../images/about-culture.jpg") 0 175px no-repeat;
}

/* Container / R&D */
.be-rd,
.be-rd-en { 
    background: url("../../images/about-tech.jpg") no-repeat;
    background-position: 100% 295px;
}
.be-rd-en { background-position: 100% 358px; }

.be-rd .be-rd-cert { padding-top: 200px; }


/* Container / News */
.be-news { margin-bottom: 60px; }
.be-news a { 
    display: block; 
    width: 415px; 
    color: #5b5657; 
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #fff; 
}
.be-news a:hover { 
    color: #c30d23;    
    border-bottom-color: #c30d23;     
}
.be-news a img:hover { 
    -ms-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    transition-duration: 0.5s;
}


/* Container / Porducts */
.be-product-list h2 { border-bottom: 1px dotted #c30d23; padding-bottom: 30px; }
.be-product-list ul,
.be-product-catalog ul  { 
    margin: 40px 0 80px 0;
}
.be-product-list ul li { margin-bottom: 40px; }
.be-product-list ul li a { 
    display: block;
    overflow: hidden;
    width: 302px;
    color: #5b5657; 
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #fff;
}
.be-product-list ul li a:hover { 
    color: #c30d23;
    border-bottom-color: #c30d23;
}
.be-product-list ul li a img:hover,
.be-product-catalog ul li a:hover { 
    -ms-transform: scale(1.02);
    -moz-transform: scale(0.98);
    -webkit-transform: scale(0.98);
    -o-transform: scale(0.98);
    transform: scale(0.98);
    transition-duration: 0.5s;
 }


.be-content h6 a:hover { 
    border-bottom: 1px solid #c30d23; 
    padding-bottom: 10px;
}
.be-content ul { 
    width: 100%; 
    margin-bottom: 65px;
}
.be-content-wrap { padding: 0 15px; }


/* Container / Porducts Catalog / 20240109 */
.be-product-catalog ul li a {
    display: block;
    overflow: hidden;
    width: 392px;
}

.be-product-catalog-custom ul li { margin-bottom: 10px; }
.be-product-catalog-custom ul li a { width: 321px; }

.be-product-catalog ul li a div {    
    background-color: #f9f9f9;
    padding: 26px 18px 46px 28px;
}

.be-product-catalog ul li a:hover div {
    background-color: #fef5f0;
}

.be-product-catalog ul li a div h3,
.be-product-catalog ul li a div h4 { 
    margin: 0;
}

.be-product-catalog ul li a div h4 { padding: 0; }

.be-product-catalog ul li a div h4,
.be-product-catalog ul li a div span {
    float: left;
}

.be-product-catalog ul li a div span { 
    display: block;
    float: right;
    width: 10px;
    height: 10px;
    margin: 10px 10px 0 0;
    background-color: #e00000;
}


/* Container / Jobs */
.be-job-list { min-height: 600px; padding: 0 15px; }
.be-job-list a:hover { color: #c30d23; }

/** Reset ***/
.am-table > thead > tr > th,
.am-table > tbody > tr > th,
.am-table > tfoot > tr > th,
.am-table > thead > tr > td,
.am-table > tbody > tr > td,
.am-table > tfoot > tr > td {
    padding: 1.4rem 1rem;
    line-height: 1.4;
}

.am-table > thead > tr > th {  
    border-bottom: 1px solid #c30d23;
    color: #c30d23;
}

/* Container / Collaboration Process / 20240103 */
.be-collaboration-process { 
    background-color: #f9f9f9; 
    padding: 22px 0 68px 0;
}

.be-cp-box li { 
    background-color: #fff;
    border-width: 0 1px 2px 1px;
    border-style: solid;
    border-color: #f1f1f1;
    padding: 13px 0 9px 50px;
}

.be-cp-box li:hover { background-color: #f1f1f1; }

.be-cp-box li:nth-child(4n+1){ 
    border-left: 2px solid #f1f1f1;
}
.be-cp-box li:nth-child(4n+4){ 
    border-right: 2px solid #f1f1f1;
}

.be-cp-box li span { 
    font-size: 5.625em;
    color: #c4c4c4;
}

.be-cp-box li h6 { margin: 0; }

/* Container / Factory Strength / 20240103 */
.be-factory-strength li span { 
    display: block; 
    width: 80.6%;
}
.be-factory-strength li:last-child span { float: right; }
.be-factory-strength li:nth-child(2) span { margin-right: 12.5%; }
.be-factory-strength li:nth-child(3) span { margin-left: 12.5%; }

.be-factory-strength li span h6 { 
    border-top: 2px solid #d3d3d3; 
    border-bottom: 2px solid #d3d3d3;
    margin-top: 28px;
    padding: 12px 0;
    text-align: center;
}

/* Container / Qualification Certificate / 20240103 */
.be-qualification-certificate-wrap { background: #f7f7f7 url("../../images/ico-qc.png") 50% 60px no-repeat; }


/** Reset - Pagination **/
.am-pagination > li > a,
.am-pagination > li > span {  
    color: #c30d23;
    border: 0;    
}
.am-pagination > li > a:hover,
.am-pagination > li > span:hover,
.am-pagination > li > a:focus,
.am-pagination > li > span:focus {  
    background-color: #fff;
}
.am-pagination > .am-active > a,
.am-pagination > .am-active > span,
.am-pagination > .am-active > a:hover,
.am-pagination > .am-active > span:hover,
.am-pagination > .am-active > a:focus,
.am-pagination > .am-active > span:focus {  
    background-color: #c30d23; 
    border-radius: 25px;   
}
.am-pagination > li > a:hover,
.am-pagination > li > span:hover,
.am-pagination > li > a:focus,
.am-pagination > li > span:focus {
    color: #c30d23;
    background-color: #eeeeee;
    border-radius: 25px; 
}
.am-pagination > .am-disabled > span,
.am-pagination > .am-disabled > span:hover,
.am-pagination > .am-disabled > span:focus,
.am-pagination > .am-disabled > a,
.am-pagination > .am-disabled > a:hover,
.am-pagination > .am-disabled > a:focus {
    color: #c30d23;  
}


/* Container / Services */
/*.be-services { min-height: 500px; }*/



/* ========================== */

@media screen and (max-width: 640px) { /* <=640 */ 
   
    /* Header */ 
    .be-header-wrap {        
        height: 35px; 
        line-height: 35px;            
    }
    .be-header-slogan { letter-spacing: 0.1em; padding-left: 12px; font-size: 0.75em; }
    .be-header-slogan-en { letter-spacing: 0em; }

    .be-phone-header {
        width: 100%;
        z-index: 998; 
        background-color: #fff; 
        border-bottom: 1px solid #d6d5d5;
        box-shadow: 0px 5px 5px -2px #d6d5d5;
    }
    .be-phone-logo {
        float: left;        
        padding: 15px 0 12px 12px;
    }
    .be-phone-logo img {
       width: 60%;
    }

    .be-phone-menu a.am-menu-toggle {
        display: block;
        margin-top: 48px;        
    }

    .be-phone-menu a.am-menu-toggle i.am-icon-bars {
        color: #c30d23;
        font-size: 150%;
    }

    /* amazeui reset / 12610 */
    .am-offcanvas-bar { background: #c30d23; }
    .am-offcanvas-bar:after { background: #c30d23; width: 0; }

    .am-icon-bars:before {
      content: "\268C"; /*2630 是三横，268C 是两横，2501 是一横*/
    }

    .am-menu-offcanvas1 .am-menu-nav { border-bottom: 1px solid #a70a1d; }
    .am-menu-offcanvas1 .am-menu-nav > li > a {
        text-indent: 20px;
        color: #fff;
        border-top: 1px solid #a70a1d;
        text-shadow: none;
        font-size: 0.875em;
    }
    .am-menu-offcanvas1 .am-menu-nav > .am-open > a,
    .am-menu-offcanvas1 .am-menu-nav > li > a:hover,
    .am-menu-offcanvas1 .am-menu-nav > li > a:focus {
        background-color: #a70a1d;        
    }
    .am-menu-offcanvas1 .am-menu-sub {
        padding: 5px 0 5px 20px;
        background-color: #a70a1d;
    }

    /* Global Title & Sub Title */
    .be-global-title h2 { 
        font-size: 1.25em;
        margin: 0;          
    }
    .be-global-title h3 { 
        font-size: 1em;        
        margin: 29px 0 0 0; 
    }

    .be-global-sub-title,
    .be-home-history-list { 
        position: absolute; 
        bottom: 12px; 
        left: 25px;
    }
    .be-global-sub-title h4,
    .be-home-product-center-left h4,
    .be-culture h4,
    .be-tech h4,
    .be-rd h4 { 
        font-size: 1em; 
        margin: 0;     
    }
    .be-global-sub-title h5,
    .be-home-product-center-left h5,
    .be-culture h5,
    .be-tech h5,
    .be-rd h5 { 
        font-size: 0.875em; 
        margin: 6px 0 0 0;
    }

    /* Home About */
    .be-home-introduction a {    
    height: 181px; 
    background: url("../../images/phone-home-introduction.jpg") 0 -20px no-repeat;
    }
    .be-home-culture a {    
        height: 147px; 
        background: url("../../images/phone-home-culture.jpg") 0 -20px no-repeat;
    }
    .be-home-history a {    
        height: 147px; 
        background: url("../../images/phone-home-history.jpg") 0 -20px no-repeat;
    }

    .be-home-history .be-global-sub-title {
        position: absolute; 
        top: 90px;        
        left: 25px;
    }

    /* Home Product center */
    .be-home-product-center-wrap { 
        min-height: 439px; 
        background: #fef5f0 url("../../images/home-product-center.gif") 100% 80px no-repeat; 
        background-attachment: fixed;
    }

    .be-home-product-center-container-wrap { padding: 0px; }

    .be-home-product-center-left {        
        padding: 25px 0 25px 0; 
    }
    .be-home-product-center-left h4,
    .be-home-product-center-left h5 { margin-left: 15px; } 

    .be-home-product-center-right li a {         
        min-height: 138px;
    }

    .be-home-product-center-right li a span,
    .be-home-product-center-right-en li a span { 
        font-size: 0.875em; 
        position: absolute;
        bottom: 0;
        display: block;
        width: 25%;
        height: 31px;
        line-height: 31px;
        padding-left: 20px; 
        color: #fff;
        bottom: 0;
        background-color: rgba(34,24,21,1);
    }

    .be-home-product-center-right-en li a span {
        font-size: 0.2em; 
        padding-left: 8px;
        overflow: hidden;
    }

    .be-home-product-class-1 a,
    .be-home-product-class-2 a,
    .be-home-product-class-3 a,
    .be-home-product-class-4 a { background-size: 100%; }



    /* Home 360 VR */
    .be-home-360vr-wrap { 
        height: 150px;
        background: url("../../images/phone-home-360vr.jpg");
        background-attachment: scroll;
        background-size: 100%;
        background-position: center center;        
    }

    .be-home-360vr-wrap .am-container { height: 150px; }
    .be-home-360vr-wrap .am-container div  { 
        letter-spacing: 0.4em;         
    }

    /* Home News Center */
    .be-home-news-center { margin-top: 29px; }
    .be-home-news-center .am-list > li {  
        min-height: 39px;
        line-height: 39px;
        margin-bottom: 0px;  
        border: 1px solid #d6d5d5;
        border-width: 0 0 1px 0;
        font-size: 0.875em;
    }
    .be-home-news-center .am-list > li:last-child {  margin-bottom: -16px; }    
    .be-home-news-center ul li a span { 
        font-size: 0.875em;
        margin-right: 16px;        
        white-space: pre-wrap; /* 强制换行 */
        font-style: oblique;
    }

    /* Home Market Potential */
    .be-home-market-wrap { padding: 40px 0 24px 0; }
    .be-home-market .be-global-title hr { border: 1px solid #ffffff; }
    .be-home-market-content { font-size: 0.875em; margin-bottom: -20px; }

    /* Home Banner Service */
    .be-home-banner-service-wrap { 
        height: 97px;
        background: url("../../images/phone-home-banner-service.jpg") ;
        background-attachment: scroll;    
        background-position: center;
    }

    .be-home-banner-service-wrap-en { height: 157px; }
    .be-home-banner-service-wrap-en .am-container div { height: 157px; }

    /* Home Footer */
    .be-footer-qrcode ul { float: none; width: 260px; margin: 0 auto; }



    /* ========== Page ========== */

    .am-breadcrumb {
        padding: 0.7em 0 0.5em 0;           
    }

    /* Container / About */
    .be-about { 
        background: none;
    }

    /* Container / Tech */
    .be-tech { 
        margin-bottom: 0px;
        background: none;
    }

    .be-tech h4 { 
        margin-bottom: -20px;        
    }

    /* Container / R&D */
    .be-rd { 
        background: none;        
    }

    .be-tech p,
    .be-rd p { font-size: 0.875em; }

    .be-rd img { margin-bottom: 28px; }
    .be-rd { padding-top: 0px; }

    /* Container / History */ 
    .be-history-list ul {        
        margin: 20px 0 3px 0;
        padding: 0;
    }
    .be-history-list ul li {        
        list-style: none;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px dotted #d6d5d5;
    }

    .be-history-list span { 
        font-size: 1.625em; 
        color: #c30d23;
    }

    .be-history-list ul li p { 
        margin: 0;
        font-size: 0.875em;
    }

    /* Container / Services */
    .be-services { margin-top: 13px; }

    /* Container / Porducts */
    .be-product-list h2 { padding-bottom: 15px; }
    .be-product-list ul { margin: 40px 0 0 0; }
    .be-product-list ul li { margin-bottom: 20px; }
    .be-product-list ul li a {         
        width: 151px;
        margin: 0 13px 0 13px;        
    }
    .be-product-list ul li a h3 { font-size: 0.875em; }

    /* Container / News */
    .be-news { margin-bottom: 30px; }
    .be-news a {         
        width: 100%;
        padding-bottom: 0px; 
        font-size: 0.875em;       
    }

    /* Container / Jobs */
    .be-job-list { 
        min-height: 400px; 
        font-size: 0.875em;
    }
    .be-content { font-size: 0.875em; }

    /* Container / Contact */
    .be-contact { font-size: 0.875em; }

    /* Container / Collaboration Process / 20240103 */
    .be-collaboration-process { padding: 22px 0 12px 0; }
    .be-cp-box li { padding: 13px 6px 0px 10px; }
    .be-cp-box li:nth-child(2){ 
        min-height: 283px;
    }
    .be-cp-box li span { font-size: 1.75em; }
    .be-cp-box li h6 { font-size: 0.875em; 
                        font-weight: bold;
    }
    .be-cp-box li p { font-size: 0.875em; }

    /* Container / Factory Strength / 20240103 */
    .be-factory-strength li span { width: 95%; }
    .be-factory-strength li:nth-child(2) span { margin-right: 0; }
    .be-factory-strength li:nth-child(3) span { margin-left: 0; }

    .be-factory-strength li span h6 { 
        font-size: 0.875em;    
        margin-top: 18px;
        padding: 6px 0;    
    }

    /* Container / Qualification Certificate / 20240103 */
    .be-qualification-certificate-wrap { background-size: 15% 15%; }

    /* Container / Porducts Catalog / 20240109 */
    .be-product-catalog ul  { margin: 30px 0 10px 0; }
    .be-product-catalog ul li a { width: 95%; }
    .be-product-catalog-custom ul li a { width: 95%; }
    .be-product-catalog ul li a div { padding: 16px 8px 26px 8px; }
    .be-product-catalog ul li a div h3 { font-size: 0.875em; }
    .be-product-catalog ul li a div h4 { font-size: 0.625em; }



}

@media screen and (min-width: 640px) and (max-width: 1024px) { /* >=640，<=1024 */
   
}

@media screen and (min-width: 1025px) and (max-width: 1366px) { /* >=1025，<=1366 */
    
}

@media screen and (min-width: 1367px) and (max-width: 1440px) {	/* >=1367，<=1440 */
    .be-about { background-position: 230px 65%;  }
    
}

@media screen and (min-width: 1441px) and (max-width: 1680px) {	/* >=1441，<=1680 */
    .be-about { background-position: 350px 100%;  }
}

@media screen and (min-width: 1025px) { /* >=1680 */
     

}



.bg1 { background-color: red; color: #fff; }
.bg2 { background-color: blue; color: #fff; }

.bg1 div { background-color: yellow; }
.bg2 div { background-color: gray; }